AndrewTrieu/chatline
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Finalize

Browse Source
This commit is contained in:
Andrew Trieu
2023-02-10 19:20:34 +02:00
parent c717c9e4c1
commit 5f98bab91e
23 changed files with 586 additions and 325 deletions
Download Patch File Download Diff File Expand all files Collapse all files

166
home.php
View File

@@ -1,117 +1,55 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>ChatLine - Real-time Messaging App</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<div class="wrapper">
<section class="user">
<header>
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>User</span>
<p>Active now</p>
</div>
<?php
session_start();
include_once "php/config.php";
if (!isset($_SESSION["unique_id"])) {
header("location: start.php");
}
?>
<?php include_once "header.php"; ?>
<body>
<div class="wrapper">
<section class="user">
<header>
<div class="content">
<?php
$sql = mysqli_query(
$conn,
"SELECT * FROM users WHERE unique_id = {$_SESSION["unique_id"]}"
);
if (mysqli_num_rows($sql) > 0) {
$current_user = mysqli_fetch_assoc($sql);
}
?>
<img src="php/assets/<?php if ($current_user["img"]) {
echo $current_user["img"];
} else {
echo "default.png";
} ?>" alt="Profile photo">
<div class="details">
<span>
<?php echo $current_user['first_name'] . " " . $current_user['last_name'] ?>
</span>
<p>
<?php echo $current_user["status"]; ?>
</p>
</div>
<a href="#" class="logout">Logout</a>
</header>
<div class="search">
<span class="text">
Who do you want to chat with?
</span>
<input type="text" placeholder="Enter name to search...">
<button><i class="fas fa-search"></i></button>
</div>
<div class="users">
<a href="#">
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>Friend #1</span>
<p>This is a test message</p>
</div>
</div>
<div class="status-dot"><i class="fas fa-circle"></i></div>
</a>
<a href="#">
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>Friend #1</span>
<p>This is a test message</p>
</div>
</div>
<div class="status-dot"><i class="fas fa-circle"></i></div>
</a>
<a href="#">
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>Friend #1</span>
<p>This is a test message</p>
</div>
</div>
<div class="status-dot"><i class="fas fa-circle"></i></div>
</a>
<a href="#">
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>Friend #1</span>
<p>This is a test message</p>
</div>
</div>
<div class="status-dot"><i class="fas fa-circle"></i></div>
</a>
<a href="#">
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>Friend #1</span>
<p>This is a test message</p>
</div>
</div>
<div class="status-dot"><i class="fas fa-circle"></i></div>
</a>
<a href="#">
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>Friend #1</span>
<p>This is a test message</p>
</div>
</div>
<div class="status-dot"><i class="fas fa-circle"></i></div>
</a>
<a href="#">
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>Friend #1</span>
<p>This is a test message</p>
</div>
</div>
<div class="status-dot"><i class="fas fa-circle"></i></div>
</a>
<a href="#">
<div class="content">
<img src="assets/default.png" alt="Profile photo">
<div class="details">
<span>Friend #1</span>
<p>This is a test message</p>
</div>
</div>
<div class="status-dot"><i class="fas fa-circle"></i></div>
</a>
</div>
</section>
</div>
<script src="js/search-visibility.js"></script>
</body>
<a href="php/logout.php?logout_id=<?php echo $current_user['unique_id']; ?>" class="logout">Logout</a>
</header>
<div class="search">
<span class="text">
Who do you want to chat with?
</span>
<input type="text" placeholder="Enter name to search...">
<button><i class="fas fa-search"></i></button>
</div>
<div class="users">
</div>
</section>
</div>
<script src="js/home.js"></script>
</body>
</html>