mag/WMS
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

workign menu structure on top bar

Browse Source
This commit is contained in:
Mark Gregory
2026-06-17 16:20:49 +01:00
parent 896d5c28ce
commit 1b8a9a44cf
2 changed files with 14 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/views/components/layouts/app.blade.php
+7 -4
View File
@@ -407,7 +407,7 @@
@if($helpdeskEnabled || $documentationEnabled) @if($helpdeskEnabled || $documentationEnabled)
<div class="wms-sidebar-group" data-wms-menu-group="support"> <div class="wms-sidebar-group" data-wms-menu-group="support">
@if(Route::has('helpdesk.index')) @if(Route::has('helpdesk.index'))
<a href="{{ route('helpdesk.index') }}" wire:navigate class="wms-sidebar-heading wms-sidebar-heading-button" data-wms-sidebar-label title="{{ __('Support') }}"> <a href="{{ route('helpdesk.index') }}" wire:navigate class="wms-sidebar-heading wms-sidebar-heading-button @if(request()->routeIs('helpdesk.*')) is-active @endif" data-wms-sidebar-label title="{{ __('Support') }}">
<span class="wms-sidebar-heading-content"> <span class="wms-sidebar-heading-content">
<i class="fa-solid fa-headset wms-sidebar-icon" aria-hidden="true"></i> <i class="fa-solid fa-headset wms-sidebar-icon" aria-hidden="true"></i>
<span>{{ __('Support') }}</span> <span>{{ __('Support') }}</span>
@@ -677,8 +677,11 @@
function groupHasActiveLink(group) { function groupHasActiveLink(group) {
const items = getMenuItems(group); const items = getMenuItems(group);
const activeHeading = Array.from(group.children).some((child) => {
return child.matches('.wms-sidebar-heading-button.is-active');
});
return items ? items.querySelector('.wms-sidebar-link.is-active') !== null : false; return activeHeading || (items ? items.querySelector('.wms-sidebar-link.is-active') !== null : false);
} }
function setMenuGroupOpen(group, isOpen) { function setMenuGroupOpen(group, isOpen) {
@@ -937,7 +940,7 @@
button.addEventListener('click', closeMobileSidebar); button.addEventListener('click', closeMobileSidebar);
}); });
document.querySelectorAll('.wms-sidebar-link[wire\\:navigate]').forEach((link) => { document.querySelectorAll('.wms-sidebar-link[wire\\:navigate], .wms-sidebar-heading-button[wire\\:navigate]').forEach((link) => {
if (link.dataset.wmsMobileBound === '1') { if (link.dataset.wmsMobileBound === '1') {
return; return;
} }
@@ -945,7 +948,7 @@
link.dataset.wmsMobileBound = '1'; link.dataset.wmsMobileBound = '1';
link.addEventListener('click', function () { link.addEventListener('click', function () {
document.querySelectorAll('.wms-sidebar-link.is-active').forEach((activeLink) => { document.querySelectorAll('.wms-sidebar-link.is-active, .wms-sidebar-heading-button.is-active').forEach((activeLink) => {
activeLink.classList.remove('is-active'); activeLink.classList.remove('is-active');
}); });
resources/views/layouts/app/sidebar.blade.php
+7 -4
View File
@@ -407,7 +407,7 @@
@if($helpdeskEnabled || $documentationEnabled) @if($helpdeskEnabled || $documentationEnabled)
<div class="wms-sidebar-group" data-wms-menu-group="support"> <div class="wms-sidebar-group" data-wms-menu-group="support">
@if(Route::has('helpdesk.index')) @if(Route::has('helpdesk.index'))
<a href="{{ route('helpdesk.index') }}" wire:navigate class="wms-sidebar-heading wms-sidebar-heading-button" data-wms-sidebar-label title="{{ __('Support') }}"> <a href="{{ route('helpdesk.index') }}" wire:navigate class="wms-sidebar-heading wms-sidebar-heading-button @if(request()->routeIs('helpdesk.*')) is-active @endif" data-wms-sidebar-label title="{{ __('Support') }}">
<span class="wms-sidebar-heading-content"> <span class="wms-sidebar-heading-content">
<i class="fa-solid fa-headset wms-sidebar-icon" aria-hidden="true"></i> <i class="fa-solid fa-headset wms-sidebar-icon" aria-hidden="true"></i>
<span>{{ __('Support') }}</span> <span>{{ __('Support') }}</span>
@@ -800,8 +800,11 @@
function groupHasActiveLink(group) { function groupHasActiveLink(group) {
const items = getMenuItems(group); const items = getMenuItems(group);
const activeHeading = Array.from(group.children).some((child) => {
return child.matches('.wms-sidebar-heading-button.is-active');
});
return items ? items.querySelector('.wms-sidebar-link.is-active') !== null : false; return activeHeading || (items ? items.querySelector('.wms-sidebar-link.is-active') !== null : false);
} }
function setMenuGroupOpen(group, isOpen) { function setMenuGroupOpen(group, isOpen) {
@@ -1060,7 +1063,7 @@
button.addEventListener('click', closeMobileSidebar); button.addEventListener('click', closeMobileSidebar);
}); });
document.querySelectorAll('.wms-sidebar-link[wire\\:navigate]').forEach((link) => { document.querySelectorAll('.wms-sidebar-link[wire\\:navigate], .wms-sidebar-heading-button[wire\\:navigate]').forEach((link) => {
if (link.dataset.wmsMobileBound === '1') { if (link.dataset.wmsMobileBound === '1') {
return; return;
} }
@@ -1068,7 +1071,7 @@
link.dataset.wmsMobileBound = '1'; link.dataset.wmsMobileBound = '1';
link.addEventListener('click', function () { link.addEventListener('click', function () {
document.querySelectorAll('.wms-sidebar-link.is-active').forEach((activeLink) => { document.querySelectorAll('.wms-sidebar-link.is-active, .wms-sidebar-heading-button.is-active').forEach((activeLink) => {
activeLink.classList.remove('is-active'); activeLink.classList.remove('is-active');
}); });