29 lines
1.5 KiB
HTML
29 lines
1.5 KiB
HTML
<div class="dropdown-top"></div>
|
|
<div class="notification-popup-wrapper">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<mat-nav-list class="inapp-notification-listing-dialog">
|
|
<ng-container *ngFor="let inappNotification of inappNotifications; last as last;">
|
|
<a mat-list-item (click)="goToNotification(inappNotification)">
|
|
<div class="d-flex justify-content-between">
|
|
<div class="d-flex">
|
|
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Delivered" mat-list-icon class="mr-3">drafts</mat-icon>
|
|
<mat-icon *ngIf="inappNotification.trackingState === notificationInAppTrackingEnum.Stored" mat-list-icon class="mr-3">mail</mat-icon>
|
|
<span mat-line class="mt-1">{{ inappNotification.subject | sumarizeText:18 }}</span>
|
|
</div>
|
|
|
|
<span mat-line class="mt-1 secondary-text">{{ inappNotification.createdAt | date : 'short'}}</span>
|
|
</div>
|
|
</a>
|
|
<mat-divider *ngIf="!last"></mat-divider>
|
|
</ng-container>
|
|
<a *ngIf="authService.hasPermission(authService.permissionEnum.ViewMineInAppNotificationPage)" (click)="goToNotifications()">
|
|
<mat-list-item>{{'NAV-BAR.INAPP-NOTIFICATIONS' | translate}}</mat-list-item>
|
|
</a>
|
|
<a *ngIf="authService.hasPermission(authService.permissionEnum.ViewMineInAppNotificationPage)" (click)="readAllNotifications()">
|
|
<mat-list-item>{{'NAV-BAR.READ-ALL-INAPP-NOTIFICATIONS' | translate}}</mat-list-item>
|
|
</a>
|
|
</mat-nav-list>
|
|
</div>
|
|
</div>
|
|
</div> |