|
- <div class="navigation-container">
- <ul>
- <!-- Always display the "My Workstation" menu -->
- <ng-container id="parent-menu" *ngFor="let menu of visibleMenuList">
- <li class="dropdown-submenu" (mouseover)="menuOver(menu, $event)">
- <ng-container *ngIf="menu.childShowType == 'menu'">
- <a href="javascript:void(0);" class="menu-group" [class.active]="isActive(true)" (click)="navigate(menu)">
- <img
- *ngIf="menu.icon"
- width="1rem"
- src="assets/{{ menu.icon.includes('svg') ? menu.icon : menu.icon + '.svg' }}"
- alt="{{ menu.text }}"
- />
- {{
- menu.menuCode == 'Home' && selectedParentMenu && selectedParentMenu.menuCode != 'Home' ? '/ ' + selectedParentMenu.text : ''
- }}
- {{ menu.menuCode != 'Home' ? menu.text : '' }}
- </a>
- </ng-container>
- <ng-container *ngIf="menu.childShowType == 'drop-down'">
- <ng-container *ngIf="menu.children && menu.children.length > 0; else noChildren">
- <a nz-dropdown class="menu-group" [nzDropdownMenu]="childMenu">
- {{ menu.text }}
- <span nz-icon nzType="down"></span>
- </a>
- <nz-dropdown-menu #childMenu="nzDropdownMenu">
- <ul nz-menu nzSelectable>
- <li nz-menu-item *ngFor="let subItem of menu.children" (click)="navigate(subItem)">
- {{ subItem.text }}
- </li>
- </ul>
- </nz-dropdown-menu>
- </ng-container>
-
- <ng-template #noChildren>
- <a href="javascript:void(0);" class="menu-group" [class.active]="isActive(true)" (click)="navigate(menu)">
- <img
- *ngIf="menu.icon"
- width="1rem"
- src="assets/{{ menu.icon.includes('svg') ? menu.icon : menu.icon + '.svg' }}"
- alt="{{ menu.text }}"
- />
-
- {{ menu.menuCode != 'Home' ? menu.text : '' }}
- </a>
- </ng-template>
- </ng-container>
- </li>
- </ng-container>
- <!-- If a menu is selected, display its submenu -->
- </ul>
- </div>
|