Chat receive messages is now better

website/public/js/chat.js

@@ -1,25 +1,30 @@
 var previousDate = new Date("1970-01-01 00:00:00");
+var gettingMessages = false;
+
 
 $(document).ready(function() {
-    loadMessages();
+    setInterval(loadMessages, 2000);
     sayEmpty();
     $(".chat-field").hide();
 });
 
 function loadMessages() {
-    $.post(
+    if (!gettingMessages) {
-        "API/loadMessages.php",
+        gettingMessages = true;
-        $("#lastIDForm").serialize()
+        $.post(
-    ).done(function(data) {
+            "API/loadMessages.php",
-        if (data && data != "[]") {
+            $("#lastIDForm").serialize()
-            messages = JSON.parse(data);
+        ).done(function (data) {
-            addMessages(messages);
+            if (data && data != "[]") {
-            $("#lastID").val(messages[messages.length - 1].messageID);
+                messages = JSON.parse(data);
-            $("#chat-history").scrollTop($("#chat-history")[0].scrollHeight);
+                addMessages(messages);
-        }
+                $("#lastID").val(messages[messages.length - 1].messageID);
-    });
+            }
-
+            gettingMessages = false;
-    setTimeout(loadMessages, 1000);
+        });
+    } else {
+        setTimeout(loadMessages, 500);
+    }
 }
 
 
@@ -30,6 +35,7 @@ function sendMessage() {
     );
 
     $("#newContent").val("");
+    loadMessages();
 }
 
 function addMessages(messages) {
@@ -59,6 +65,8 @@ function addMessages(messages) {
             </div>\
         ');
     }
+
+    $("#chat-history").scrollTop($("#chat-history")[0].scrollHeight);
 }
 
 function switchUser(userID) {

website/public/styles/main.css

@@ -97,7 +97,6 @@ p {
 }
 
 .item-box, .item-box-full-width {
-    margin: 20px 0 0 0;
     padding: 25px;
     background-color: #FFFFFF;
 }

website/public/styles/profile.css

@@ -2,7 +2,6 @@
 
 .user-box {
     text-align: center;
-    margin-bottom: 50px;
 }
 
 .status-buttons-container {
@@ -64,14 +63,12 @@
 }
 
 div.posts {
-    padding-top: 20px;
     width: calc(100% + 20px);
     display: inline-flex;
 }
 
 div.posts div.post {
     display: block;
-    margin: 20px 0 0 0;
     padding: 10px;
     width: calc(100% - 40px);
     cursor: pointer;

website/queries/friendship.php

@@ -29,6 +29,12 @@ function selectLimitedFriends($userID, $limit) {
             `friendship`.`user1ID` = `user`.`userID`) AND
             `user`.`role` != 'banned' AND
             `friendship`.`status` = 'confirmed'
+        ORDER BY 
+            CASE
+            WHEN `friendship`.`user2ID` = `user`.`userID` THEN `friendship`.`chatLastVisted1`
+            WHEN `friendship`.`user1ID` = `user`.`userID` THEN `friendship`.`chatLastVisted2`
+            END
+            DESC
         LIMIT :limitCount
     ");
 

website/views/menu.php

@@ -1,7 +1,7 @@
 <nav class="menu">
     <section id="friends-menu-section">
         <h4>
-            Top vrienden
+            Recente vrienden
         </h4>
         <ul id="menu-friends-list" class="nav-list">
         </ul>