diff --git a/public/img/profile/VGdWZUZ2dlJlUkM5eWpjVDcyQXJoZz09 b/public/img/profile/VGdWZUZ2dlJlUkM5eWpjVDcyQXJoZz09 new file mode 100644 index 0000000000000000000000000000000000000000..c9026973f56c5350313310df83075a52a0f3c4a6 Binary files /dev/null and b/public/img/profile/VGdWZUZ2dlJlUkM5eWpjVDcyQXJoZz09 differ diff --git a/public/style.css b/public/style.css index 98b9163084677db0223337793ee5b12b247b1c13..ea0a99559c762b1f8e82af2cfd350d8696d00320 100644 --- a/public/style.css +++ b/public/style.css @@ -121,6 +121,13 @@ body { max-width: 170px; max-height: 170px; border-radius: 50%; + border: 3px solid black; +} + +.img-profile { + width: 180px; + height: 180px; + outline: 3px solid black; } .profil>p { diff --git a/src/controller/ProfilController.php b/src/controller/ProfilController.php index 21639d708a01ff88fb239ae424688c2b13af467b..b8dc45d633e3bf576cf41ad7e0d620bd6785115d 100644 --- a/src/controller/ProfilController.php +++ b/src/controller/ProfilController.php @@ -82,6 +82,10 @@ class ProfilController { $isPhotoUploaded = false; if (isset($_FILES["photo"]) && strlen($_FILES["photo"]["name"]) != 0) { $isPhotoUploaded = true; + if ($_FILES['photo']['error']) { + echo "File upload error ".$_FILES['photo']['error']; + return; + } } $conn = DB::getInstance(); @@ -126,9 +130,17 @@ class ProfilController { ); if ($isPhotoUploaded) { + $photo_name = $_GET['u']; $data += array( - ':photo' => $user_photo, + ':photo' => '/img/profile/'.$photo_name, ); + + $target = __DIR__.'/../../public/img/profile/'.$photo_name; + if (!move_uploaded_file($_FILES['photo']['tmp_name'], $target)) { + echo "Fail uploading file to ".$target; + return; + } + } $stmt->execute($data); diff --git a/src/view/profil_edit.php b/src/view/profil_edit.php index 5a7caf6e6e4224b5f04ab0486c219304d05bb909..7966a4453b3beaa2c0479290e524c457b53b0a8c 100644 --- a/src/view/profil_edit.php +++ b/src/view/profil_edit.php @@ -18,43 +18,51 @@ <form action="/main/profil/edit/save?u=<?=$id?>" method="post" enctype="multipart/form-data"> <div class="container"> <div class="row"> - <div class="col-6"> - <h1>EDIT PROFILE INFORMATION</h1> + <div class="col-1 text-left"></div> + <div class="col-4 text-left"> + <h2>EDIT PROFILE INFORMATION</h2> </div> + <div class="col-1 text-left"></div> </div> <div class="row"> - <div class="col-2"> - <img src="<?=$user->photo?>" style="width: 180px;height: 180px; outline: 1px solid black"> + <div class="col-1 text-left"></div> + <div class="col-2 text-left"> + <img class="img-profile" src="<?=$user->photo?>"> </div> - <div class="col-4"> + <div class="col-2"> <h3>Update profile picture</h3> <form action="#"> <input type="file" name="photo" accept="image/*"> </form> </div> + <div class="col-1 text-left"></div> </div> <br> <div class="row"> - <div class="col-2"> + <div class="col-1 text-left"></div> + <div class="col-2 text-left"> Your Name:<br> Phone:<br> Driver Status </div> - <div class="col-4"> - <input type="text" name="name" value="<?=$user->name?>"><br> - <input type="text" name="phone" value="<?=$user->phone?>"><br> - <input type="radio" name="isDriver" value="yes" <?=$user->isDriver? 'checked':''?>>Yes - <input type="radio" name="isDriver" value="no" <?=$user->isDriver? '':'checked'?>>No<br> + <div class="col-2"> + <input style="width: 100%" type="text" name="name" value="<?=$user->name?>"><br> + <input style="width: 100%" type="text" name="phone" value="<?=$user->phone?>"><br> + <input style="width: 20%" type="radio" name="isDriver" value="yes" <?=$user->isDriver? 'checked':''?>>Yes + <input style="width: 20%" type="radio" name="isDriver" value="no" <?=$user->isDriver? '':'checked'?>>No<br> </div> + <div class="col-1 text-left"></div> </div> <br> <div class="row"> - <div class="col-3"> + <div class="col-1 text-left"></div> + <div class="col-2 text-left"> <a href="/main/profil?u=<?=$id?>"><button type="button">BACK</button></a> </div> - <div class="col-3 text-right"> + <div class="col-2 text-right"> <input type="submit" value="SAVE"> </div> + <div class="col-1 text-left"></div> </div> </div> </form>