You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
119 lines
3.1 KiB
JavaScript
119 lines
3.1 KiB
JavaScript
'use strict';
|
|
|
|
/* globals define, socket, translator, utils, config, app, ajaxify, Tinycon*/
|
|
|
|
|
|
define('notifications', ['sounds'], function(sound) {
|
|
var Notifications = {};
|
|
|
|
Notifications.prepareDOM = function() {
|
|
var notifContainer = $('.notifications'),
|
|
notifTrigger = notifContainer.children('a'),
|
|
notifList = $('#notif-list'),
|
|
notifIcon = $('.notification-icon');
|
|
|
|
notifTrigger.on('click', function(e) {
|
|
e.preventDefault();
|
|
if (!notifContainer.hasClass('open')) {
|
|
|
|
socket.emit('notifications.get', null, function(err, data) {
|
|
|
|
function createNotification(notification, callback) {
|
|
if (notification.image) {
|
|
image = '<img class="image" src="' + notification.image + '" />';
|
|
} else {
|
|
image = '';
|
|
}
|
|
|
|
return '<li class="' + (notification.readClass || '') + '"><a href="' + (notification.path || '#') + '">' + image + '<span class="pull-right relTime">' + $.timeago(new Date(parseInt(notification.datetime, 10))) + '</span><span class="text">' + notification.bodyShort + '</span></a></li>';
|
|
}
|
|
|
|
var x, html = '';
|
|
|
|
// Switch to shorthand
|
|
translator.toggleTimeagoShorthand();
|
|
|
|
if (!err && (data.read.length + data.unread.length) > 0) {
|
|
var image = '';
|
|
for (x = 0; x < data.unread.length; x++) {
|
|
html += createNotification(data.unread[x]);
|
|
}
|
|
|
|
for (x = 0; x < data.read.length; x++) {
|
|
html += createNotification(data.read[x]);
|
|
}
|
|
} else {
|
|
html += '<li class="no-notifs"><a>[[notifications:no_notifs]]</a></li>';
|
|
}
|
|
|
|
// Switch back to original timeago strings
|
|
translator.toggleTimeagoShorthand();
|
|
|
|
html += '<li class="pagelink"><a href="' + config.relative_path + '/notifications">[[notifications:see_all]]</a></li>';
|
|
|
|
notifList.translateHtml(html);
|
|
|
|
updateNotifCount(data.unread.length);
|
|
|
|
socket.emit('modules.notifications.markAllRead', null, function(err) {
|
|
if (!err) {
|
|
updateNotifCount(0);
|
|
}
|
|
});
|
|
});
|
|
}
|
|
});
|
|
|
|
function updateNotifCount(count) {
|
|
if (count > 0) {
|
|
notifIcon.removeClass('fa-bell-o').addClass('fa-bell');
|
|
} else {
|
|
notifIcon.removeClass('fa-bell').addClass('fa-bell-o');
|
|
}
|
|
|
|
notifIcon.toggleClass('unread-count', count > 0);
|
|
notifIcon.attr('data-content', count > 20 ? '20+' : count);
|
|
|
|
Tinycon.setBubble(count);
|
|
};
|
|
|
|
function increaseNotifCount() {
|
|
var count = parseInt(notifIcon.attr('data-content'), 10) + 1;
|
|
updateNotifCount(count);
|
|
}
|
|
|
|
socket.emit('notifications.getCount', function(err, count) {
|
|
if (!err) {
|
|
updateNotifCount(count);
|
|
} else {
|
|
updateNotifCount(0);
|
|
}
|
|
});
|
|
|
|
socket.on('event:new_notification', function(notifData) {
|
|
app.alert({
|
|
alert_id: 'new_notif',
|
|
title: '[[notifications:new_notification]]',
|
|
message: '[[notifications:you_have_unread_notifications]]',
|
|
type: 'warning',
|
|
timeout: 2000
|
|
});
|
|
app.refreshTitle();
|
|
|
|
if (ajaxify.currentPage === 'notifications') {
|
|
ajaxify.refresh();
|
|
}
|
|
|
|
increaseNotifCount();
|
|
|
|
sound.play('notification');
|
|
});
|
|
|
|
socket.on('event:notifications.updateCount', function(count) {
|
|
updateNotifCount(count);
|
|
});
|
|
};
|
|
|
|
return Notifications;
|
|
});
|