client/src/app/shared/menu/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 container="body" class="parent-entry"
   7       #dropdown="ngbDropdown" (mouseleave)="closeDropdownIfHovered(dropdown)">
   8       <span
   9         *ngIf="isInSmallView"
  10         [ngClass]="{ active: !!suffixLabels[menuEntry.label] }"
  11         (click)="openModal(id)" role="button" class="title-page title-page-settings">
  12         <ng-container i18n>{{ menuEntry.label }}</ng-container>
  13         <ng-container *ngIf="!!suffixLabels[menuEntry.label]"> - {{ suffixLabels[menuEntry.label] }}</ng-container>
  14       </span>
  15
  16       <span
  17         *ngIf="!isInSmallView"
  18         (mouseenter)="openDropdownOnHover(dropdown)" [ngClass]="{ active: !!suffixLabels[menuEntry.label] }" ngbDropdownAnchor
  19         (click)="dropdownAnchorClicked(dropdown)" role="button" class="title-page title-page-settings"
  20       >
  21         <ng-container i18n>{{ menuEntry.label }}</ng-container>
  22         <ng-container *ngIf="!!suffixLabels[menuEntry.label]"> - {{ suffixLabels[menuEntry.label] }}</ng-container>
  23       </span>
  24
  25       <div ngbDropdownMenu>
  26         <a *ngFor="let menuChild of menuEntry.children" class="dropdown-item" [ngClass]="{ icon: hasIcons }" [routerLink]="menuChild.routerLink">
  27           <my-global-icon *ngIf="menuChild.iconName" [iconName]="menuChild.iconName"></my-global-icon>
  28
  29           {{ menuChild.label }}
  30         </a>
  31       </div>
  32     </div>
  33   </ng-container>
  34 </div>
  35
  36 <ng-template #modal let-close="close" let-dismiss="dismiss">
  37   <div class="modal-body">
  38     <ng-container *ngFor="let menuEntry of menuEntries; index as id">
  39       <div [ngClass]="{ hidden: id !== currentMenuEntryIndex }">
  40         <a *ngFor="let menuChild of menuEntry.children"
  41           [ngClass]="{ icon: hasIcons }"
  42           [routerLink]="menuChild.routerLink" routerLinkActive="active" (click)="dismissOtherModals()">
  43           <my-global-icon *ngIf="menuChild.iconName" [iconName]="menuChild.iconName"></my-global-icon>
  44
  45           {{ menuChild.label }}
  46         </a>
  47       </div>
  48     </ng-container>
  49   </div>
  50 </ng-template>