@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
26 lines • 8.38 kB
JavaScript
import { Component, Input, Output, EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@c8y/ngx-components";
import * as i2 from "@angular/common";
import * as i3 from "ngx-bootstrap/tooltip";
export class OpcuaServerListComponent {
constructor() {
this.serverList = [];
this.present = new EventEmitter();
}
presentConfig(server) {
server.active = true;
this.present.emit(server);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OpcuaServerListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: OpcuaServerListComponent, selector: "opcua-server-list", inputs: { serverList: "serverList" }, outputs: { present: "present" }, ngImport: i0, template: "<!-- add active class to c8y-stacked-item when clicked -->\n<div class=\"card-block\" *ngIf=\"serverList.length === 0\">\n <c8y-ui-empty-state\n class=\"m-l-auto p-l-8 d-flex p-r-16\"\n [icon]=\"'server'\"\n [title]=\"'No servers found.' | translate\"\n [subtitle]=\"'Click below to add a new server.' | translate\"\n ></c8y-ui-empty-state>\n</div>\n<div\n class=\"c8y-stacked-item\"\n [class.active]=\"server.active\"\n *ngFor=\"let server of serverList\"\n (click)=\"presentConfig(server)\"\n>\n <i [c8yIcon]=\"'server'\" class=\"icon-20\"></i>\n <div class=\"p-l-16 text-truncate\">\n <p id=\"serverName\" class=\"text-truncate\">{{ server.name }}</p>\n <small id=\"serverUrl\" class=\"text-truncate text-muted\">{{ server.config.serverUrl }}</small>\n </div>\n <div class=\"m-l-auto p-l-8 d-flex p-r-16 a-i-center\">\n <device-status class=\"p-r-8\" [mo]=\"server\"></device-status>\n <button\n class=\"btn btn-dot text-gray-darker\"\n type=\"button\"\n [attr.aria-label]=\"server.quickInfo.padlockMsg | translate\"\n tooltip=\"{{ server.quickInfo.padlockMsg | translate }}\"\n placement=\"left\"\n container=\"body\"\n >\n <i [c8yIcon]=\"server.quickInfo.padlock\"></i>\n </button>\n </div>\n</div>\n", dependencies: [{ kind: "component", type: i1.EmptyStateComponent, selector: "c8y-ui-empty-state", inputs: ["icon", "title", "subtitle", "horizontal"] }, { kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i1.DeviceStatusComponent, selector: "device-status, c8y-device-status", inputs: ["mo", "size"] }, { kind: "directive", type: i3.TooltipDirective, selector: "[tooltip], [tooltipHtml]", inputs: ["adaptivePosition", "tooltip", "placement", "triggers", "container", "containerClass", "boundariesElement", "isOpen", "isDisabled", "delay", "tooltipHtml", "tooltipPlacement", "tooltipIsOpen", "tooltipEnable", "tooltipAppendToBody", "tooltipAnimation", "tooltipClass", "tooltipContext", "tooltipPopupDelay", "tooltipFadeDuration", "tooltipTrigger"], outputs: ["tooltipChange", "onShown", "onHidden", "tooltipStateChanged"], exportAs: ["bs-tooltip"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: OpcuaServerListComponent, decorators: [{
type: Component,
args: [{ selector: 'opcua-server-list', template: "<!-- add active class to c8y-stacked-item when clicked -->\n<div class=\"card-block\" *ngIf=\"serverList.length === 0\">\n <c8y-ui-empty-state\n class=\"m-l-auto p-l-8 d-flex p-r-16\"\n [icon]=\"'server'\"\n [title]=\"'No servers found.' | translate\"\n [subtitle]=\"'Click below to add a new server.' | translate\"\n ></c8y-ui-empty-state>\n</div>\n<div\n class=\"c8y-stacked-item\"\n [class.active]=\"server.active\"\n *ngFor=\"let server of serverList\"\n (click)=\"presentConfig(server)\"\n>\n <i [c8yIcon]=\"'server'\" class=\"icon-20\"></i>\n <div class=\"p-l-16 text-truncate\">\n <p id=\"serverName\" class=\"text-truncate\">{{ server.name }}</p>\n <small id=\"serverUrl\" class=\"text-truncate text-muted\">{{ server.config.serverUrl }}</small>\n </div>\n <div class=\"m-l-auto p-l-8 d-flex p-r-16 a-i-center\">\n <device-status class=\"p-r-8\" [mo]=\"server\"></device-status>\n <button\n class=\"btn btn-dot text-gray-darker\"\n type=\"button\"\n [attr.aria-label]=\"server.quickInfo.padlockMsg | translate\"\n tooltip=\"{{ server.quickInfo.padlockMsg | translate }}\"\n placement=\"left\"\n container=\"body\"\n >\n <i [c8yIcon]=\"server.quickInfo.padlock\"></i>\n </button>\n </div>\n</div>\n" }]
}], propDecorators: { serverList: [{
type: Input
}], present: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3BjdWEtc2VydmVyLWxpc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vcHJvdG9jb2wtb3BjdWEvb3BjdWEtc2VydmVyLWxpc3QuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vcHJvdG9jb2wtb3BjdWEvb3BjdWEtc2VydmVyLWxpc3QuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPdkUsTUFBTSxPQUFPLHdCQUF3QjtJQUpyQztRQUtXLGVBQVUsR0FBa0IsRUFBRSxDQUFDO1FBQzlCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBZSxDQUFDO0tBTXJEO0lBSkMsYUFBYSxDQUFDLE1BQW1CO1FBQy9CLE1BQU0sQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDO1FBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVCLENBQUM7K0dBUFUsd0JBQXdCO21HQUF4Qix3QkFBd0IsZ0lDUHJDLG13Q0FrQ0E7OzRGRDNCYSx3QkFBd0I7a0JBSnBDLFNBQVM7K0JBQ0UsbUJBQW1COzhCQUlwQixVQUFVO3NCQUFsQixLQUFLO2dCQUNJLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPdXRwdXQsIEV2ZW50RW1pdHRlciB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgT3BjdWFTZXJ2ZXIgfSBmcm9tICcuL29wY3VhLXNlcnZlci5pbnRlcmZhY2UnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdvcGN1YS1zZXJ2ZXItbGlzdCcsXG4gIHRlbXBsYXRlVXJsOiAnLi9vcGN1YS1zZXJ2ZXItbGlzdC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgT3BjdWFTZXJ2ZXJMaXN0Q29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VydmVyTGlzdDogT3BjdWFTZXJ2ZXJbXSA9IFtdO1xuICBAT3V0cHV0KCkgcHJlc2VudCA9IG5ldyBFdmVudEVtaXR0ZXI8T3BjdWFTZXJ2ZXI+KCk7XG5cbiAgcHJlc2VudENvbmZpZyhzZXJ2ZXI6IE9wY3VhU2VydmVyKSB7XG4gICAgc2VydmVyLmFjdGl2ZSA9IHRydWU7XG4gICAgdGhpcy5wcmVzZW50LmVtaXQoc2VydmVyKTtcbiAgfVxufVxuIiwiPCEtLSBhZGQgYWN0aXZlIGNsYXNzIHRvIGM4eS1zdGFja2VkLWl0ZW0gd2hlbiBjbGlja2VkIC0tPlxuPGRpdiBjbGFzcz1cImNhcmQtYmxvY2tcIiAqbmdJZj1cInNlcnZlckxpc3QubGVuZ3RoID09PSAwXCI+XG4gIDxjOHktdWktZW1wdHktc3RhdGVcbiAgICBjbGFzcz1cIm0tbC1hdXRvIHAtbC04IGQtZmxleCBwLXItMTZcIlxuICAgIFtpY29uXT1cIidzZXJ2ZXInXCJcbiAgICBbdGl0bGVdPVwiJ05vIHNlcnZlcnMgZm91bmQuJyB8IHRyYW5zbGF0ZVwiXG4gICAgW3N1YnRpdGxlXT1cIidDbGljayBiZWxvdyB0byBhZGQgYSBuZXcgc2VydmVyLicgfCB0cmFuc2xhdGVcIlxuICA+PC9jOHktdWktZW1wdHktc3RhdGU+XG48L2Rpdj5cbjxkaXZcbiAgY2xhc3M9XCJjOHktc3RhY2tlZC1pdGVtXCJcbiAgW2NsYXNzLmFjdGl2ZV09XCJzZXJ2ZXIuYWN0aXZlXCJcbiAgKm5nRm9yPVwibGV0IHNlcnZlciBvZiBzZXJ2ZXJMaXN0XCJcbiAgKGNsaWNrKT1cInByZXNlbnRDb25maWcoc2VydmVyKVwiXG4+XG4gIDxpIFtjOHlJY29uXT1cIidzZXJ2ZXInXCIgY2xhc3M9XCJpY29uLTIwXCI+PC9pPlxuICA8ZGl2IGNsYXNzPVwicC1sLTE2IHRleHQtdHJ1bmNhdGVcIj5cbiAgICA8cCBpZD1cInNlcnZlck5hbWVcIiBjbGFzcz1cInRleHQtdHJ1bmNhdGVcIj57eyBzZXJ2ZXIubmFtZSB9fTwvcD5cbiAgICA8c21hbGwgaWQ9XCJzZXJ2ZXJVcmxcIiBjbGFzcz1cInRleHQtdHJ1bmNhdGUgdGV4dC1tdXRlZFwiPnt7IHNlcnZlci5jb25maWcuc2VydmVyVXJsIH19PC9zbWFsbD5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJtLWwtYXV0byBwLWwtOCBkLWZsZXggcC1yLTE2IGEtaS1jZW50ZXJcIj5cbiAgICA8ZGV2aWNlLXN0YXR1cyBjbGFzcz1cInAtci04XCIgW21vXT1cInNlcnZlclwiPjwvZGV2aWNlLXN0YXR1cz5cbiAgICA8YnV0dG9uXG4gICAgICBjbGFzcz1cImJ0biBidG4tZG90IHRleHQtZ3JheS1kYXJrZXJcIlxuICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICBbYXR0ci5hcmlhLWxhYmVsXT1cInNlcnZlci5xdWlja0luZm8ucGFkbG9ja01zZyB8IHRyYW5zbGF0ZVwiXG4gICAgICB0b29sdGlwPVwie3sgc2VydmVyLnF1aWNrSW5mby5wYWRsb2NrTXNnIHwgdHJhbnNsYXRlIH19XCJcbiAgICAgIHBsYWNlbWVudD1cImxlZnRcIlxuICAgICAgY29udGFpbmVyPVwiYm9keVwiXG4gICAgPlxuICAgICAgPGkgW2M4eUljb25dPVwic2VydmVyLnF1aWNrSW5mby5wYWRsb2NrXCI+PC9pPlxuICAgIDwvYnV0dG9uPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19