UI: Hide alarm style in notification when alarm cleared

This commit is contained in:
Vladyslav_Prykhodko 2023-06-27 17:36:20 +03:00
parent d0cbf4efd1
commit c870e03eb2
3 changed files with 4 additions and 2 deletions

View File

@ -41,7 +41,7 @@
matTooltip="{{ 'notification.mark-as-read' | translate }}" matTooltipPosition="above">
<mat-icon>check_circle_outline</mat-icon>
</button>
<div class="alarm-severity" *ngIf="notification.type === notificationType.ALARM"
<div class="alarm-severity" *ngIf="notification.type === notificationType.ALARM && !notification.info.cleared"
[ngStyle]="{backgroundColor: alarmColorSeverity(0.06)}">
<span [ngStyle]="notificationIconColor()" class="severity">
{{alarmSeverityTranslations.get(notification.info.alarmSeverity) | translate}}

View File

@ -139,7 +139,7 @@ export class NotificationComponent implements OnInit {
}
notificationColor(): string {
if (this.notification.type === NotificationType.ALARM) {
if (this.notification.type === NotificationType.ALARM && !this.notification.info.cleared) {
return AlarmSeverityNotificationColors.get(this.notification.info.alarmSeverity);
}
return 'transparent';

View File

@ -48,6 +48,8 @@ export interface NotificationInfo {
alarmStatus?: AlarmStatus;
alarmType?: string;
stateEntityId?: EntityId;
acknowledged?: boolean;
cleared?: boolean;
}
export interface NotificationRequest extends Omit<BaseData<NotificationRequestId>, 'label'> {