Skip to content

#51 add support for user pic upload #61

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

#51 add support for user pic upload #61

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
59e1cf1
add support for user pic upload
pwechs83 Oct 13, 2018
5c7f239
add user image to message
pwechs83 Oct 13, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions public/assests/js/message.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,8 @@ $(document).ready(function(){

$('body').load('../public/assests/partials/app.html', function() {
// $('body').append(pre);


$('body').find('.user-avatar').attr({"src" : $('#heading-avatar').data('src')});

var heightFrom; // global variable
// Websocket Connection Open
Expand Down Expand Up @@ -134,10 +135,11 @@ function newConversation(element, load) {
// Set Details
function setConversationDetails(details) {
$("#conversationHeading").html("");


var headingEle = $("<div></div>").addClass("col-sm-9 col-xs-9 heading-left");
var headingAva = $("<div></div>").addClass("heading-avatar");
var headingImg = $("<img>").attr({"src" : "../public/assests/img/ankit.png"});
var headingImg = $("<img>").attr({"src" : $('#heading-avatar').data('src')});
headingAva.append(headingImg);
headingEle.append(headingAva);

Expand Down
4 changes: 2 additions & 2 deletions public/assests/partials/app-demo.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

<div class="col-sm-3 col-xs-3 heading-left">
<div class="heading-avatar">
<img src="../public/assests/img/ankit.png">
<img src="../public/assests/img/ankit.png" class="user-avatar">
</div>
</div>

Expand Down Expand Up @@ -93,7 +93,7 @@

<div class="col-sm-9 col-xs-9 heading-left">
<div class="heading-avatar">
<img src="../public/assests/img/ankit.png">
<img src="../public/assests/img/ankit.png" class="user-avatar">
</div>
<div class="heading-name">
<a href="#" class="heading-name-meta">Ankit </a>
Expand Down
2 changes: 1 addition & 1 deletion public/assests/partials/app.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,7 +8,7 @@

<div class="col-sm-3 col-xs-3 heading-left">
<div class="heading-avatar">
<img src="../public/assests/img/ankit.png">
<img src="../public/assests/img/ankit.png" class="user-avatar">
</div>
</div>

Expand Down
3 changes: 2 additions & 1 deletion sql/openchat.sql
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,8 @@ CREATE TABLE `profile` (
`login_id` int(11) NOT NULL,
`status` text,
`education` text,
`gender` varchar(10) DEFAULT NULL
`gender` varchar(10) DEFAULT NULL,
`pic` longtext
) ENGINE=InnoDB DEFAULT CHARSET=latin1;


Expand Down
6 changes: 4 additions & 2 deletions views/account.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@
<div class="boxx" >

<div class="pic">
<img src="../../public/assests/img/ankit.png">
<img src="<?php echo !empty($row["pic"]) ? $row["pic"] : '../../public/assests/img/ankit.png';?>">
</div>

<div class="brief">
Expand Down Expand Up @@ -95,7 +95,9 @@
?>

<div class="boxx" id="profile">
<form method="post" action="../profile_generate.php">
<form method="post" action="../profile_generate.php" enctype="multipart/form-data" >
<label>User Pic:</label><br>
<input type="file" name="userpic" accept="image/*"><br>
<label>Status : </label>
<textarea name="status" id="status"><?php echo $row['status']; ?></textarea>
<label>Education : </label>
Expand Down
8 changes: 6 additions & 2 deletions views/message.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,9 @@

require_once (dirname(__DIR__).'/vendor/autoload.php');
use ChatApp\Session;
use ChatApp\Profile;
use Dotenv\Dotenv;

$dotenv = new Dotenv(dirname(__DIR__));
$dotenv->load();

Expand All @@ -21,9 +23,11 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="../public/assests/js/jquery-3.0.0.min.js"></script>
<script src="../public/assests/js/bootstrap.min.js"></script>
<script type="text/javascript" src="../public/assests/js/message.js"></script>
<?php
$userId = Session::get('start');
$data = Profile::getProfile($userId);?>
<script type="text/javascript" src="../public/assests/js/message.js" id="heading-avatar" data-src="<?php echo !empty($data["pic"]) ? $data["pic"] : '../../public/assests/img/ankit.png';?>"></script>
</head>

<body>


Expand Down
12 changes: 11 additions & 1 deletion views/profile_generate.php
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,7 +22,17 @@
$status = get($_POST['status'], $data['status']);
$edu = get($_POST['education'], $data['education']);
$gender = get($_POST['gender'], $data['gender']);
$query = "UPDATE profile set status = '$status', education = '$edu', gender = '$gender' where login_id = '$userId'";

if(!empty($_FILES["userpic"]["tmp_name"])){

$path = $_FILES["userpic"]["tmp_name"];
$type = pathinfo($path, PATHINFO_EXTENSION);
$data = file_get_contents($path);
$base64pic = 'data:image/' . $type . ';base64,' . base64_encode($data);

$pic = get($base64pic, $data['pic']);
}
$query = "UPDATE profile set status = '$status', education = '$edu', gender = '$gender', pic = '$pic' where login_id = '$userId'";
if ($result = $connect->query($query)) {
header('Location:'.getenv('APP_URL').'/views/account.php');
} else {
Expand Down