/
social.php
81 lines (69 loc) · 1.9 KB
/
social.php
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<?php
require "header.php";
require "mobile.php";
$id = $_GET['id'] ?? '';
?>
<div class="row mob-m-0">
<div class="col-sm-3 nav-hide sidebar-sticky pt-3">
<?php
require "./template/nav.php";
?>
</div>
<div class="col-sm-9 p-0 mb-4">
<?php
if (isset($_SESSION['token'])) {
?>
<main class="mb-5">
<p class="status text center"></p>
</main>
<?php
} else {
?>
<div class="alert alert-info w-75 text-center mx-auto mt-5">
<h4>You need to login to access this</h4>
</div>
<?php } ?>
</div>
<br><br><br>
<div class="mobile nav-show">
<br><br><br>
</div>
<?php
require "footer.php"
?>
<script type="text/javascript">
active_page(1);
let __user_id = '<?= $id ?>';
if (__user_id) {
var user = __user_id;
} else {
var user = sessionStorage.getItem('user');
}
let url = "./inc/social.inc.php?user=" + user;
$.get(url, function (result) {
if (result) {
result.users.forEach(user => {
name = user.full_name;
$("main").append(following_func(user.uidusers, name, user.idusers, user.profile_picture, user.token));
});
follow(sessionStorage.getItem('user'));
} else if (!result.following) {
$('.status').html("<h1 class='co'>you are following no one :(</h1>");
}
});
function following_func(user, name, id, img, token) {
if (img === null) {
img = 'default.jpg';
}
return `
<div class="follower-div">
<img src="img/${img}" class="img-profile" onerror="this.error = null; this.src ='img/default.jpg' " alt="${user}">
<div class="user">
<a href="profile.php?id=${token}"><h2>${name}</h2></a>
<p class="co">@${user}</p>
</div>
<button id="${token}" class="btn bg follower-btn follow-btn" style="border-radius:5px;">
<span>following</span></button>
</div> `;
};
</script>