WIP

2026-05-25 17:32:18 -07:00
parent 9b28fbcfb6
commit d5648315a0
262 changed files with 32074 additions and 0 deletions
@@ -0,0 +1,77 @@
+import { Component } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { Router, RouterOutlet } from '@angular/router';
+import { LayoutModule } from '@progress/kendo-angular-layout';
+import { IconsModule } from '@progress/kendo-angular-icons';
+import { SVGIcon, chevronDownIcon, chevronUpIcon } from '@progress/kendo-svg-icons';
+import { DrawerItemExpandedFn, DrawerSelectEvent } from '@progress/kendo-angular-layout';
+import { LayoutService } from '../services/layout.service';
+import { drawerItems } from '../../features/dashboard/models';
+import { FooterComponent } from '../footer/footer.component';
+
+@Component({
+    selector: 'app-navbar',
+    standalone: true,
+    imports: [
+        CommonModule,
+        RouterOutlet,
+        LayoutModule,
+        IconsModule,
+        FooterComponent
+    ],
+    templateUrl: './navbar.component.html',
+    styleUrls: ['./navbar.component.scss']
+})
+export class NavbarComponent {
+    public chevronUpIcon: SVGIcon = chevronUpIcon;
+    public chevronDownIcon: SVGIcon = chevronDownIcon;
+
+    public drawerItems = drawerItems;
+    public selectedDrawerItem = 'Dashboard';
+    public expandedItems: Array<number> = [4];
+
+    constructor(
+        private router: Router,
+        public layoutService: LayoutService
+    ) { }
+
+    public onSelect(ev: DrawerSelectEvent): void {
+        this.selectedDrawerItem = ev.item.text;
+        const current = ev.item.id;
+
+        if (this.expandedItems.indexOf(current) >= 0) {
+            this.expandedItems = this.expandedItems.filter((id) => id !== current);
+        } else {
+            this.expandedItems.push(current);
+        }
+
+        // Auto-collapse drawer on mobile after selection
+        if (this.layoutService.isMobile()) {
+            this.layoutService.closeDrawer();
+        }
+
+        // Navigate based on the selected item
+        const routeMap: { [key: string]: string } = {
+            'Dashboard': '/dashboard',
+            'Schedule': '/schedule',
+            'Patients': '/patients',
+            'Bed Management': '/bed-management',
+            'Staff': '/staff',
+            'Pharmacy': '/pharmacy',
+            'Reports': '/reports',
+            'Departments': '/departments',
+            'Payments': '/payments',
+            'Support': '/support'
+        };
+
+        const route = routeMap[ev.item.text];
+        if (route) {
+            this.router.navigate([route]);
+        }
+    }
+
+    public isItemExpanded: DrawerItemExpandedFn = (item): boolean => {
+        return this.expandedItems.indexOf(item.id) >= 0;
+    };
+}
+