argos/dmp-frontend/src/app/ui/inapp-notification/editor/inapp-notification-editor.c...

21 lines
1.1 KiB
HTML

<div *ngIf="inappNotification" class="row inapp-notification-editor">
<div class="col-md-10 offset-md-1 colums-gapped">
<div class="row align-items-center mb-4">
<div class="col-md-12">
<mat-card>
<mat-card-title>
<div [innerHTML]="inappNotification.subject"></div>
</mat-card-title>
<mat-card-content>
<div [innerHTML]="inappNotification.body"></div>
</mat-card-content>
</mat-card>
<div *ngIf="!isFromDialog" class="row editor-actions">
<div class="col"></div>
<div class="col-auto" *ngIf="!isDeleted && !isRead"><button mat-raised-button color="primary" (click)="markAsRead()" type="submit">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.READ' | translate}}</button></div>
<div class="col-auto" *ngIf="!this.isDeleted && !isNew"><button mat-raised-button color="primary" type="button" (click)="delete()">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.DELETE' | translate}}</button></div>
<div class="col-auto"><button mat-raised-button color="primary" (click)="cancel()" type="button">{{'NOTIFICATION-SERVICE.INAPP-NOTIFICATION-EDITOR.ACTIONS.CANCEL' | translate}}</button></div>
</div>
</div>
</div>
</div>