]>
Commit | Line | Data |
---|---|---|
60d36013 | 1 | <div #itemsParent class="list-overflow-parent"> |
24e7916c RK |
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> | |
931d3430 | 5 | |
24e7916c RK |
6 | <ng-container *ngIf="isMenuDisplayed()"> |
7 | <button *ngIf="isInMobileView" class="btn btn-outline-secondary btn-sm list-overflow-menu" (click)="toggleModal()"> | |
c2faa073 | 8 | <span class="chevron-down"></span> |
24e7916c | 9 | </button> |
931d3430 | 10 | |
60d36013 C |
11 | <div |
12 | *ngIf="!isInMobileView" class="list-overflow-menu" | |
13 | ngbDropdown container="body" #dropdown="ngbDropdown" | |
14 | (mouseleave)="closeDropdownIfHovered(dropdown)" (mouseenter)="openDropdownOnHover(dropdown)" | |
15 | > | |
931d3430 | 16 | <button class="btn btn-outline-secondary btn-sm" [ngClass]="{ 'route-active': active }" |
24e7916c RK |
17 | ngbDropdownAnchor (click)="dropdownAnchorClicked(dropdown)" role="button" |
18 | > | |
c2faa073 | 19 | <span class="chevron-down"></span> |
24e7916c | 20 | </button> |
931d3430 | 21 | |
24e7916c RK |
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> |