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 && isDisplayed(menuEntry)" [routerLink]="menuEntry.routerLink" routerLinkActive="active" class="title-page title-page-settings">{{ menuEntry.label }}</a>
   5
   6     <div *ngIf="!menuEntry.routerLink && isDisplayed(menuEntry)" ngbDropdown class="parent-entry"
   7       #dropdown="ngbDropdown" autoClose="true">
   8       <span
   9         role="button" class="title-page title-page-settings">
  10         <ng-container i18n>{{ menuEntry.label }}</ng-container>
  11       </span>
  12
  13       <span
  14         *ngIf="!isInSmallView"
  15         tabindex=0
  16         [ngClass]="{ active: !!suffixLabels[menuEntry.label] }" ngbDropdownAnchor
  17         (click)="dropdownAnchorClicked(dropdown)" (keydown.enter)="dropdownAnchorClicked(dropdown)"
  18         role="button" class="title-page title-page-settings"
  19       >
  20         <ng-container i18n>{{ menuEntry.label }}</ng-container>
  21       </span>
  22
  23       <div ngbDropdownMenu>
  24         <ng-container *ngFor="let menuChild of menuEntry.children">
  25           <a *ngIf="isDisplayed(menuChild)" class="dropdown-item"
  26             [ngClass]="{ icon: hasIcons }"
  27             [routerLink]="menuChild.routerLink">
  28             <my-global-icon *ngIf="menuChild.iconName" [iconName]="menuChild.iconName" aria-hidden="true"></my-global-icon>
  29
  30             {{ menuChild.label }}
  31           </a>
  32         </ng-container>
  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         <ng-container *ngFor="let menuChild of menuEntry.children">
  43           <a *ngIf="isDisplayed(menuChild)"
  44             [ngClass]="{ icon: hasIcons }"
  45             [routerLink]="menuChild.routerLink" routerLinkActive="active" (click)="dismissOtherModals()">
  46             <my-global-icon *ngIf="menuChild.iconName" [iconName]="menuChild.iconName" aria-hidden="true"></my-global-icon>
  47
  48             {{ menuChild.label }}
  49           </a>
  50         </ng-container>
  51       </div>
  52     </ng-container>
  53   </div>
  54 </ng-template>