@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
35 lines • 9.69 kB
JavaScript
import { Component, Input } 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 "./device-profile-item-list.component";
export class DeviceTabProfileDetailComponent {
constructor() {
this.emptyStateText = '';
this.emptyStateDetails = '';
this.showTextLabel = true;
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeviceTabProfileDetailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DeviceTabProfileDetailComponent, selector: "c8y-device-tab-profile-detail", inputs: { sectionTitle: "sectionTitle", sectionIcon: "sectionIcon", emptyStateText: "emptyStateText", emptyStateDetails: "emptyStateDetails", isProfileSelected: "isProfileSelected", isEmpty: "isEmpty", items: "items", showTextLabel: "showTextLabel" }, ngImport: i0, template: "<div class=\"card--grid grid__col--6-6--md\">\n <div class=\"bg-level-0 card-block sticky-top\">\n <h5 class=\"legend form-block\">{{ sectionTitle | translate }}</h5>\n </div>\n <div class=\"bg-level-1 card-block sticky-top hidden-xs hidden-sm\">\n <h5 class=\"legend form-block\">{{ sectionTitle | translate }}</h5>\n </div>\n <div class=\"bg-level-0 p-l-16 p-r-16\">\n <hr class=\"m-0\" />\n </div>\n <div class=\"bg-level-1 p-l-16 p-r-16\">\n <hr class=\"m-0\" />\n </div>\n <div class=\"d-contents\" *ngIf=\"!isProfileSelected || isEmpty\">\n <div class=\"p-l-16 p-r-16\">\n <div class=\"c8y-empty-state text-left\">\n <h1 [c8yIcon]=\"sectionIcon\" class=\"c8y-icon-duocolor\"></h1>\n <p>\n <span>{{ emptyStateText | translate }}</span\n ><br />\n <small *ngIf=\"isProfileSelected; else noItems\">\n {{ emptyStateDetails | translate }}\n </small>\n <ng-template #noItems>\n <small translate>No device profile selected</small>\n </ng-template>\n </p>\n </div>\n </div>\n </div>\n <div class=\"bg-level-1\" *ngIf=\"items.length === 0\"></div>\n <c8y-device-profile-item-list\n *ngIf=\"items.length > 0\"\n [icon]=\"sectionIcon\"\n [comparisonResults]=\"items\"\n [showProfileItems]=\"isProfileSelected && !isEmpty\"\n [showTextLabel]=\"showTextLabel\"\n class=\"d-contents\"\n ></c8y-device-profile-item-list>\n <div class=\"bg-level-0 p-t-24\" *ngIf=\"isProfileSelected && !isEmpty\"></div>\n <div class=\"bg-level-1 p-t-24\" *ngIf=\"isProfileSelected && !isEmpty\"></div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "directive", type: i1.C8yTranslateDirective, selector: "[translate],[ngx-translate]" }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.DeviceProfileItemListComponent, selector: "c8y-device-profile-item-list", inputs: ["icon", "comparisonResults", "showProfileItems", "showTextLabel"] }, { kind: "pipe", type: i1.C8yTranslatePipe, name: "translate" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeviceTabProfileDetailComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-device-tab-profile-detail', template: "<div class=\"card--grid grid__col--6-6--md\">\n <div class=\"bg-level-0 card-block sticky-top\">\n <h5 class=\"legend form-block\">{{ sectionTitle | translate }}</h5>\n </div>\n <div class=\"bg-level-1 card-block sticky-top hidden-xs hidden-sm\">\n <h5 class=\"legend form-block\">{{ sectionTitle | translate }}</h5>\n </div>\n <div class=\"bg-level-0 p-l-16 p-r-16\">\n <hr class=\"m-0\" />\n </div>\n <div class=\"bg-level-1 p-l-16 p-r-16\">\n <hr class=\"m-0\" />\n </div>\n <div class=\"d-contents\" *ngIf=\"!isProfileSelected || isEmpty\">\n <div class=\"p-l-16 p-r-16\">\n <div class=\"c8y-empty-state text-left\">\n <h1 [c8yIcon]=\"sectionIcon\" class=\"c8y-icon-duocolor\"></h1>\n <p>\n <span>{{ emptyStateText | translate }}</span\n ><br />\n <small *ngIf=\"isProfileSelected; else noItems\">\n {{ emptyStateDetails | translate }}\n </small>\n <ng-template #noItems>\n <small translate>No device profile selected</small>\n </ng-template>\n </p>\n </div>\n </div>\n </div>\n <div class=\"bg-level-1\" *ngIf=\"items.length === 0\"></div>\n <c8y-device-profile-item-list\n *ngIf=\"items.length > 0\"\n [icon]=\"sectionIcon\"\n [comparisonResults]=\"items\"\n [showProfileItems]=\"isProfileSelected && !isEmpty\"\n [showTextLabel]=\"showTextLabel\"\n class=\"d-contents\"\n ></c8y-device-profile-item-list>\n <div class=\"bg-level-0 p-t-24\" *ngIf=\"isProfileSelected && !isEmpty\"></div>\n <div class=\"bg-level-1 p-t-24\" *ngIf=\"isProfileSelected && !isEmpty\"></div>\n</div>\n" }]
}], propDecorators: { sectionTitle: [{
type: Input
}], sectionIcon: [{
type: Input
}], emptyStateText: [{
type: Input
}], emptyStateDetails: [{
type: Input
}], isProfileSelected: [{
type: Input
}], isEmpty: [{
type: Input
}], items: [{
type: Input
}], showTextLabel: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLXRhYi1wcm9maWxlLWRldGFpbC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9kZXZpY2UtcHJvZmlsZS9kZXZpY2UtdGFiLXByb2ZpbGUvZGV2aWNlLXRhYi1wcm9maWxlLWRldGFpbC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9kZXZpY2UtcHJvZmlsZS9kZXZpY2UtdGFiLXByb2ZpbGUvZGV2aWNlLXRhYi1wcm9maWxlLWRldGFpbC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFPakQsTUFBTSxPQUFPLCtCQUErQjtJQUo1QztRQU9XLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLHNCQUFpQixHQUFHLEVBQUUsQ0FBQztRQUl2QixrQkFBYSxHQUFHLElBQUksQ0FBQztLQUMvQjsrR0FUWSwrQkFBK0I7bUdBQS9CLCtCQUErQixpVUNQNUMsOG1EQTBDQTs7NEZEbkNhLCtCQUErQjtrQkFKM0MsU0FBUzsrQkFDRSwrQkFBK0I7OEJBSWhDLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxpQkFBaUI7c0JBQXpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tcGFyaXNvblJlc3VsdCB9IGZyb20gJy4uL2RldmljZS1wcm9maWxlLm1vZGVsJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYzh5LWRldmljZS10YWItcHJvZmlsZS1kZXRhaWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vZGV2aWNlLXRhYi1wcm9maWxlLWRldGFpbC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRGV2aWNlVGFiUHJvZmlsZURldGFpbENvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNlY3Rpb25UaXRsZTogc3RyaW5nO1xuICBASW5wdXQoKSBzZWN0aW9uSWNvbjogc3RyaW5nO1xuICBASW5wdXQoKSBlbXB0eVN0YXRlVGV4dCA9ICcnO1xuICBASW5wdXQoKSBlbXB0eVN0YXRlRGV0YWlscyA9ICcnO1xuICBASW5wdXQoKSBpc1Byb2ZpbGVTZWxlY3RlZDogYm9vbGVhbjtcbiAgQElucHV0KCkgaXNFbXB0eTogYm9vbGVhbjtcbiAgQElucHV0KCkgaXRlbXM6IENvbXBhcmlzb25SZXN1bHRbXTtcbiAgQElucHV0KCkgc2hvd1RleHRMYWJlbCA9IHRydWU7XG59XG4iLCI8ZGl2IGNsYXNzPVwiY2FyZC0tZ3JpZCBncmlkX19jb2wtLTYtNi0tbWRcIj5cbiAgPGRpdiBjbGFzcz1cImJnLWxldmVsLTAgY2FyZC1ibG9jayBzdGlja3ktdG9wXCI+XG4gICAgPGg1IGNsYXNzPVwibGVnZW5kIGZvcm0tYmxvY2tcIj57eyBzZWN0aW9uVGl0bGUgfCB0cmFuc2xhdGUgfX08L2g1PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImJnLWxldmVsLTEgIGNhcmQtYmxvY2sgc3RpY2t5LXRvcCBoaWRkZW4teHMgaGlkZGVuLXNtXCI+XG4gICAgPGg1IGNsYXNzPVwibGVnZW5kIGZvcm0tYmxvY2tcIj57eyBzZWN0aW9uVGl0bGUgfCB0cmFuc2xhdGUgfX08L2g1PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImJnLWxldmVsLTAgcC1sLTE2IHAtci0xNlwiPlxuICAgIDxociBjbGFzcz1cIm0tMFwiIC8+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwiYmctbGV2ZWwtMSBwLWwtMTYgcC1yLTE2XCI+XG4gICAgPGhyIGNsYXNzPVwibS0wXCIgLz5cbiAgPC9kaXY+XG4gIDxkaXYgY2xhc3M9XCJkLWNvbnRlbnRzXCIgKm5nSWY9XCIhaXNQcm9maWxlU2VsZWN0ZWQgfHwgaXNFbXB0eVwiPlxuICAgIDxkaXYgY2xhc3M9XCJwLWwtMTYgcC1yLTE2XCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiYzh5LWVtcHR5LXN0YXRlIHRleHQtbGVmdFwiPlxuICAgICAgICA8aDEgW2M4eUljb25dPVwic2VjdGlvbkljb25cIiBjbGFzcz1cImM4eS1pY29uLWR1b2NvbG9yXCI+PC9oMT5cbiAgICAgICAgPHA+XG4gICAgICAgICAgPHNwYW4+e3sgZW1wdHlTdGF0ZVRleHQgfCB0cmFuc2xhdGUgfX08L3NwYW5cbiAgICAgICAgICA+PGJyIC8+XG4gICAgICAgICAgPHNtYWxsICpuZ0lmPVwiaXNQcm9maWxlU2VsZWN0ZWQ7IGVsc2Ugbm9JdGVtc1wiPlxuICAgICAgICAgICAge3sgZW1wdHlTdGF0ZURldGFpbHMgfCB0cmFuc2xhdGUgfX1cbiAgICAgICAgICA8L3NtYWxsPlxuICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjbm9JdGVtcz5cbiAgICAgICAgICAgIDxzbWFsbCB0cmFuc2xhdGU+Tm8gZGV2aWNlIHByb2ZpbGUgc2VsZWN0ZWQ8L3NtYWxsPlxuICAgICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgICAgIDwvcD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImJnLWxldmVsLTFcIiAqbmdJZj1cIml0ZW1zLmxlbmd0aCA9PT0gMFwiPjwvZGl2PlxuICA8Yzh5LWRldmljZS1wcm9maWxlLWl0ZW0tbGlzdFxuICAgICpuZ0lmPVwiaXRlbXMubGVuZ3RoID4gMFwiXG4gICAgW2ljb25dPVwic2VjdGlvbkljb25cIlxuICAgIFtjb21wYXJpc29uUmVzdWx0c109XCJpdGVtc1wiXG4gICAgW3Nob3dQcm9maWxlSXRlbXNdPVwiaXNQcm9maWxlU2VsZWN0ZWQgJiYgIWlzRW1wdHlcIlxuICAgIFtzaG93VGV4dExhYmVsXT1cInNob3dUZXh0TGFiZWxcIlxuICAgIGNsYXNzPVwiZC1jb250ZW50c1wiXG4gID48L2M4eS1kZXZpY2UtcHJvZmlsZS1pdGVtLWxpc3Q+XG4gIDxkaXYgY2xhc3M9XCJiZy1sZXZlbC0wIHAtdC0yNFwiICpuZ0lmPVwiaXNQcm9maWxlU2VsZWN0ZWQgJiYgIWlzRW1wdHlcIj48L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImJnLWxldmVsLTEgcC10LTI0XCIgKm5nSWY9XCJpc1Byb2ZpbGVTZWxlY3RlZCAmJiAhaXNFbXB0eVwiPjwvZGl2PlxuPC9kaXY+XG4iXX0=