Shortcuts <ng-container *ngIf="mode !== 'view'"> <ng-container *ngIf="mode === 'add'">- Ajouter nouveau
<ng-container *ngIf="mode === 'modify' || mode === 'edit'">- Editing
<ng-container *ngIf="mode === 'view'">
<ng-container *ngIf="mode === 'modify'">
<ng-container *ngIf="mode === 'add'">
<ng-container *ngIf="mode === 'edit'">
<ng-container *ngIf="mode === 'view' || mode === 'modify'">
<ng-container *ngFor="let shortcut of shortcuts; trackBy: trackByFn">
<ng-container *ngIf="mode === 'modify'">
<a class="flex flex-col items-center justify-center w-full h-full py-6 no-underline" *ngIf="!shortcut.useRouter" [ngClass]="{'pointer-events-none': mode === 'modify'}" [href]="shortcut.link"> <ng-container *ngTemplateOutlet="linkContent">
<a class="flex flex-col items-center justify-center w-full h-full py-6 no-underline" *ngIf="shortcut.useRouter" [ngClass]="{'pointer-events-none': mode === 'modify'}" [routerLink]="shortcut.link"> <ng-container *ngTemplateOutlet="linkContent">
<ng-template #linkContent>
<mat-icon class="absolute opacity-0 group-hover:opacity-100 z-20 icon-size-5" *ngIf="mode === 'modify'" [svgIcon]="'heroicons_solid:pencil'">
<mat-icon class="z-10" [ngClass]="{'group-hover:opacity-0': mode === 'modify'}" [svgIcon]="shortcut.icon">
{{shortcut.label}}
{{shortcut.description}}
<ng-container *ngIf="!shortcuts || !shortcuts.length">
<mat-icon class="text-primary-500-700" [svgIcon]="'heroicons_outline:bookmark'">
Aucun raccourci
Lorsque vous avez des raccourcis, ils s’affichent ici.
<ng-container *ngIf="mode === 'add' || mode === 'edit'">