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('\
+
\
\
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..587f020 100644
--- a/website/public/js/main.js
+++ b/website/public/js/main.js
@@ -1,3 +1,17 @@
+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) {
+ 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() {
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;