Messages
<ng-container *ngFor="let message of messages; trackBy: trackByFn">
<ng-container *ngIf="message.link">
<ng-container *ngIf="!message.useRouter"> <a class="flex flex-auto py-5 pl-6 cursor-pointer" [href]="message.link"> <ng-container *ngTemplateOutlet="messageContent">
<ng-container *ngIf="message.useRouter"> <a class="flex flex-auto py-5 pl-6 cursor-pointer" [routerLink]="message.link"> <ng-container *ngTemplateOutlet="messageContent">
<ng-container *ngIf="!message.link">
<ng-container *ngTemplateOutlet="messageContent">
<ng-template #messageContent>
<ng-container *ngIf="message.icon && !message.image">
<mat-icon class="icon-size-5" [svgIcon]="message.icon">
<ng-container *ngIf="message.image"> <img class="flex-shrink-0 w-8 h-8 mr-4 rounded-full overflow-hidden object-cover object-center" [src]="message.image" [alt]="'Message image'">
<ng-container *ngIf="message.title">
<ng-container *ngIf="message.description">
{{message.time | date:'MMM dd, h:mm a'}}
<ng-container *ngIf="!messages || !messages.length">
<mat-icon class="text-primary-500-700" [svgIcon]="'heroicons_outline:inbox'">
Aucun message
Lorsque vous aurez des messages, ils apparaîtront ici.