alarms/alarms-icon.component.ts
OnInit
| selector | c8y-alarms-icon |
| imports |
TooltipDirective
IconDirective
NgClass
NgStyle
C8yTranslatePipe
LowerCasePipe
AlarmSeverityToIconPipe
AlarmStatusToIconPipe
AlarmSeverityToLabelPipe
AlarmStatusToLabelPipe
|
| templateUrl | alarms-icon.component.html |
Properties |
Methods |
Inputs |
| alarm |
Type : IAlarm
|
| typeFilters |
Type : AlarmDetails[]
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
| 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 }"
data-cy="c8y-alarms-icon--status-icon"
(click)="$event.stopPropagation()"
[delay]="500"
>
<i
[c8yIcon]="alarm.status | AlarmStatusToIcon"
[ngClass]="{ 'stroked-icon': isFilterApplied }"
></i>
</button>