File
Implements
Index
Properties
|
|
|
Methods
|
|
|
Inputs
|
|
|
|
alarmSeverityLabel
|
Default value : gettext('Severity: {{ alarmSeverity }}')
|
|
alarmStatusLabel
|
Default value : gettext('Status: {{ alarmStatus }}')
|
|
alarmStatusType
|
Default value : gettext('Type: {{ alarmType }}')
|
|
iconBackgroundColor
|
Type : string
|
Default value : 'none'
|
|
isFilterApplied
|
Default value : false
|
<button
class="btn-clean severity"
[attr.aria-label]="
alarmSeverityLabel | translate: { alarmSeverity: alarm.severity | AlarmSeverityToLabel }
"
[tooltip]="
alarmSeverityLabel | translate: { alarmSeverity: alarm.severity | AlarmSeverityToLabel }
"
placement="right"
container="body"
type="button"
(click)="$event.stopPropagation()"
[delay]="500"
>
<i
class="status stroked-icon"
[c8yIcon]="alarm.severity | AlarmSeverityToIcon"
[ngClass]="alarm.severity | lowercase"
></i>
</button>
<button
class="btn-clean status"
[ngStyle]="{ 'background-color': iconBackgroundColor }"
[attr.aria-label]="
alarmStatusLabel | translate: { alarmStatus: alarm.status | AlarmStatusToLabel }
"
[tooltip]="
(alarmStatusLabel | translate: { alarmStatus: alarm.status | AlarmStatusToLabel }) +
'\n' +
(alarmStatusType | translate: { alarmType: alarm.type })
"
placement="right"
container="body"
type="button"
[ngClass]="{ 'circle-icon-wrapper': isFilterApplied }"
(click)="$event.stopPropagation()"
[delay]="500"
>
<i
[c8yIcon]="alarm.status | AlarmStatusToIcon"
[ngClass]="{ 'stroked-icon': isFilterApplied }"
></i>
</button>