@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
33 lines • 8.84 kB
JavaScript
import { NgFor } from '@angular/common';
import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { ActionBarItemComponent, C8yTranslatePipe, ContextRouteService, HelpModule, IconDirective } from '@c8y/ngx-components';
import { OperationsListComponent } from '@c8y/ngx-components/operations/operations-list';
import { ServiceCommandService } from '@c8y/ngx-components/services/shared';
import * as i0 from "@angular/core";
import * as i1 from "@c8y/ngx-components/services/shared";
import * as i2 from "@c8y/ngx-components";
import * as i3 from "@angular/router";
export class ServiceCommandTabComponent {
constructor(commandService, contextRouteService, activatedRoute) {
this.actions = [];
const { contextData } = contextRouteService.getContextData(activatedRoute);
this.service = contextData;
const commands = commandService.getAllSupportedCommands([contextData]);
this.actions = commandService.generateActionControls(commands);
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ServiceCommandTabComponent, deps: [{ token: i1.ServiceCommandService }, { token: i2.ContextRouteService }, { token: i3.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ServiceCommandTabComponent, isStandalone: true, selector: "c8y-service-command-tab", ngImport: i0, template: "<c8y-action-bar-item\n *ngFor=\"let action of actions; let i = index\"\n [placement]=\"i < 3 ? 'right' : 'more'\"\n>\n <button\n class=\"d-flex a-i-center {{ i < 3 ? 'btn btn-link' : '' }}\"\n [title]=\"action.text | translate\"\n (click)=\"action.callback(service)\"\n style=\"max-width: {{ i < 3 ? '160px' : 'unset' }};\"\n >\n <i\n class=\"m-r-4\"\n [class]=\"action.iconClasses\"\n [c8yIcon]=\"action.icon\"\n ></i>\n <span\n class=\"text-truncate\"\n translate\n >\n {{ action.text }}\n </span>\n </button>\n</c8y-action-bar-item>\n\n<c8y-operations-list\n fragmentType=\"c8y_ServiceCommand\"\n [readOnlyItems]=\"true\"\n>\n <!-- TODO Add context help \n <c8y-help></c8y-help>\n -->\n</c8y-operations-list>\n", dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: IconDirective, selector: "[c8yIcon]", inputs: ["c8yIcon"] }, { kind: "component", type: OperationsListComponent, selector: "c8y-operations-list", inputs: ["fragmentType", "readOnlyItems"] }, { kind: "component", type: ActionBarItemComponent, selector: "c8y-action-bar-item", inputs: ["placement", "priority", "itemClass", "injector", "groupId", "inGroupPriority"] }, { kind: "ngmodule", type: HelpModule }, { kind: "pipe", type: C8yTranslatePipe, name: "translate" }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ServiceCommandTabComponent, decorators: [{
type: Component,
args: [{ selector: 'c8y-service-command-tab', standalone: true, imports: [
NgFor,
IconDirective,
OperationsListComponent,
ActionBarItemComponent,
HelpModule,
C8yTranslatePipe
], template: "<c8y-action-bar-item\n *ngFor=\"let action of actions; let i = index\"\n [placement]=\"i < 3 ? 'right' : 'more'\"\n>\n <button\n class=\"d-flex a-i-center {{ i < 3 ? 'btn btn-link' : '' }}\"\n [title]=\"action.text | translate\"\n (click)=\"action.callback(service)\"\n style=\"max-width: {{ i < 3 ? '160px' : 'unset' }};\"\n >\n <i\n class=\"m-r-4\"\n [class]=\"action.iconClasses\"\n [c8yIcon]=\"action.icon\"\n ></i>\n <span\n class=\"text-truncate\"\n translate\n >\n {{ action.text }}\n </span>\n </button>\n</c8y-action-bar-item>\n\n<c8y-operations-list\n fragmentType=\"c8y_ServiceCommand\"\n [readOnlyItems]=\"true\"\n>\n <!-- TODO Add context help \n <c8y-help></c8y-help>\n -->\n</c8y-operations-list>\n" }]
}], ctorParameters: () => [{ type: i1.ServiceCommandService }, { type: i2.ContextRouteService }, { type: i3.ActivatedRoute }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VydmljZS1jb21tYW5kLXRhYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zZXJ2aWNlcy9zZXJ2aWNlLWNvbW1hbmQtdGFiL3NlcnZpY2UtY29tbWFuZC10YWIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc2VydmljZXMvc2VydmljZS1jb21tYW5kLXRhYi9zZXJ2aWNlLWNvbW1hbmQtdGFiLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNqRCxPQUFPLEVBQ0wsc0JBQXNCLEVBRXRCLGdCQUFnQixFQUNoQixtQkFBbUIsRUFDbkIsVUFBVSxFQUNWLGFBQWEsRUFDZCxNQUFNLHFCQUFxQixDQUFDO0FBQzdCLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3pGLE9BQU8sRUFBVyxxQkFBcUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7OztBQWVyRixNQUFNLE9BQU8sMEJBQTBCO0lBSXJDLFlBQ0UsY0FBcUMsRUFDckMsbUJBQXdDLEVBQ3hDLGNBQThCO1FBTGhDLFlBQU8sR0FBb0IsRUFBRSxDQUFDO1FBTzVCLE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxtQkFBbUIsQ0FBQyxjQUFjLENBQUMsY0FBYyxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLE9BQU8sR0FBWSxXQUFXLENBQUM7UUFDcEMsTUFBTSxRQUFRLEdBQUcsY0FBYyxDQUFDLHVCQUF1QixDQUFDLENBQUMsV0FBaUMsQ0FBQyxDQUFDLENBQUM7UUFDN0YsSUFBSSxDQUFDLE9BQU8sR0FBRyxjQUFjLENBQUMsc0JBQXNCLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDakUsQ0FBQzsrR0FiVSwwQkFBMEI7bUdBQTFCLDBCQUEwQixtRkMzQnZDLDh3QkFnQ0EsNENEZEksS0FBSyxtSEFDTCxhQUFhLDJFQUNiLHVCQUF1QiwyR0FDdkIsc0JBQXNCLHlKQUN0QixVQUFVLDBCQUNWLGdCQUFnQjs7NEZBSVAsMEJBQTBCO2tCQWJ0QyxTQUFTOytCQUNFLHlCQUF5QixjQUN2QixJQUFJLFdBQ1A7d0JBQ1AsS0FBSzt3QkFDTCxhQUFhO3dCQUNiLHVCQUF1Qjt3QkFDdkIsc0JBQXNCO3dCQUN0QixVQUFVO3dCQUNWLGdCQUFnQjtxQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ0ZvciB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7XG4gIEFjdGlvbkJhckl0ZW1Db21wb25lbnQsXG4gIEFjdGlvbkNvbnRyb2wsXG4gIEM4eVRyYW5zbGF0ZVBpcGUsXG4gIENvbnRleHRSb3V0ZVNlcnZpY2UsXG4gIEhlbHBNb2R1bGUsXG4gIEljb25EaXJlY3RpdmVcbn0gZnJvbSAnQGM4eS9uZ3gtY29tcG9uZW50cyc7XG5pbXBvcnQgeyBPcGVyYXRpb25zTGlzdENvbXBvbmVudCB9IGZyb20gJ0BjOHkvbmd4LWNvbXBvbmVudHMvb3BlcmF0aW9ucy9vcGVyYXRpb25zLWxpc3QnO1xuaW1wb3J0IHsgU2VydmljZSwgU2VydmljZUNvbW1hbmRTZXJ2aWNlIH0gZnJvbSAnQGM4eS9uZ3gtY29tcG9uZW50cy9zZXJ2aWNlcy9zaGFyZWQnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjOHktc2VydmljZS1jb21tYW5kLXRhYicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBOZ0ZvcixcbiAgICBJY29uRGlyZWN0aXZlLFxuICAgIE9wZXJhdGlvbnNMaXN0Q29tcG9uZW50LFxuICAgIEFjdGlvbkJhckl0ZW1Db21wb25lbnQsXG4gICAgSGVscE1vZHVsZSxcbiAgICBDOHlUcmFuc2xhdGVQaXBlXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9zZXJ2aWNlLWNvbW1hbmQtdGFiLmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBTZXJ2aWNlQ29tbWFuZFRhYkNvbXBvbmVudCB7XG4gIHNlcnZpY2U6IFNlcnZpY2U7XG4gIGFjdGlvbnM6IEFjdGlvbkNvbnRyb2xbXSA9IFtdO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIGNvbW1hbmRTZXJ2aWNlOiBTZXJ2aWNlQ29tbWFuZFNlcnZpY2UsXG4gICAgY29udGV4dFJvdXRlU2VydmljZTogQ29udGV4dFJvdXRlU2VydmljZSxcbiAgICBhY3RpdmF0ZWRSb3V0ZTogQWN0aXZhdGVkUm91dGVcbiAgKSB7XG4gICAgY29uc3QgeyBjb250ZXh0RGF0YSB9ID0gY29udGV4dFJvdXRlU2VydmljZS5nZXRDb250ZXh0RGF0YShhY3RpdmF0ZWRSb3V0ZSk7XG4gICAgdGhpcy5zZXJ2aWNlID0gPFNlcnZpY2U+Y29udGV4dERhdGE7XG4gICAgY29uc3QgY29tbWFuZHMgPSBjb21tYW5kU2VydmljZS5nZXRBbGxTdXBwb3J0ZWRDb21tYW5kcyhbY29udGV4dERhdGEgYXMgdW5rbm93biBhcyBTZXJ2aWNlXSk7XG4gICAgdGhpcy5hY3Rpb25zID0gY29tbWFuZFNlcnZpY2UuZ2VuZXJhdGVBY3Rpb25Db250cm9scyhjb21tYW5kcyk7XG4gIH1cbn1cbiIsIjxjOHktYWN0aW9uLWJhci1pdGVtXG4gICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgYWN0aW9uczsgbGV0IGkgPSBpbmRleFwiXG4gIFtwbGFjZW1lbnRdPVwiaSA8IDMgPyAncmlnaHQnIDogJ21vcmUnXCJcbj5cbiAgPGJ1dHRvblxuICAgIGNsYXNzPVwiZC1mbGV4IGEtaS1jZW50ZXIge3sgaSA8IDMgPyAnYnRuIGJ0bi1saW5rJyA6ICcnIH19XCJcbiAgICBbdGl0bGVdPVwiYWN0aW9uLnRleHQgfCB0cmFuc2xhdGVcIlxuICAgIChjbGljayk9XCJhY3Rpb24uY2FsbGJhY2soc2VydmljZSlcIlxuICAgIHN0eWxlPVwibWF4LXdpZHRoOiB7eyBpIDwgMyA/ICcxNjBweCcgOiAndW5zZXQnIH19O1wiXG4gID5cbiAgICA8aVxuICAgICAgY2xhc3M9XCJtLXItNFwiXG4gICAgICBbY2xhc3NdPVwiYWN0aW9uLmljb25DbGFzc2VzXCJcbiAgICAgIFtjOHlJY29uXT1cImFjdGlvbi5pY29uXCJcbiAgICA+PC9pPlxuICAgIDxzcGFuXG4gICAgICBjbGFzcz1cInRleHQtdHJ1bmNhdGVcIlxuICAgICAgdHJhbnNsYXRlXG4gICAgPlxuICAgICAge3sgYWN0aW9uLnRleHQgfX1cbiAgICA8L3NwYW4+XG4gIDwvYnV0dG9uPlxuPC9jOHktYWN0aW9uLWJhci1pdGVtPlxuXG48Yzh5LW9wZXJhdGlvbnMtbGlzdFxuICBmcmFnbWVudFR5cGU9XCJjOHlfU2VydmljZUNvbW1hbmRcIlxuICBbcmVhZE9ubHlJdGVtc109XCJ0cnVlXCJcbj5cbiAgPCEtLSBUT0RPIEFkZCBjb250ZXh0IGhlbHAgXG4gIDxjOHktaGVscD48L2M4eS1oZWxwPlxuICAtLT5cbjwvYzh5LW9wZXJhdGlvbnMtbGlzdD5cbiJdfQ==