From cbff973b631126093c0b8dad90dcb3513eca38ba Mon Sep 17 00:00:00 2001
From: Lars van Hijfte <larsvanhijfte@hotmail.com>
Date: Fri, 27 Jan 2017 11:15:33 +0100
Subject: [PATCH 1/2] Save manu state with cookie

---
 website/public/js/header.js | 11 ++++++++++-
 website/public/js/main.js   | 11 +++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/website/public/js/header.js b/website/public/js/header.js
index 9889bdb..bdf5fe3 100644
--- a/website/public/js/header.js
+++ b/website/public/js/header.js
@@ -1,5 +1,4 @@
 $(document).ready(function() {
-
     // Toggle menu
     $("#own-profile-picture, #open-notifications").click(function() {
         if ($("#notification-center").css('right') == "-256px") {
@@ -8,12 +7,22 @@ $(document).ready(function() {
             $(".modal").width("calc(100% - 512px)");
             $(".content").css("margin-right", "256px");
             $("#notification-center").css("right", "0px");
+
+            // Add cookie so the menu stays open on other pages
+            document.cookie = "menu=open; path=/";
         } else {
             // Make the menu invisible and move the content to the right.
             $("#chat-history").width("calc(100% - 331px)");
             $(".modal").width("calc(100% - 256px)");
             $(".content").css("margin-right", "0px");
             $("#notification-center").css("right", "-256px");
+
+            // Change menu cookie to close
+            document.cookie = "menu=closed; path=/";
         }
     });
+
+    if (getCookie("menu") == "open") {
+        $("#own-profile-picture").click();
+    }
 });
diff --git a/website/public/js/main.js b/website/public/js/main.js
index 8a52797..5622827 100644
--- a/website/public/js/main.js
+++ b/website/public/js/main.js
@@ -1,3 +1,14 @@
+function getCookie(key) {
+    cookies = document.cookie.split("; ");
+    for (var i in cookies) {
+        cookie = cookies[i].split("=");
+        if (cookie[0] == key) {
+            return cookie[1];
+        }
+    }
+    return false;
+}
+
 function editFriendship(userID, value) {
     $.post("API/editFriendship.php", { usr: userID, action: value })
     .done(function() {

From f27b9ec6b41f85f519c50961e53eb516e3ec842a Mon Sep 17 00:00:00 2001
From: Lars van Hijfte <larsvanhijfte@hotmail.com>
Date: Fri, 27 Jan 2017 12:22:26 +0100
Subject: [PATCH 2/2] Chat messages split per day

---
 website/public/js/chat.js      | 18 ++++++++++++++++--
 website/public/js/main.js      |  3 +++
 website/public/js/search.js    |  2 --
 website/public/styles/chat.css | 21 +++++++++++++++++++++
 4 files changed, 40 insertions(+), 4 deletions(-)

diff --git a/website/public/js/chat.js b/website/public/js/chat.js
index 06f85df..2b2fe34 100644
--- a/website/public/js/chat.js
+++ b/website/public/js/chat.js
@@ -1,3 +1,5 @@
+var previousDate = new Date("1970-01-01 00:00:00");
+
 $(document).ready(function() {
     loadMessages();
     sayEmpty();
@@ -31,13 +33,25 @@ function sendMessage() {
 }
 
 function addMessages(messages) {
-    for(i in messages) {
+    for(var i in messages) {
+        thisDate = new Date(messages[i].creationdate);
+        thisDate.setHours(0,0,0,0);
         if (messages[i].destination == $(".destinationID").val()) {
             type = "chat-message-self";
         } else {
             type = "chat-message-other";
         }
-
+        if (thisDate > previousDate) {
+            console.log(previousDate);
+            previousDate = thisDate;
+            $("#chat-history").append('\
+                <div class="day-message"> \
+                    <div class="day-message-content">\
+                    ' + days[thisDate.getDay()] + " " + thisDate.getDate() + " " + months[thisDate.getMonth()] + " " + thisDate.getFullYear() + '\
+                    </div> \
+                </div>\
+            ');
+        }
         $("#chat-history").append('\
             <div class="chat-message"> \
                 <div class="' + type + '">\
diff --git a/website/public/js/main.js b/website/public/js/main.js
index 5622827..587f020 100644
--- a/website/public/js/main.js
+++ b/website/public/js/main.js
@@ -1,3 +1,6 @@
+var days = ["zondag", "maandag", "dinsdag", "woensdag", "donderdag", "vrijdag", "zaterdag"];
+var months = ["januari", "februari", "maart", "april", "mei", "juni", "juli", "augustus", "september", "oktober", "november", "december"]
+
 function getCookie(key) {
     cookies = document.cookie.split("; ");
     for (var i in cookies) {
diff --git a/website/public/js/search.js b/website/public/js/search.js
index b3c322a..c026b64 100644
--- a/website/public/js/search.js
+++ b/website/public/js/search.js
@@ -8,7 +8,6 @@ function searchUsers(n, m) {
             filter: $("#search-filter").val()
         }
     ).done(function(data) {
-        console.log(data);
         if (!showFriends(data, "#search-users-list", 0, "profile.php", "GET")) {
             $("#search-users-list").text("Niemand gevonden");
         }
@@ -25,7 +24,6 @@ function searchGroups(n, m) {
             filter: $("#search-filter").val()
         }
     ).done(function(data) {
-        console.log(data);
         if (!showGroups(data, "#search-groups-list")) {
             $("#search-groups-list").text("Geen groepen gevonden");
         }
diff --git a/website/public/styles/chat.css b/website/public/styles/chat.css
index 6822d21..600bb41 100644
--- a/website/public/styles/chat.css
+++ b/website/public/styles/chat.css
@@ -1,3 +1,8 @@
+
+body {
+    overflow: hidden;
+}
+
 /* Overall chat-screen */
 .chat {
     position: fixed;
@@ -37,6 +42,22 @@
 }
 
 /* Chat-message takes the whole width of the chat area */
+.day-message {
+    width: 100%;
+    min-height: 40px;
+    padding: 10px 0;
+    clear: both;
+    text-align: center;
+}
+
+.day-message-content {
+    width: auto;
+    padding: 10px;
+
+    background-color: #F8F8F8;
+    color: #666;
+}
+
 .chat-message {
     width: 100%;
     min-height: 40px;