From 019dcefecad12fb99f5b5caddd6a73ed4a99addb Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Thu, 25 Jan 2018 12:56:52 +0100
Subject: reset timer on manual update trigger

---
 view/js/main.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

(limited to 'view')

diff --git a/view/js/main.js b/view/js/main.js
index 89202c94f..41ca0bb3f 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -70,6 +70,8 @@ $(document).ready(function() {
 
 		if(! $('#nav-' + notifyType + '-sub').hasClass('show')) {
 			loadNotificationItems(notifyType);
+			if(timer) clearTimeout(timer);
+			timer = setTimeout(updateInit,updateInterval);
 		}
 
 		$(this).data('clicked', true);
@@ -389,10 +391,9 @@ function notificationsUpdate(cached_data) {
 	}
 
 	var notifyType = null;
-
-	if($('.notification-content.show').length)
+	if($('.notification-content.show').length) {
 		notifyType = $('.notification-content.show').data('type');
-
+	}
 	if(notifyType !== null) {
 		loadNotificationItems(notifyType);
 	}
@@ -437,7 +438,6 @@ function handleNotifications(data) {
 }
 
 function handleNotificationsItems(notifyType, data) {
-
 	var notifications_tpl= unescape($("#nav-notifications-template[rel=template]").html());
 	var notify_menu = $("#nav-" + notifyType + "-menu");
 
@@ -931,11 +931,9 @@ function justifyPhotosAjax(id) {
 }
 
 function loadNotificationItems(notifyType) {
-
 	var pingExCmd = 'ping/' + notifyType + ((localUser != 0) ? '?f=&uid=' + localUser : '');
 
 	var clicked = $('[data-type=\'' + notifyType + '\']').data('clicked');
-
 	if((clicked === undefined) && (sessionStorage.getItem(notifyType + '_notifications_cache') !== null)) {
 		var cached_data = JSON.parse(sessionStorage.getItem(notifyType + '_notifications_cache'));
 		handleNotificationsItems(notifyType, cached_data);
-- 
cgit v1.2.3


From 4656856dfbf41e855b1bb8625290c07a5dcf8d38 Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Thu, 25 Jan 2018 17:27:48 +0100
Subject: move template out of #notifications and revert reset timer on manual
 trigger

---
 view/js/main.js                   |  2 --
 view/tpl/notifications_widget.tpl | 14 +++++++-------
 2 files changed, 7 insertions(+), 9 deletions(-)

(limited to 'view')

diff --git a/view/js/main.js b/view/js/main.js
index 41ca0bb3f..8eb02156b 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -70,8 +70,6 @@ $(document).ready(function() {
 
 		if(! $('#nav-' + notifyType + '-sub').hasClass('show')) {
 			loadNotificationItems(notifyType);
-			if(timer) clearTimeout(timer);
-			timer = setTimeout(updateInit,updateInterval);
 		}
 
 		$(this).data('clicked', true);
diff --git a/view/tpl/notifications_widget.tpl b/view/tpl/notifications_widget.tpl
index a42c18751..69e5e15bc 100644
--- a/view/tpl/notifications_widget.tpl
+++ b/view/tpl/notifications_widget.tpl
@@ -115,14 +115,14 @@
 	<div id="no_notifications" class="d-xl-none">
 		{{$no_notifications}}<span class="jumping-dots"><span class="dot-1">.</span><span class="dot-2">.</span><span class="dot-3">.</span></span>
 	</div>
+	<div id="nav-notifications-template" rel="template">
+		<a class="list-group-item clearfix notification {5}" href="{0}" title="{2} {3}" data-b64mid="{6}" data-notify_id="{7}" data-thread_top="{8}" data-contact_name="{2}">
+			<img class="menu-img-3" data-src="{1}">
+			<span class="contactname">{2}</span>
+			<span class="dropdown-sub-text">{3}<br>{4}</span>
+		</a>
+	</div>
 	<div id="notifications" class="navbar-nav">
-		<div id="nav-notifications-template" rel="template">
-			<a class="list-group-item clearfix notification {5}" href="{0}" title="{2} {3}" data-b64mid="{6}" data-notify_id="{7}" data-thread_top="{8}" data-contact_name="{2}">
-				<img class="menu-img-3" data-src="{1}">
-				<span class="contactname">{2}</span>
-				<span class="dropdown-sub-text">{3}<br>{4}</span>
-			</a>
-		</div>
 		{{foreach $notifications as $notification}}
 		<div class="collapse {{$notification.type}}-button">
 			<a class="list-group-item notification-link" href="#" title="{{$notification.title}}" data-target="#nav-{{$notification.type}}-sub" data-toggle="collapse" data-type="{{$notification.type}}">
-- 
cgit v1.2.3


From 7c600b03803bfddd2d98084ef5c1976e35b84f9e Mon Sep 17 00:00:00 2001
From: Mario Vavti <mario@mariovavti.com>
Date: Fri, 26 Jan 2018 11:44:24 +0100
Subject: preserve open state of notifications

---
 view/js/main.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

(limited to 'view')

diff --git a/view/js/main.js b/view/js/main.js
index 8eb02156b..13d002968 100644
--- a/view/js/main.js
+++ b/view/js/main.js
@@ -70,11 +70,21 @@ $(document).ready(function() {
 
 		if(! $('#nav-' + notifyType + '-sub').hasClass('show')) {
 			loadNotificationItems(notifyType);
+			sessionStorage.setItem('notification_open', notifyType);
+		}
+		else {
+			sessionStorage.removeItem('notification_open');
 		}
 
 		$(this).data('clicked', true);
 	});
 
+	if(sessionStorage.getItem('notification_open') !== null) {
+		var notifyType = sessionStorage.getItem('notification_open');
+		$('#nav-' + notifyType + '-sub').addClass('show');
+		loadNotificationItems(notifyType);
+	}
+
 	// Allow folks to stop the ajax page updates with the pause/break key
 	$(document).keydown(function(event) {
 		if(event.keyCode == '8') {
-- 
cgit v1.2.3