Add new components, styles, and services for user management and navigation

2025-06-25 13:50:14 +03:00
parent 13a8ff4494
commit 5dc79438b7
42 changed files with 1439 additions and 0 deletions
@@ -0,0 +1,103 @@
+// Angular Import
+import { Component, Input, inject, input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { NavigationEnd, Router, RouterModule, Event } from '@angular/router';
+import { Title } from '@angular/platform-browser';
+
+// project import
+//import { NavigationItem, NavigationItems } from 'src/app/theme/layouts/admin-layout/navigation/navigation';
+
+// icons
+import { IconService } from '@ant-design/icons-angular';
+import { GlobalOutline, NodeExpandOutline } from '@ant-design/icons-angular/icons';
+import {NavigationItem, NavigationItems} from '../../layouts/admin-layout/navigation/navigation';
+
+interface titleType {
+  // eslint-disable-next-line
+  url: any;
+  title: string;
+  breadcrumbs: unknown;
+  type: string;
+  link?: string | undefined;
+  description?: string | undefined;
+  path?: string | undefined;
+}
+
+@Component({
+  selector: 'app-breadcrumb',
+  imports: [CommonModule, RouterModule],
+  templateUrl: './breadcrumb.component.html',
+  styleUrls: ['./breadcrumb.component.scss']
+})
+export class BreadcrumbComponent {
+  private route = inject(Router);
+  private titleService = inject(Title);
+  private iconService = inject(IconService);
+
+  // public props
+  @Input() type: string;
+  dashboard = input(true);
+  Component = input(false);
+
+  navigations: NavigationItem[];
+  ComponentNavigations: NavigationItem[] = [];
+  breadcrumbList: Array<string> = [];
+  navigationList!: titleType[];
+  componentList!: titleType[];
+
+  // constructor
+  constructor() {
+    this.navigations = NavigationItems;
+    this.type = 'theme1';
+    this.setBreadcrumb();
+    this.iconService.addIcon(...[GlobalOutline, NodeExpandOutline]);
+  }
+
+  // public method
+  setBreadcrumb() {
+    this.route.events.subscribe((router: Event) => {
+      if (router instanceof NavigationEnd) {
+        const activeLink = router.url;
+        const breadcrumbList = this.filterNavigation(this.navigations, activeLink);
+
+        this.navigationList = breadcrumbList;//breadcrumbList.slice(breadcrumbList.length - 1, breadcrumbList.length);
+        const title = breadcrumbList[breadcrumbList.length - 1]?.title || 'Welcome';
+        this.titleService.setTitle(title + ' | Mantis  Angular Admin Template');
+      }
+    });
+  }
+
+  filterNavigation(navItems: NavigationItem[], activeLink: string): titleType[] {
+    for (const navItem of navItems) {
+      if (navItem.type === 'item' && 'url' in navItem && navItem.url === activeLink) {
+        return [
+          {
+            url: 'url' in navItem ? navItem.url : false,
+            title: navItem.title,
+            link: navItem.link,
+            description: navItem.description,
+            path: navItem.path,
+            breadcrumbs: 'breadcrumbs' in navItem ? navItem.breadcrumbs : true,
+            type: navItem.type
+          }
+        ];
+      }
+      if ((navItem.type === 'group' || navItem.type === 'collapse') && 'children' in navItem) {
+        const breadcrumbList = this.filterNavigation(navItem.children!, activeLink);
+        if (breadcrumbList.length > 0) {
+          breadcrumbList.unshift({
+            url: 'url' in navItem ? navItem.url : false,
+            title: navItem.title,
+            link: navItem.link,
+            path: navItem.path,
+            description: navItem.description,
+            breadcrumbs: 'breadcrumbs' in navItem ? navItem.breadcrumbs : true,
+            type: navItem.type
+          });
+          return breadcrumbList;
+        }
+      }
+    }
+    return [];
+  }
+}