@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
21 lines • 10.5 kB
JavaScript
import { Component } from '@angular/core';
import { CellRendererContext, gettext } from '@c8y/ngx-components';
import { ColumnUtilService } from './column-util.service';
import * as i0 from "@angular/core";
import * as i1 from "@c8y/ngx-components";
import * as i2 from "./column-util.service";
import * as i3 from "@angular/common";
export class AlarmsCellRendererComponent {
constructor(context, columnUtilService) {
this.context = context;
this.columnUtilService = columnUtilService;
this.linkAriaLabel = gettext('See alarms for device "{{ name }}"');
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlarmsCellRendererComponent, deps: [{ token: i1.CellRendererContext }, { token: i2.ColumnUtilService }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: AlarmsCellRendererComponent, selector: "c8y-alarms-cell-renderer", ngImport: i0, template: "<a\n class=\"d-flex a-i-center flex-wrap gap-4 no-decoration\"\n [href]=\"columnUtilService.getAlarmsHref(context.item)\"\n [attr.aria-label]=\"\n linkAriaLabel | translate: { name: columnUtilService.getProperName(context.item) }\n \"\n *ngIf=\"\n context.item.c8y_ActiveAlarmsStatus?.critical ||\n context.item.c8y_ActiveAlarmsStatus?.major ||\n context.item.c8y_ActiveAlarmsStatus?.minor ||\n context.item.c8y_ActiveAlarmsStatus?.warning\n \"\n>\n <span\n class=\"c8y-icon-badge\"\n data-cy=\"alarms.cell-renderer--critical-alarm-badge\"\n title=\"{{ context.item.c8y_ActiveAlarmsStatus?.critical }} {{ 'Critical alarms' | translate }}\"\n *ngIf=\"context.item.c8y_ActiveAlarmsStatus?.critical\"\n >\n <i [c8yIcon]=\"'exclamation-circle'\" class=\"status critical stroked-icon\" data-cy=\"alarms.cell-renderer--critical-alarm-icon\"></i>\n <span class=\"badge badge-info\">{{ context.item.c8y_ActiveAlarmsStatus?.critical }}</span>\n </span>\n <span\n class=\"c8y-icon-badge\"\n title=\"{{ context.item.c8y_ActiveAlarmsStatus?.major }} {{ 'Major alarms' | translate }}\"\n *ngIf=\"context.item.c8y_ActiveAlarmsStatus?.major\"\n >\n <i [c8yIcon]=\"'warning'\" class=\"status major stroked-icon\"></i>\n <span class=\"badge badge-info\">{{ context.item.c8y_ActiveAlarmsStatus?.major }}</span>\n </span>\n <span\n class=\"c8y-icon-badge\"\n title=\"{{ context.item.c8y_ActiveAlarmsStatus?.minor }} {{ 'Minor alarms' | translate }}\"\n *ngIf=\"context.item.c8y_ActiveAlarmsStatus?.minor\"\n >\n <i [c8yIcon]=\"'high-priority'\" class=\"status minor stroked-icon\"></i>\n <span class=\"badge badge-info\">{{ context.item.c8y_ActiveAlarmsStatus?.minor }}</span>\n </span>\n <span\n class=\"c8y-icon-badge\"\n title=\"{{ context.item.c8y_ActiveAlarmsStatus?.warning }} {{ 'Warning alarms' | translate }}\"\n *ngIf=\"context.item.c8y_ActiveAlarmsStatus?.warning\"\n >\n <i [c8yIcon]=\"'info-circle'\" class=\"status warning stroked-icon\"></i>\n <span class=\"badge badge-info\">{{ context.item.c8y_ActiveAlarmsStatus?.warning }}</span>\n </span>\n</a>\n", dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: AlarmsCellRendererComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-alarms-cell-renderer', template: "<a\n class=\"d-flex a-i-center flex-wrap gap-4 no-decoration\"\n [href]=\"columnUtilService.getAlarmsHref(context.item)\"\n [attr.aria-label]=\"\n linkAriaLabel | translate: { name: columnUtilService.getProperName(context.item) }\n \"\n *ngIf=\"\n context.item.c8y_ActiveAlarmsStatus?.critical ||\n context.item.c8y_ActiveAlarmsStatus?.major ||\n context.item.c8y_ActiveAlarmsStatus?.minor ||\n context.item.c8y_ActiveAlarmsStatus?.warning\n \"\n>\n <span\n class=\"c8y-icon-badge\"\n data-cy=\"alarms.cell-renderer--critical-alarm-badge\"\n title=\"{{ context.item.c8y_ActiveAlarmsStatus?.critical }} {{ 'Critical alarms' | translate }}\"\n *ngIf=\"context.item.c8y_ActiveAlarmsStatus?.critical\"\n >\n <i [c8yIcon]=\"'exclamation-circle'\" class=\"status critical stroked-icon\" data-cy=\"alarms.cell-renderer--critical-alarm-icon\"></i>\n <span class=\"badge badge-info\">{{ context.item.c8y_ActiveAlarmsStatus?.critical }}</span>\n </span>\n <span\n class=\"c8y-icon-badge\"\n title=\"{{ context.item.c8y_ActiveAlarmsStatus?.major }} {{ 'Major alarms' | translate }}\"\n *ngIf=\"context.item.c8y_ActiveAlarmsStatus?.major\"\n >\n <i [c8yIcon]=\"'warning'\" class=\"status major stroked-icon\"></i>\n <span class=\"badge badge-info\">{{ context.item.c8y_ActiveAlarmsStatus?.major }}</span>\n </span>\n <span\n class=\"c8y-icon-badge\"\n title=\"{{ context.item.c8y_ActiveAlarmsStatus?.minor }} {{ 'Minor alarms' | translate }}\"\n *ngIf=\"context.item.c8y_ActiveAlarmsStatus?.minor\"\n >\n <i [c8yIcon]=\"'high-priority'\" class=\"status minor stroked-icon\"></i>\n <span class=\"badge badge-info\">{{ context.item.c8y_ActiveAlarmsStatus?.minor }}</span>\n </span>\n <span\n class=\"c8y-icon-badge\"\n title=\"{{ context.item.c8y_ActiveAlarmsStatus?.warning }} {{ 'Warning alarms' | translate }}\"\n *ngIf=\"context.item.c8y_ActiveAlarmsStatus?.warning\"\n >\n <i [c8yIcon]=\"'info-circle'\" class=\"status warning stroked-icon\"></i>\n <span class=\"badge badge-info\">{{ context.item.c8y_ActiveAlarmsStatus?.warning }}</span>\n </span>\n</a>\n" }]
}], ctorParameters: () => [{ type: i1.CellRendererContext }, { type: i2.ColumnUtilService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxhcm1zLmNlbGwtcmVuZGVyZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vZGV2aWNlLWdyaWQvY29sdW1ucy9hbGFybXMuY2VsbC1yZW5kZXJlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9kZXZpY2UtZ3JpZC9jb2x1bW5zL2FsYXJtcy5jZWxsLXJlbmRlcmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ25FLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHVCQUF1QixDQUFDOzs7OztBQU0xRCxNQUFNLE9BQU8sMkJBQTJCO0lBRXRDLFlBQ1MsT0FBNEIsRUFDNUIsaUJBQW9DO1FBRHBDLFlBQU8sR0FBUCxPQUFPLENBQXFCO1FBQzVCLHNCQUFpQixHQUFqQixpQkFBaUIsQ0FBbUI7UUFIcEMsa0JBQWEsR0FBRyxPQUFPLENBQUMsb0NBQW9DLENBQUMsQ0FBQztJQUlwRSxDQUFDOytHQUxPLDJCQUEyQjttR0FBM0IsMkJBQTJCLGdFQ1J4QyxrbUVBK0NBOzs0RkR2Q2EsMkJBQTJCO2tCQUp2QyxTQUFTOytCQUVFLDBCQUEwQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ2VsbFJlbmRlcmVyQ29udGV4dCwgZ2V0dGV4dCB9IGZyb20gJ0BjOHkvbmd4LWNvbXBvbmVudHMnO1xuaW1wb3J0IHsgQ29sdW1uVXRpbFNlcnZpY2UgfSBmcm9tICcuL2NvbHVtbi11dGlsLnNlcnZpY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGVVcmw6ICcuL2FsYXJtcy5jZWxsLXJlbmRlcmVyLmNvbXBvbmVudC5odG1sJyxcbiAgc2VsZWN0b3I6ICdjOHktYWxhcm1zLWNlbGwtcmVuZGVyZXInXG59KVxuZXhwb3J0IGNsYXNzIEFsYXJtc0NlbGxSZW5kZXJlckNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGxpbmtBcmlhTGFiZWwgPSBnZXR0ZXh0KCdTZWUgYWxhcm1zIGZvciBkZXZpY2UgXCJ7eyBuYW1lIH19XCInKTtcbiAgY29uc3RydWN0b3IoXG4gICAgcHVibGljIGNvbnRleHQ6IENlbGxSZW5kZXJlckNvbnRleHQsXG4gICAgcHVibGljIGNvbHVtblV0aWxTZXJ2aWNlOiBDb2x1bW5VdGlsU2VydmljZVxuICApIHt9XG59XG4iLCI8YVxuICBjbGFzcz1cImQtZmxleCBhLWktY2VudGVyIGZsZXgtd3JhcCBnYXAtNCBuby1kZWNvcmF0aW9uXCJcbiAgW2hyZWZdPVwiY29sdW1uVXRpbFNlcnZpY2UuZ2V0QWxhcm1zSHJlZihjb250ZXh0Lml0ZW0pXCJcbiAgW2F0dHIuYXJpYS1sYWJlbF09XCJcbiAgICBsaW5rQXJpYUxhYmVsIHwgdHJhbnNsYXRlOiB7IG5hbWU6IGNvbHVtblV0aWxTZXJ2aWNlLmdldFByb3Blck5hbWUoY29udGV4dC5pdGVtKSB9XG4gIFwiXG4gICpuZ0lmPVwiXG4gICAgY29udGV4dC5pdGVtLmM4eV9BY3RpdmVBbGFybXNTdGF0dXM/LmNyaXRpY2FsIHx8XG4gICAgY29udGV4dC5pdGVtLmM4eV9BY3RpdmVBbGFybXNTdGF0dXM/Lm1ham9yIHx8XG4gICAgY29udGV4dC5pdGVtLmM4eV9BY3RpdmVBbGFybXNTdGF0dXM/Lm1pbm9yIHx8XG4gICAgY29udGV4dC5pdGVtLmM4eV9BY3RpdmVBbGFybXNTdGF0dXM/Lndhcm5pbmdcbiAgXCJcbj5cbiAgPHNwYW5cbiAgICBjbGFzcz1cImM4eS1pY29uLWJhZGdlXCJcbiAgICBkYXRhLWN5PVwiYWxhcm1zLmNlbGwtcmVuZGVyZXItLWNyaXRpY2FsLWFsYXJtLWJhZGdlXCJcbiAgICB0aXRsZT1cInt7IGNvbnRleHQuaXRlbS5jOHlfQWN0aXZlQWxhcm1zU3RhdHVzPy5jcml0aWNhbCB9fSB7eyAnQ3JpdGljYWwgYWxhcm1zJyB8IHRyYW5zbGF0ZSB9fVwiXG4gICAgKm5nSWY9XCJjb250ZXh0Lml0ZW0uYzh5X0FjdGl2ZUFsYXJtc1N0YXR1cz8uY3JpdGljYWxcIlxuICA+XG4gICAgPGkgW2M4eUljb25dPVwiJ2V4Y2xhbWF0aW9uLWNpcmNsZSdcIiBjbGFzcz1cInN0YXR1cyBjcml0aWNhbCBzdHJva2VkLWljb25cIiBkYXRhLWN5PVwiYWxhcm1zLmNlbGwtcmVuZGVyZXItLWNyaXRpY2FsLWFsYXJtLWljb25cIj48L2k+XG4gICAgPHNwYW4gY2xhc3M9XCJiYWRnZSBiYWRnZS1pbmZvXCI+e3sgY29udGV4dC5pdGVtLmM4eV9BY3RpdmVBbGFybXNTdGF0dXM/LmNyaXRpY2FsIH19PC9zcGFuPlxuICA8L3NwYW4+XG4gIDxzcGFuXG4gICAgY2xhc3M9XCJjOHktaWNvbi1iYWRnZVwiXG4gICAgdGl0bGU9XCJ7eyBjb250ZXh0Lml0ZW0uYzh5X0FjdGl2ZUFsYXJtc1N0YXR1cz8ubWFqb3IgfX0ge3sgJ01ham9yIGFsYXJtcycgfCB0cmFuc2xhdGUgfX1cIlxuICAgICpuZ0lmPVwiY29udGV4dC5pdGVtLmM4eV9BY3RpdmVBbGFybXNTdGF0dXM/Lm1ham9yXCJcbiAgPlxuICAgIDxpIFtjOHlJY29uXT1cIid3YXJuaW5nJ1wiIGNsYXNzPVwic3RhdHVzIG1ham9yIHN0cm9rZWQtaWNvblwiPjwvaT5cbiAgICA8c3BhbiBjbGFzcz1cImJhZGdlIGJhZGdlLWluZm9cIj57eyBjb250ZXh0Lml0ZW0uYzh5X0FjdGl2ZUFsYXJtc1N0YXR1cz8ubWFqb3IgfX08L3NwYW4+XG4gIDwvc3Bhbj5cbiAgPHNwYW5cbiAgICBjbGFzcz1cImM4eS1pY29uLWJhZGdlXCJcbiAgICB0aXRsZT1cInt7IGNvbnRleHQuaXRlbS5jOHlfQWN0aXZlQWxhcm1zU3RhdHVzPy5taW5vciB9fSB7eyAnTWlub3IgYWxhcm1zJyB8IHRyYW5zbGF0ZSB9fVwiXG4gICAgKm5nSWY9XCJjb250ZXh0Lml0ZW0uYzh5X0FjdGl2ZUFsYXJtc1N0YXR1cz8ubWlub3JcIlxuICA+XG4gICAgPGkgW2M4eUljb25dPVwiJ2hpZ2gtcHJpb3JpdHknXCIgY2xhc3M9XCJzdGF0dXMgbWlub3Igc3Ryb2tlZC1pY29uXCI+PC9pPlxuICAgIDxzcGFuIGNsYXNzPVwiYmFkZ2UgYmFkZ2UtaW5mb1wiPnt7IGNvbnRleHQuaXRlbS5jOHlfQWN0aXZlQWxhcm1zU3RhdHVzPy5taW5vciB9fTwvc3Bhbj5cbiAgPC9zcGFuPlxuICA8c3BhblxuICAgIGNsYXNzPVwiYzh5LWljb24tYmFkZ2VcIlxuICAgIHRpdGxlPVwie3sgY29udGV4dC5pdGVtLmM4eV9BY3RpdmVBbGFybXNTdGF0dXM/Lndhcm5pbmcgfX0ge3sgJ1dhcm5pbmcgYWxhcm1zJyB8IHRyYW5zbGF0ZSB9fVwiXG4gICAgKm5nSWY9XCJjb250ZXh0Lml0ZW0uYzh5X0FjdGl2ZUFsYXJtc1N0YXR1cz8ud2FybmluZ1wiXG4gID5cbiAgICA8aSBbYzh5SWNvbl09XCInaW5mby1jaXJjbGUnXCIgY2xhc3M9XCJzdGF0dXMgd2FybmluZyBzdHJva2VkLWljb25cIj48L2k+XG4gICAgPHNwYW4gY2xhc3M9XCJiYWRnZSBiYWRnZS1pbmZvXCI+e3sgY29udGV4dC5pdGVtLmM4eV9BY3RpdmVBbGFybXNTdGF0dXM/Lndhcm5pbmcgfX08L3NwYW4+XG4gIDwvc3Bhbj5cbjwvYT5cbiJdfQ==