fixed #756 - sequestering Notifications and Chat DOM functions in their module, and not in footer

2025-11-07 06:25:50 +01:00 · 2014-01-13 10:06:00 -05:00
parent e36f92b18e
commit b86ae3f7f0
3 changed files with 199 additions and 189 deletions
--- a/public/src/modules/notifications.js
+++ b/public/src/modules/notifications.js
@@ -0,0 +1,131 @@
+define(function() {
+	var Notifications = {};
+
+	Notifications.prepareDOM = function() {
+		// Notifications dropdown
+		var notifContainer = document.getElementsByClassName('notifications')[0],
+			notifTrigger = notifContainer.querySelector('a'),
+			notifList = document.getElementById('notif-list'),
+			notifIcon = $('.notifications a');
+
+		notifTrigger.addEventListener('click', function(e) {
+			e.preventDefault();
+			if (notifContainer.className.indexOf('open') === -1) {
+				socket.emit('api:notifications.get', null, function(data) {
+					var notifFrag = document.createDocumentFragment(),
+						notifEl = document.createElement('li'),
+						numRead = data.read.length,
+						numUnread = data.unread.length,
+						x;
+					notifList.innerHTML = '';
+					if ((data.read.length + data.unread.length) > 0) {
+						for (x = 0; x < numUnread; x++) {
+							notifEl.setAttribute('data-nid', data.unread[x].nid);
+							notifEl.className = 'unread';
+							notifEl.innerHTML = '<a href="' + data.unread[x].path + '"><span class="pull-right">' + utils.relativeTime(data.unread[x].datetime, true) + '</span>' + data.unread[x].text + '</a>';
+							notifFrag.appendChild(notifEl.cloneNode(true));
+						}
+						for (x = 0; x < numRead; x++) {
+							notifEl.setAttribute('data-nid', data.read[x].nid);
+							notifEl.className = '';
+							notifEl.innerHTML = '<a href="' + data.read[x].path + '"><span class="pull-right">' + utils.relativeTime(data.read[x].datetime, true) + '</span>' + data.read[x].text + '</a>';
+							notifFrag.appendChild(notifEl.cloneNode(true));
+						}
+					} else {
+						notifEl.className = 'no-notifs';
+						notifEl.innerHTML = '<a>You have no notifications</a>';
+						notifFrag.appendChild(notifEl.cloneNode(true));
+					}
+
+					// Add dedicated link to /notifications
+					notifEl.removeAttribute('data-nid');
+					notifEl.className = 'pagelink';
+					notifEl.innerHTML = '<a href="' + RELATIVE_PATH + '/notifications">See all Notifications</a>';
+					notifFrag.appendChild(notifEl.cloneNode(true));
+
+					notifList.appendChild(notifFrag);
+
+					if (data.unread.length > 0) {
+						notifIcon.toggleClass('active', true);
+					} else {
+						notifIcon.toggleClass('active', false);
+					}
+
+					socket.emit('api:modules.notifications.mark_all_read', null, function() {
+						notifIcon.toggleClass('active', false);
+						app.refreshTitle();
+
+						// Update favicon + local count
+						Tinycon.setBubble(0);
+						localStorage.setItem('notifications:count', 0);
+					});
+				});
+			}
+		});
+
+		notifList.addEventListener('click', function(e) {
+			var target;
+			switch (e.target.nodeName) {
+				case 'SPAN':
+					target = e.target.parentNode.parentNode;
+					break;
+				case 'A':
+					target = e.target.parentNode;
+					break;
+				case 'li':
+					target = e.target;
+					break;
+			}
+			if (target) {
+				var nid = parseInt(target.getAttribute('data-nid'));
+				if (nid > 0) socket.emit('api:modules.notifications.mark_read', nid);
+			}
+		});
+
+		var	updateNotifCount = function(count) {
+			// Update notification icon, if necessary
+			if (count > 0) {
+				notifIcon.toggleClass('active', true);
+			} else {
+				notifIcon.toggleClass('active', false);
+			}
+
+			// Update the favicon + saved local count
+			Tinycon.setBubble(count);
+			localStorage.setItem('notifications:count', count);
+		};
+
+		socket.emit('api:notifications.getCount', function(err, count) {
+			if (!err) {
+				updateNotifCount(count);
+			} else {
+				updateNotifCount(0);
+			}
+		});
+
+		socket.on('event:new_notification', function() {
+			notifIcon.toggleClass('active', true);
+			app.alert({
+				alert_id: 'new_notif',
+				title: 'New notification',
+				message: 'You have unread notifications.',
+				type: 'warning',
+				timeout: 2000
+			});
+			app.refreshTitle();
+
+			if (ajaxify.currentPage === 'notifications') {
+				ajaxify.refresh();
+			}
+
+			// Update the favicon + local storage
+			var	savedCount = parseInt(localStorage.getItem('notifications:count'),10) || 0;
+			updateNotifCount(savedCount+1);
+		});
+		socket.on('event:notifications.updateCount', function(count) {
+			updateNotifCount(count);
+		});
+	};
+
+	return Notifications;
+});