client/src/app/shared/shared-main/misc/list-overflow.component.html

   1 <div #itemsParent class="list-overflow-parent">
   2   <span [id]="getId(id)" #itemsRendered *ngFor="let item of items; index as id">
   3     <ng-container *ngTemplateOutlet="itemTemplate; context: {item: item}"></ng-container>
   4   </span>
   5
   6   <ng-container *ngIf="isMenuDisplayed()">
   7     <button *ngIf="isInMobileView" class="btn btn-outline-secondary btn-sm list-overflow-menu" (click)="toggleModal()">
   8       <span class="chevron-down"></span>
   9     </button>
  10
  11     <div
  12       *ngIf="!isInMobileView" class="list-overflow-menu"
  13       ngbDropdown container="body" #dropdown="ngbDropdown"
  14       (mouseleave)="closeDropdownIfHovered(dropdown)" (mouseenter)="openDropdownOnHover(dropdown)"
  15     >
  16       <button class="btn btn-outline-secondary btn-sm" [ngClass]="{ 'route-active': active }"
  17         ngbDropdownAnchor (click)="dropdownAnchorClicked(dropdown)" role="button"
  18       >
  19         <span class="chevron-down"></span>
  20       </button>
  21
  22       <div ngbDropdownMenu>
  23         <a *ngFor="let item of items | slice:showItemsUntilIndexExcluded:items.length"
  24           [routerLink]="item.routerLink" routerLinkActive="active" class="dropdown-item">
  25           {{ item.label }}
  26         </a>
  27       </div>
  28     </div>
  29   </ng-container>
  30 </div >
  31
  32 <ng-template #modal let-close="close" let-dismiss="dismiss">
  33   <div class="modal-body">
  34     <a *ngFor="let item of items | slice:showItemsUntilIndexExcluded:items.length"
  35        [routerLink]="item.routerLink" routerLinkActive="active" (click)="dismissOtherModals()">
  36        {{ item.label }}
  37     </a>
  38   </div>
  39 </ng-template>