2022-06-10 12:06:12 +02:00
|
|
|
<div #itemsParent class="list-overflow-parent">
|
2020-02-05 20:54:37 +01:00
|
|
|
<span [id]="getId(id)" #itemsRendered *ngFor="let item of items; index as id">
|
|
|
|
<ng-container *ngTemplateOutlet="itemTemplate; context: {item: item}"></ng-container>
|
|
|
|
</span>
|
2021-04-28 16:41:07 +02:00
|
|
|
|
2020-02-05 20:54:37 +01:00
|
|
|
<ng-container *ngIf="isMenuDisplayed()">
|
|
|
|
<button *ngIf="isInMobileView" class="btn btn-outline-secondary btn-sm list-overflow-menu" (click)="toggleModal()">
|
2022-06-10 17:05:55 +02:00
|
|
|
<span class="chevron-down"></span>
|
2020-02-05 20:54:37 +01:00
|
|
|
</button>
|
2021-04-28 16:41:07 +02:00
|
|
|
|
2022-06-10 12:06:12 +02:00
|
|
|
<div
|
|
|
|
*ngIf="!isInMobileView" class="list-overflow-menu"
|
|
|
|
ngbDropdown container="body" #dropdown="ngbDropdown"
|
|
|
|
(mouseleave)="closeDropdownIfHovered(dropdown)" (mouseenter)="openDropdownOnHover(dropdown)"
|
|
|
|
>
|
2021-04-28 16:41:07 +02:00
|
|
|
<button class="btn btn-outline-secondary btn-sm" [ngClass]="{ 'route-active': active }"
|
2020-02-05 20:54:37 +01:00
|
|
|
ngbDropdownAnchor (click)="dropdownAnchorClicked(dropdown)" role="button"
|
|
|
|
>
|
2022-06-10 17:05:55 +02:00
|
|
|
<span class="chevron-down"></span>
|
2020-02-05 20:54:37 +01:00
|
|
|
</button>
|
2021-04-28 16:41:07 +02:00
|
|
|
|
2020-02-05 20:54:37 +01:00
|
|
|
<div ngbDropdownMenu>
|
|
|
|
<a *ngFor="let item of items | slice:showItemsUntilIndexExcluded:items.length"
|
|
|
|
[routerLink]="item.routerLink" routerLinkActive="active" class="dropdown-item">
|
|
|
|
{{ item.label }}
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</ng-container>
|
|
|
|
</div >
|
|
|
|
|
|
|
|
<ng-template #modal let-close="close" let-dismiss="dismiss">
|
|
|
|
<div class="modal-body">
|
|
|
|
<a *ngFor="let item of items | slice:showItemsUntilIndexExcluded:items.length"
|
|
|
|
[routerLink]="item.routerLink" routerLinkActive="active" (click)="dismissOtherModals()">
|
|
|
|
{{ item.label }}
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</ng-template>
|