-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.php
executable file
·174 lines (136 loc) · 5.27 KB
/
index.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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
<?php
include("includes/header.php");
if(isset($_POST['post'])){
//************************To update image on NewsFeed****************
$uploadOk = 1;
$imageName = $_FILES['fileToUpload']['name'];
$errorMessage = "";
if($imageName != "") {
$targetDir = "assets/images/posts/";
$imageName = $targetDir . uniqid() . basename($imageName); // Identifier to differentiate betweeen all files uploaded from various users, even the names correspond with another user's file
$imageFileType = pathinfo($imageName, PATHINFO_EXTENSION);
if($_FILES['fileToUpload']['size'] > 10000000) {
$errorMessage = "Sorry, your file is too large";
$uploadOk = 0;
}
if(strtolower($imageFileType) != "jpeg" && strtolower($imageFileType) !="png" && strtolower($imageFileType) !="jpg" && strtolower($imageFileType) !="gif") {
$errorMessage = "Sorry, only jpeg, png, jpg and gif files are allowed";
$uploadOk = 0;
}
if($uploadOk) {
if(move_uploaded_file($_FILES['fileToUpload']['tmp_name'], $imageName)) {
//Image uploaded Okay
}
else {
//Image did not upload
$uploadOk = 0;
}
}
}
if($uploadOk){
$post = new Post($con, $userLoggedIn);
$post->submitPost($_POST['post_text'], 'none', $imageName);
}
else {
echo "<div style='text-align: center;' class='alert alert-error'>
$errorMessage
</div>";
}
}
?>
<!--On click, Links to the user profile-->
<div class="user_details column">
<a href="<?php echo $userLoggedIn; ?>"> <img src="<?php echo $user['profile_pic']; ?>"> </a>
<div class="user_details_left_right">
<a href="<?php echo $userLoggedIn; ?>">
<?php
echo $user['first_name'] . " " . $user['last_name']; // Returns user firstName and LastName on the profile
?>
</a>
<br>
<?php echo "Posts: " . $user['num_posts']. "<br>";
echo "Likes: " . $user['num_likes']; ?>
</div>
</div>
<!-- Post container white layer-->
<div class="main_column column">
<form class="post_form" action="index.php" method="POST" enctype="multipart/form-data">
<input type="file" name="fileToUpload" id="fileToUpload">
<textarea name="post_text" id="post_text" placeholder=" What's on your mind?"></textarea>
<input type="submit" name="post" id="post_button" value="Post">
<hr>
</form>
<div class="posts_area"></div>
<img id="#loading" src="assets/images/icons/loading.gif" style="display: none;">
</div>
<div class="user_details column">
<h5>Popular trending words</h5>
<div class="trends">
<?php
$query = mysqli_query($con, "SELECT * FROM trends ORDER BY hits DESC LIMIT 9");
foreach ($query as $row) {
$word = $row['title'];
$word_dot = strlen($word) >= 14 ? "..." : "";
$trimmed_word = str_split($word, 14);
$trimmed_word = $trimmed_word[0];
echo "<div style='padding: 1px'>";
echo $trimmed_word . $word_dot;
echo "<br></div>";
}
?>
</div>
</div>
<!--Explore container-->
<div class="user_details column">
<h5>Explore</h5>
<div class="explore">
<a href=""><img src="https://img.icons8.com/cute-clipart/64/000000/shop.png" style="height: 20px;"/><span style="margin-bottom: 40px;">Market</span>
</a><br><br>
<a href=""><img src="https://img.icons8.com/color/48/000000/group.png" style="height: 25px;" "/><span>Group</span
</a><br><br>
<a href=""><img src="https://img.icons8.com/color/48/000000/tear-off-calendar.png" style="height: 25px;"/><span>Events</span></a><br><br>
<a href=""><img src="https://img.icons8.com/officel/16/000000/filled-flag.png" style="height: 25px;"/><span>Pages</span></a>
</div>
<script>
var userLoggedIn = '<?php echo $userLoggedIn; ?>';
$(document).ready(function() {
$('#loading').show();
//Original ajax request for loading first posts
$.ajax({
url: "includes/handlers/ajax_load_posts.php",
type: "POST",
data: "page=1&userLoggedIn=" + userLoggedIn,
cache:false,
success: function(data) {
$('#loading').hide();
$('.posts_area').html(data);
}
});
$(window).scroll(function() {
var height = $('.posts_area').height(); //Div containing posts
var scroll_top = $(this).scrollTop();
var page = $('.posts_area').find('.nextPage').val();
var noMorePosts = $('.posts_area').find('.noMorePosts').val();
if ((document.body.scrollHeight == document.body.scrollTop + window.innerHeight) && noMorePosts == 'false') {
$('#loading').show();
//alert("Hello");
var ajaxReq = $.ajax({
url: "includes/handlers/ajax_load_posts.php",
type: "POST",
data: "page=" + page + "&userLoggedIn=" + userLoggedIn,
cache:false,
success: function(response) {
$('.posts_area').find('.nextPage').remove(); //Removes current .nextpage
$('.posts_area').find('.noMorePosts').remove(); //Removes current .nextpage
$('#loading').hide();
$('.posts_area').append(response);
}
});
} //End if
return false;
}); //End (window).scroll(function())
});
</script>
</div> <!--wrapper class close tag from header form-->
</body>
</html>