Scribd
Upload
36 views

Untitled Document

This document contains PHP code for a Twitter-like profile settings page. It retrieves the logged in user's data, who they can follow, and notification count. It includes the page header, navigation sidebar, and settings forms for email/username, password, and a search bar. The sidebar links to home, notifications, profile, and logout. The settings forms validate and save changes to the database.

Uploaded by

yaseenshaik251219
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
36 views

Untitled Document

This document contains PHP code for a Twitter-like profile settings page. It retrieves the logged in user's data, who they can follow, and notification count. It includes the page header, navigation sidebar, and settings forms for email/username, password, and a search bar. The sidebar links to home, notifications, profile, and logout. The settings forms validate and save changes to the database.

Uploaded by

yaseenshaik251219
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

<?

php

include 'core/init.php';

$user_id = $_SESSION['user_id'];

$user = User::getData($user_id);
$who_users = Follow::whoToFollow($user_id);
$notify_count = User::CountNotification($user_id);

if (User::checkLogIn() === false)


header('location: index.php');

?>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Settings | Twitter</title>
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/all.min.css">

<!-- time function to force css file to reload -->

<link rel="stylesheet" href="assets/css/profile_style.css?v=<?php echo time(); ?>">


<link rel="shortcut icon" type="image/png" href="assets/images/twitter.svg">

</head>
<body>

<div id="mine">
<div class="wrapper-left">
<div class="sidebar-left">
<div class="grid-sidebar" style="margin-top: 12px">
<div class="icon-sidebar-align">
<img src="https://i.ibb.co/86d7x4Z/twitter.png" alt="" height="30px" width="30px" />
</div>
</div>

<a href="home.php">
<div class="grid-sidebar bg-active" style="margin-top: 12px">
<div class="icon-sidebar-align">
<img src="https://i.ibb.co/6tKFLWG/home.png" alt="" height="26.25px"
width="26.25px" />
</div>
<div class="wrapper-left-elements">
<a href="home.php" style="margin-top: 4px;"><strong>Home</strong></a>
</div>
</div>
</a>

<a href="notification.php">
<div class="grid-sidebar">
<div class="icon-sidebar-align position-relative">
<?php if ($notify_count > 0) { ?>
<i class="notify-count"><?php echo $notify_count; ?></i>
<?php } ?>
<img
src="https://i.ibb.co/Gsr7qyX/notification.png"
alt=""
height="26.25px"
width="26.25px"
/>
</div>

<div class="wrapper-left-elements">
<a href="notification.php" style="margin-top:
4px"><strong>Notification</strong></a>
</div>
</div>
</a>

<a href="<?php echo BASE_URL . $user->username; ?>">


<div class="grid-sidebar">
<div class="icon-sidebar-align">
<img src="https://i.ibb.co/znTXjv6/perfil.png" alt="" height="26.25px"
width="26.25px" />
</div>

<div class="wrapper-left-elements">
<!-- <a href="/twitter/<?php echo $user->username; ?>" style="margin-top:
4px"><strong>Profile</strong></a> -->
<a href="<?php echo BASE_URL . $user->username; ?>" style="margin-top:
4px"><strong>Profile</strong></a>

</div>
</div>
</a>
<a href="<?php echo BASE_URL . "account.php"; ?>">
<div class="grid-sidebar ">
<div class="icon-sidebar-align">
<img src="https://i.ibb.co/znTXjv6/perfil.png" alt="" height="26.25px"
width="26.25px" />
</div>

<div class="wrapper-left-elements">
<a class="wrapper-left-active" href="<?php echo BASE_URL . "account.php"; ?>"
style="margin-top: 4px"><strong>Settings</strong></a>
</div>

</div>
</a>
<a href="includes/logout.php">
<div class="grid-sidebar">
<div class="icon-sidebar-align">
<i style="font-size: 26px; color:red" class="fas fa-sign-out-alt"></i>
</div>

<div class="wrapper-left-elements">
<a style="color:red" href="includes/logout.php" style="margin-top:
4px"><strong>Logout</strong></a>
</div>
</div>
</a>
<button class="button-twittear">
<strong>Tweet</strong>
</button>

<div class="box-user">
<div class="grid-user">
<div>
<img
src="assets/images/users/<?php echo $user->img ?>"
alt="user"
class="img-user"
/>
</div>
<div>
<p class="name"><strong><?php if($user->name !== null) {
echo $user->name; } ?></strong></p>
<p class="username">@<?php echo $user->username; ?></p>
</div>
<div class="mt-arrow">
<img
src="https://i.ibb.co/mRLLwdW/arrow-down.png"
alt=""
height="18.75px"
width="18.75px"
/>
</div>
</div>
</div>
</div>
</div>

<div class="grid-posts">
<div class="border-right">
<div class="grid-toolbar-center">
<div class="center-input-search">

</div>

</div>

<div class="box-fixed" id="box-fixed"></div>

<div class="box-home feed">


<div class="container">
<div class="nav flex-column nav-pills" id="v-pills-tab" role="tablist"
aria-orientation="vertical">
<a style="color:black !important;" class="nav-link active text-center"
id="v-pills-home-tab" data-toggle="pill" href="#v-pills-home" role="tab"
aria-controls="v-pills-home" aria-selected="true">Change Email or Username</a>
<a style="color:black !important;" class="nav-link text-center"
id="v-pills-profile-tab" data-toggle="pill" href="#v-pills-profile" role="tab"
aria-controls="v-pills-profile" aria-selected="false">Change Password</a>

</div>
<div class="tab-content" id="v-pills-tabContent">
<div class="tab-pane fade show active" id="v-pills-home" role="tabpanel"
aria-labelledby="v-pills-home-tab">
<!-- Change EMAIL and USAERNAME Form -->

<form method="POST" action="handle/handleAccountSetting.php" class="py-4"


>

<?php if (isset($_SESSION['errors_account'] )) {

?>

<?php foreach ($_SESSION['errors_account'] as $error) { ?>

<div class="alert alert-danger" role="alert">


<p style="font-size: 15px;" class="text-center"> <?php echo $error ; ?>
</p>
</div>
<?php } ?>

<?php } unset($_SESSION['errors_account']) ?>


<div class="form-group">
<label for="exampleInputEmail1">Email address</label>
<input type="email" name="email" value="<?php echo $user->email; ?>"
class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp"
placeholder="Enter email">

</div>
<div class="form-group">
<label for="exampleInputPassword1">Username</label>
<input type="text" name="username" value="<?php echo $user->username;
?>" class="form-control" id="exampleInputPassword1" placeholder="Username">
</div>

<div class="text-center">

<button type="submit" name="submit" class="btn btn-primary">Save


Changes</button>
</div>

</form>

</div>
<div class="tab-pane fade" id="v-pills-profile" role="tabpanel"
aria-labelledby="v-pills-profile-tab">

<!-- Change Password Form -->

<form method="POST" action="handle/handleChangePassword.php"


class="py-4" >
<script src="assets/js/jquery-3.5.1.min.js"></script>
<?php if (isset($_SESSION['errors_password'] )) {

?>

<script>
$(document).ready(function(){
// Open modal on page load
$("#v-pills-profile-tab").click();

});
</script>

<?php foreach ($_SESSION['errors_password'] as $error) { ?>

<div class="alert alert-danger" role="alert">


<p style="font-size: 15px;" class="text-center"> <?php echo $error ; ?>
</p>
</div>
<?php } ?>

<?php } unset($_SESSION['errors_password']) ?>

<div class="form-group">
<label for="exampleInputEmail1">Old Password</label>
<input type="password" name="old_password" class="form-control"
id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Old Password">

</div>
<div class="form-group">
<label for="exampleInputPassword1">New Password</label>
<input type="password" name="new_password" class="form-control"
id="exampleInputPassword1" placeholder="New Password">
</div>

<div class="form-group">
<label for="exampleInputPassword1">Verify Password</label>
<input type="password" name="ver_password" class="form-control"
id="exampleInputPassword1" placeholder="New Password">
</div>

<div class="text-center">

<button type="submit" name="submit" class="btn btn-primary">Save


Changes</button>
</div>

</form>

</div>

</div>

</div>

</div>
</div>
<div>
<div style="width: 90%;" class="container">

<div class="input-group py-2 m-auto pr-5 position-relative">

<i id="icon-search" class="fas fa-search tryy"></i>


<input type="text" class="form-control search-input" placeholder="Search Twitter">
<div class="search-result">

</div>
</div>
</div>

<div class="box-share">
<p class="txt-share"><strong>Who to follow</strong></p>
<?php
foreach($who_users as $user) {
// $u = User::getData($user->user_id);
$user_follow = Follow::isUserFollow($user_id , $user->id) ;
?>
<div class="grid-share">
<a style="position: relative; z-index:5; color:black" href="<?php echo
$user->username; ?>">
<img
src="assets/images/users/<?php echo $user->img; ?>"
alt=""
class="img-share"
/>
</a>
<div>
<p>
<a style="position: relative; z-index:5; color:black" href="<?php echo
$user->username; ?>">
<strong><?php echo $user->name; ?></strong>
</a>
</p>
<p class="username">@<?php echo $user->username; ?>
<?php if (Follow::FollowsYou($user->id , $user_id)) { ?>
<span class="ml-1 follows-you">Follows You</span></p>
<?php } ?></p></p>
</div>
<div>
<button class="follow-btn follow-btn-m
<?= $user_follow ? 'following' : 'follow' ?>"
data-follow="<?php echo $user->id; ?>"
data-user="<?php echo $user_id; ?>"
data-profile="<?php echo $u_id; ?>"
style="font-weight: 700;">
<?php if($user_follow) { ?>
Following
<?php } else { ?>
Follow
<?php } ?>
</button>
</div>
</div>

<?php }?>

</div>

</div>
</div> </div>
<script src="assets/js/search.js"></script>
<script src="assets/js/follow.js"></script>
<script src="https://kit.fontawesome.com/38e12cc51b.js"
crossorigin="anonymous"></script>
<!-- <script src="assets/js/jquery-3.4.1.slim.min.js"></script> -->
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
</body>
</html>

You might also like