2023-05-11 13:21:01 +02:00
|
|
|
<ion-content>
|
|
|
|
<ion-list [id]="uniqueId" role="menu">
|
|
|
|
<ion-list-header *ngIf="title">
|
|
|
|
<ion-label>{{title}}</ion-label>
|
|
|
|
</ion-list-header>
|
|
|
|
<ion-item class="ion-text-wrap" *ngFor="let item of items" core-link [capture]="item.captureLink" [autoLogin]="item.autoLogin"
|
|
|
|
[href]="item.href" (click)="itemClicked($event, item)" [attr.aria-label]="item.ariaAction" [hidden]="item.hidden"
|
2023-11-13 10:05:19 +01:00
|
|
|
[detail]="!!(item.href && !item.iconAction)" role="menuitem" [button]="!!(item.href && !item.iconAction)"
|
2023-05-11 13:21:01 +02:00
|
|
|
[showBrowserWarning]="item.showBrowserWarning">
|
|
|
|
<ion-label>
|
|
|
|
<p class="item-heading">
|
|
|
|
<core-format-text [clean]="true" [text]="item.content" [filter]="false"></core-format-text>
|
|
|
|
</p>
|
|
|
|
</ion-label>
|
|
|
|
<ng-container *ngIf="(item.href || item.action) && item.iconAction">
|
2023-11-07 15:52:08 +01:00
|
|
|
<ion-icon *ngIf="item.iconAction !== 'spinner' && item.iconAction !== 'toggle'" [name]="item.iconAction"
|
2023-05-11 13:21:01 +02:00
|
|
|
[class.icon-slash]="item.iconSlash" slot="end" aria-hidden="true">
|
|
|
|
</ion-icon>
|
2023-11-07 15:52:08 +01:00
|
|
|
<ion-spinner *ngIf="item.iconAction === 'spinner'" slot="end" [attr.aria-label]="'core.loading' | translate">
|
2023-05-11 13:21:01 +02:00
|
|
|
</ion-spinner>
|
2023-11-07 15:52:08 +01:00
|
|
|
<ion-toggle *ngIf="item.iconAction === 'toggle'" [(ngModel)]="item.toggle" (ionChange)="item.toggleChanged($event)"
|
2023-05-11 13:21:01 +02:00
|
|
|
slot="end">
|
|
|
|
</ion-toggle>
|
|
|
|
</ng-container>
|
|
|
|
<ion-badge class="{{item.badgeClass}}" slot="end" *ngIf="item.badge">
|
|
|
|
<span [attr.ara-hidden]="!!item.badgeA11yText">{{item.badge}}</span>
|
|
|
|
<span class="sr-only" *ngIf="item.badgeA11yText">
|
|
|
|
{{ item.badgeA11yText | translate: {$a : item.badge } }}
|
|
|
|
</span>
|
|
|
|
</ion-badge>
|
|
|
|
</ion-item>
|
|
|
|
</ion-list>
|
|
|
|
</ion-content>
|