carloshra/nexus-spa
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleanup unused code

Browse Source
This commit is contained in:
Cagatay Civici
2025-01-07 11:03:55 +03:00
parent 83cdc004db
commit f48b56e95a
2 changed files with 6 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/layout/applayout.ts
View File

@@ -49,20 +49,6 @@ export class AppLayout {
}); });
} }
if (!this.profileMenuOutsideClickListener) {
this.profileMenuOutsideClickListener = this.renderer.listen('document', 'click', (event) => {
const isOutsideClicked = !(
this.appTopBar.menu.nativeElement.isSameNode(event.target) ||
this.appTopBar.menu.nativeElement.contains(event.target) ||
this.appTopBar.topbarMenuButton.nativeElement.isSameNode(event.target) ||
this.appTopBar.topbarMenuButton.nativeElement.contains(event.target)
);
if (isOutsideClicked) {
}
});
}
if (this.layoutService.layoutState().staticMenuMobileActive) { if (this.layoutService.layoutState().staticMenuMobileActive) {
this.blockBodyScroll(); this.blockBodyScroll();
} }
@@ -73,11 +59,12 @@ export class AppLayout {
}); });
} }
isOutsideClicked(event) { isOutsideClicked(event: MouseEvent) {
const sidebarEl = document.querySelector('.layout-sidebar'); const sidebarEl = document.querySelector('.layout-sidebar');
const topbarEl = document.querySelector('.layout-menu-button'); const topbarEl = document.querySelector('.layout-menu-button');
const eventTarget = event.target as Node;
return !(sidebarEl.isSameNode(event.target) || sidebarEl.contains(event.target) || topbarEl.isSameNode(event.target) || topbarEl.contains(event.target)); return !(sidebarEl.isSameNode(eventTarget) || sidebarEl.contains(eventTarget) || topbarEl.isSameNode(eventTarget) || topbarEl.contains(eventTarget));
} }
hideMenu() { hideMenu() {

12
src/layout/apptopbar.ts
View File

@@ -44,7 +44,6 @@ import { LayoutService } from '@/src/service/layout/layout.service';
</button> </button>
<div class="relative"> <div class="relative">
<button <button
#menubutton
class="layout-topbar-action layout-topbar-action-highlight" class="layout-topbar-action layout-topbar-action-highlight"
pStyleClass="@next" pStyleClass="@next"
enterFromClass="hidden" enterFromClass="hidden"
@@ -60,7 +59,6 @@ import { LayoutService } from '@/src/service/layout/layout.service';
</div> </div>
<button <button
#topbarmenubutton
class="layout-topbar-menu-button layout-topbar-action" class="layout-topbar-menu-button layout-topbar-action"
pStyleClass="@next" pStyleClass="@next"
enterFromClass="hidden" enterFromClass="hidden"
@@ -72,7 +70,7 @@ import { LayoutService } from '@/src/service/layout/layout.service';
<i class="pi pi-ellipsis-v"></i> <i class="pi pi-ellipsis-v"></i>
</button> </button>
<div #topbarmenu class="layout-topbar-menu hidden lg:block"> <div class="layout-topbar-menu hidden lg:block">
<div class="layout-topbar-menu-content"> <div class="layout-topbar-menu-content">
<button type="button" class="layout-topbar-action"> <button type="button" class="layout-topbar-action">
<i class="pi pi-calendar"></i> <i class="pi pi-calendar"></i>
@@ -92,17 +90,13 @@ import { LayoutService } from '@/src/service/layout/layout.service';
</div>` </div>`
}) })
export class AppTopBar { export class AppTopBar {
items!: MenuItem[]; items!: MenuItem[];
@ViewChild('menubutton') menuButton!: ElementRef;
@ViewChild('topbarmenubutton') topbarMenuButton!: ElementRef;
@ViewChild('topbarmenu') menu!: ElementRef;
constructor(public layoutService: LayoutService) {} constructor(public layoutService: LayoutService) {}
toggleDarkMode() { toggleDarkMode() {
this.layoutService.layoutConfig.update((state) => ({ ...state, darkTheme: !state.darkTheme })); this.layoutService.layoutConfig.update((state) => ({ ...state, darkTheme: !state.darkTheme }));
} }
} }