client/src/app/shared/shared-main/misc/top-menu-dropdown.component.html

   1 <div class="sub-menu" [ngClass]="{ 'no-scroll': isModalOpened }">
   2   <ng-container *ngFor="let menuEntry of menuEntries; index as id">
   3
   4     <a *ngIf="menuEntry.routerLink" [routerLink]="menuEntry.routerLink" routerLinkActive="active" class="title-page title-page-settings">{{ menuEntry.label }}</a>
   5
   6     <div *ngIf="!menuEntry.routerLink" ngbDropdown class="parent-entry"
   7       #dropdown="ngbDropdown" autoClose="outside">
   8       <span
   9         *ngIf="isInSmallView"
  10         tabindex=0
  11         [ngClass]="{ active: !!suffixLabels[menuEntry.label] }"
  12         (click)="openModal(id)" (keydown.enter)="openModal(id)"
  13         role="button" class="title-page title-page-settings">
  14         <ng-container i18n>{{ menuEntry.label }}</ng-container>
  15       </span>
  16
  17       <span
  18         *ngIf="!isInSmallView"
  19         tabindex=0
  20         [ngClass]="{ active: !!suffixLabels[menuEntry.label] }" ngbDropdownAnchor
  21         (click)="dropdownAnchorClicked(dropdown)" (keydown.enter)="dropdownAnchorClicked(dropdown)"
  22         role="button" class="title-page title-page-settings"
  23       >
  24         <ng-container i18n>{{ menuEntry.label }}</ng-container>
  25       </span>
  26
  27       <div ngbDropdownMenu>
  28         <a *ngFor="let menuChild of menuEntry.children" class="dropdown-item" [ngClass]="{ icon: hasIcons, active: suffixLabels[menuEntry.label] === menuChild.label }" [routerLink]="menuChild.routerLink">
  29           <my-global-icon *ngIf="menuChild.iconName" [iconName]="menuChild.iconName" aria-hidden="true"></my-global-icon>
  30
  31           {{ menuChild.label }}
  32         </a>
  33       </div>
  34     </div>
  35   </ng-container>
  36 </div>
  37
  38 <ng-template #modal let-close="close" let-dismiss="dismiss">
  39   <div class="modal-body">
  40     <ng-container *ngFor="let menuEntry of menuEntries; index as id">
  41       <div [ngClass]="{ hidden: id !== currentMenuEntryIndex }">
  42         <a *ngFor="let menuChild of menuEntry.children"
  43           [ngClass]="{ icon: hasIcons }"
  44           [routerLink]="menuChild.routerLink" routerLinkActive="active" (click)="dismissOtherModals()">
  45           <my-global-icon *ngIf="menuChild.iconName" [iconName]="menuChild.iconName" aria-hidden="true"></my-global-icon>
  46
  47           {{ menuChild.label }}
  48         </a>
  49       </div>
  50     </ng-container>
  51   </div>
  52 </ng-template>