mirror of
https://gitlab.com/allianceauth/allianceauth.git
synced 2025-12-07 21:31:42 +01:00
Compare commits
1 Commits
865be31eb6
...
0990be0ae4
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
0990be0ae4 |
@ -47,12 +47,6 @@
|
|||||||
/* Side Navigation
|
/* Side Navigation
|
||||||
------------------------------------------------------------------------------------- */
|
------------------------------------------------------------------------------------- */
|
||||||
@media all {
|
@media all {
|
||||||
.sidemenu-total-notifications-badge {
|
|
||||||
position: absolute;
|
|
||||||
left: 28px;
|
|
||||||
font-size: 42.5% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
#sidebar > div {
|
#sidebar > div {
|
||||||
width: 325px;
|
width: 325px;
|
||||||
}
|
}
|
||||||
|
|||||||
13
allianceauth/static/allianceauth/js/sidebar-collapse.js
Normal file
13
allianceauth/static/allianceauth/js/sidebar-collapse.js
Normal file
@ -0,0 +1,13 @@
|
|||||||
|
$(document).ready(() => {
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
const activeChildMenuItem = document.querySelector('ul#sidebar-menu ul.collapse a.active');
|
||||||
|
|
||||||
|
if (activeChildMenuItem) {
|
||||||
|
const activeChildMenuUl = activeChildMenuItem.closest('ul');
|
||||||
|
activeChildMenuUl.classList.add('show');
|
||||||
|
|
||||||
|
document.querySelectorAll(`[data-bs-target^="#${activeChildMenuUl.id}"]`)
|
||||||
|
.forEach(element => element.setAttribute('aria-expanded', true));
|
||||||
|
}
|
||||||
|
});
|
||||||
@ -1,57 +0,0 @@
|
|||||||
$(document).ready(() => {
|
|
||||||
'use strict';
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Collect all badges in the sidebar menu that are not part of a collapsible submenu, and calculate the total notification count.
|
|
||||||
* Show a total notification badge in the navbar if there are any notifications.
|
|
||||||
*/
|
|
||||||
const totalNotificationsBadge = () => {
|
|
||||||
const badges = [];
|
|
||||||
let notificationCount = 0;
|
|
||||||
|
|
||||||
document.querySelectorAll('#sidebar-menu .badge').forEach(b => {
|
|
||||||
const li = b.closest('li');
|
|
||||||
|
|
||||||
if (!li || !li.querySelector('ul.collapse')) {
|
|
||||||
badges.push(b);
|
|
||||||
notificationCount += parseInt(b.textContent);
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (badges.length > 0 && notificationCount > 0) {
|
|
||||||
const notificationBadge = document.createElement('span');
|
|
||||||
|
|
||||||
notificationBadge.classList.add(
|
|
||||||
'badge',
|
|
||||||
'text-bg-danger',
|
|
||||||
'align-self-center',
|
|
||||||
'sidemenu-notification-badge',
|
|
||||||
'sidemenu-total-notifications-badge'
|
|
||||||
);
|
|
||||||
notificationBadge.textContent = String(notificationCount);
|
|
||||||
|
|
||||||
document.querySelector('a.navbar-brand i.fa-solid').prepend(notificationBadge);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
/**
|
|
||||||
* Find the active child menu item in the sidebar menu, if any, and ensure its parent submenu is expanded.
|
|
||||||
*/
|
|
||||||
const expandChildMenu = () => {
|
|
||||||
const activeChildMenuItem = document.querySelector('ul#sidebar-menu ul.collapse a.active');
|
|
||||||
|
|
||||||
if (activeChildMenuItem) {
|
|
||||||
const activeChildMenuUl = activeChildMenuItem.closest('ul');
|
|
||||||
activeChildMenuUl.classList.add('show');
|
|
||||||
|
|
||||||
document.querySelectorAll(`[data-bs-target^="#${activeChildMenuUl.id}"]`)
|
|
||||||
.forEach(element => element.setAttribute('aria-expanded', 'true'));
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// Execute functions on document ready
|
|
||||||
[
|
|
||||||
totalNotificationsBadge,
|
|
||||||
expandChildMenu
|
|
||||||
].forEach(fn => fn());
|
|
||||||
});
|
|
||||||
@ -1,3 +1,3 @@
|
|||||||
{% load sri %}
|
{% load sri %}
|
||||||
|
|
||||||
{% sri_static 'allianceauth/js/sidebar.js' %}
|
{% sri_static 'allianceauth/js/sidebar-collapse.js' %}
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user