Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-10-26 08:36:12 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: #12044, only load notifications when opening dropdown

Browse Source 
update code to use bs5 class "show"
This commit is contained in:
Barış Soner Uşaklı
2023-09-27 17:23:55 -04:00
parent 2627e9742a
commit dbd0a715f2
1 changed files with 13 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
public/src/client/header/notifications.js
View File

@@ -1,25 +1,24 @@
'use strict';
define('forum/header/notifications', ['components'], function (components) {
define('forum/header/notifications', function () {
const notifications = {};
notifications.prepareDOM = function () {
const notifContainer = components.get('notifications');
const notifTrigger = notifContainer.children('a');
const notifList = components.get('notifications/list');
const notifTrigger = $('[component="notifications"] [data-bs-toggle="dropdown"]');
if (!notifTrigger.length) {
return;
}
notifTrigger.on('click', function (e) {
e.preventDefault();
if (notifContainer.hasClass('open')) {
return;
}
requireAndCall('loadNotifications', notifList);
notifTrigger.on('show.bs.dropdown', (ev) => {
requireAndCall('loadNotifications', $(ev.target).parent().find('[component="notifications/list"]'));
});
if (notifTrigger.parents('.dropdown').hasClass('open')) {
requireAndCall('loadNotifications', notifList);
}
notifTrigger.each((index, el) => {
const dropdownEl = $(el).parent().find('.dropdown-menu');
if (dropdownEl.hasClass('show')) {
requireAndCall('loadNotifications', dropdownEl.find('[component="notifications/list"]'));
}
});
socket.removeListener('event:new_notification', onNewNotification);
socket.on('event:new_notification', onNewNotification);