]>
Commit | Line | Data |
---|---|---|
24e7916c RK |
1 | <div #itemsParent class="d-flex align-items-center text-nowrap w-100 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="glyphicon glyphicon-chevron-down"></span> | |
9 | </button> | |
10 | ||
11 | <div *ngIf="!isInMobileView" class="list-overflow-menu" ngbDropdown container="body" #dropdown="ngbDropdown" (mouseleave)="closeDropdownIfHovered(dropdown)" (mouseenter)="openDropdownOnHover(dropdown)"> | |
12 | <button class="btn btn-outline-secondary btn-sm" [ngClass]="{ routeActive: active }" | |
13 | ngbDropdownAnchor (click)="dropdownAnchorClicked(dropdown)" role="button" | |
14 | > | |
15 | <span class="glyphicon glyphicon-chevron-down"></span> | |
16 | </button> | |
17 | ||
18 | <div ngbDropdownMenu> | |
19 | <a *ngFor="let item of items | slice:showItemsUntilIndexExcluded:items.length" | |
20 | [routerLink]="item.routerLink" routerLinkActive="active" class="dropdown-item"> | |
21 | {{ item.label }} | |
22 | </a> | |
23 | </div> | |
24 | </div> | |
25 | </ng-container> | |
26 | </div > | |
27 | ||
28 | <ng-template #modal let-close="close" let-dismiss="dismiss"> | |
29 | <div class="modal-body"> | |
30 | <a *ngFor="let item of items | slice:showItemsUntilIndexExcluded:items.length" | |
31 | [routerLink]="item.routerLink" routerLinkActive="active" (click)="dismissOtherModals()"> | |
32 | {{ item.label }} | |
33 | </a> | |
34 | </div> | |
35 | </ng-template> |