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

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