MaDgiK-CITE
/
argos
13
0
Fork 0
Code Issues Pull Requests Projects Releases 3 Wiki Activity

notification dialog styling changes

This commit is contained in:
Sofia Papacharalampous 2024-05-01 14:48:26 +03:00
parent f6ea1e2b04
commit d955f999ff
1 changed files with 13 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
dmp-frontend/src/notification-service/ui/inapp-notification/listing-dialog/mine-inapp-notification-listing-dialog.component.html
View File

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