@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
35 lines • 8.1 kB
JavaScript
import { Component, Input } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ionic/angular";
import * as i3 from "@iotize/app-common";
export class MonitoringActionsComponent {
segment = true;
actions = [];
value;
set checkedButtonIndex(index) {
if (index !== undefined) {
this.value = this.actions[index]?.value;
}
}
disabled = false;
color = 'primary';
constructor() { }
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonitoringActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MonitoringActionsComponent, selector: "app-monitoring-actions", inputs: { segment: "segment", actions: "actions", checkedButtonIndex: "checkedButtonIndex", disabled: "disabled", color: "color" }, ngImport: i0, template: "<ion-buttons *ngIf=\"!segment\">\n <ion-button\n *ngFor=\"let action of actions\"\n [disabled]=\"disabled || action.disabled\"\n (click)=\"action.action()\"\n >\n <app-common-icon\n *ngIf=\"action.icon\"\n [image]=\"action.icon\"\n ></app-common-icon>\n {{ action.label }}\n </ion-button>\n</ion-buttons>\n<ion-segment\n *ngIf=\"segment\"\n [value]=\"value\"\n [scrollable]=\"true\"\n [color]=\"color\"\n style=\"overflow: auto; width: 100%\"\n>\n <ion-segment-button\n *ngFor=\"let action of actions; let i = index\"\n [value]=\"action.value\"\n [disabled]=\"disabled || action.disabled\"\n (click)=\"action.action()\"\n >\n <app-common-icon\n *ngIf=\"action.icon\"\n [image]=\"action.icon\"\n ></app-common-icon>\n {{ action.label }}\n </ion-segment-button>\n</ion-segment>\n", styles: [".input-wrapper{position:relative;z-index:9999}ion-buttons{margin-left:0}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: i2.IonButtons, selector: "ion-buttons", inputs: ["collapse"] }, { kind: "component", type: i2.IonSegment, selector: "ion-segment", inputs: ["color", "disabled", "mode", "scrollable", "selectOnFocus", "swipeGesture", "value"] }, { kind: "component", type: i2.IonSegmentButton, selector: "ion-segment-button", inputs: ["contentId", "disabled", "layout", "mode", "type", "value"] }, { kind: "directive", type: i2.SelectValueAccessor, selector: "ion-select, ion-radio-group, ion-segment, ion-datetime" }, { kind: "component", type: i3.IconComponent, selector: "app-common-icon", inputs: ["imageSize", "color", "image"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MonitoringActionsComponent, decorators: [{
type: Component,
args: [{ selector: 'app-monitoring-actions', template: "<ion-buttons *ngIf=\"!segment\">\n <ion-button\n *ngFor=\"let action of actions\"\n [disabled]=\"disabled || action.disabled\"\n (click)=\"action.action()\"\n >\n <app-common-icon\n *ngIf=\"action.icon\"\n [image]=\"action.icon\"\n ></app-common-icon>\n {{ action.label }}\n </ion-button>\n</ion-buttons>\n<ion-segment\n *ngIf=\"segment\"\n [value]=\"value\"\n [scrollable]=\"true\"\n [color]=\"color\"\n style=\"overflow: auto; width: 100%\"\n>\n <ion-segment-button\n *ngFor=\"let action of actions; let i = index\"\n [value]=\"action.value\"\n [disabled]=\"disabled || action.disabled\"\n (click)=\"action.action()\"\n >\n <app-common-icon\n *ngIf=\"action.icon\"\n [image]=\"action.icon\"\n ></app-common-icon>\n {{ action.label }}\n </ion-segment-button>\n</ion-segment>\n", styles: [".input-wrapper{position:relative;z-index:9999}ion-buttons{margin-left:0}\n"] }]
}], ctorParameters: () => [], propDecorators: { segment: [{
type: Input
}], actions: [{
type: Input
}], checkedButtonIndex: [{
type: Input
}], disabled: [{
type: Input
}], color: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9uaXRvcmluZy1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9tb25pdG9yaW5nLWFjdGlvbnMvbW9uaXRvcmluZy1hY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9tb25pdG9yaW5nLWFjdGlvbnMvbW9uaXRvcmluZy1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQWVqRCxNQUFNLE9BQU8sMEJBQTBCO0lBQzVCLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFFZixPQUFPLEdBQWlCLEVBQUUsQ0FBQztJQUVwQyxLQUFLLENBQU87SUFFWixJQUFhLGtCQUFrQixDQUFDLEtBQWE7UUFDM0MsSUFBSSxLQUFLLEtBQUssU0FBUyxFQUFFLENBQUM7WUFDeEIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFLEtBQUssQ0FBQztRQUMxQyxDQUFDO0lBQ0gsQ0FBQztJQUVRLFFBQVEsR0FBRyxLQUFLLENBQUM7SUFFakIsS0FBSyxHQUFXLFNBQVMsQ0FBQztJQUVuQyxnQkFBZSxDQUFDOzJIQWpCTCwwQkFBMEI7K0dBQTFCLDBCQUEwQixrTUNmdkMsaTFCQWlDQTs7NEZEbEJhLDBCQUEwQjtrQkFMdEMsU0FBUzsrQkFDRSx3QkFBd0I7d0RBS3pCLE9BQU87c0JBQWYsS0FBSztnQkFFRyxPQUFPO3NCQUFmLEtBQUs7Z0JBSU8sa0JBQWtCO3NCQUE5QixLQUFLO2dCQU1HLFFBQVE7c0JBQWhCLEtBQUs7Z0JBRUcsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIEFjdGlvbkl0ZW0ge1xuICBsYWJlbDogc3RyaW5nO1xuICBpY29uPzogc3RyaW5nO1xuICB2YWx1ZTogYW55O1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIGFjdGlvbjogKCkgPT4gUHJvbWlzZTxhbnk+O1xufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbW9uaXRvcmluZy1hY3Rpb25zJyxcbiAgdGVtcGxhdGVVcmw6ICcuL21vbml0b3JpbmctYWN0aW9ucy5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL21vbml0b3JpbmctYWN0aW9ucy5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBNb25pdG9yaW5nQWN0aW9uc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNlZ21lbnQgPSB0cnVlO1xuXG4gIEBJbnB1dCgpIGFjdGlvbnM6IEFjdGlvbkl0ZW1bXSA9IFtdO1xuXG4gIHZhbHVlPzogYW55O1xuXG4gIEBJbnB1dCgpIHNldCBjaGVja2VkQnV0dG9uSW5kZXgoaW5kZXg6IG51bWJlcikge1xuICAgIGlmIChpbmRleCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLnZhbHVlID0gdGhpcy5hY3Rpb25zW2luZGV4XT8udmFsdWU7XG4gICAgfVxuICB9XG5cbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKSBjb2xvcjogc3RyaW5nID0gJ3ByaW1hcnknO1xuXG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxpb24tYnV0dG9ucyAqbmdJZj1cIiFzZWdtZW50XCI+XG4gIDxpb24tYnV0dG9uXG4gICAgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBhY3Rpb25zXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgYWN0aW9uLmRpc2FibGVkXCJcbiAgICAoY2xpY2spPVwiYWN0aW9uLmFjdGlvbigpXCJcbiAgPlxuICAgIDxhcHAtY29tbW9uLWljb25cbiAgICAgICpuZ0lmPVwiYWN0aW9uLmljb25cIlxuICAgICAgW2ltYWdlXT1cImFjdGlvbi5pY29uXCJcbiAgICA+PC9hcHAtY29tbW9uLWljb24+XG4gICAge3sgYWN0aW9uLmxhYmVsIH19XG4gIDwvaW9uLWJ1dHRvbj5cbjwvaW9uLWJ1dHRvbnM+XG48aW9uLXNlZ21lbnRcbiAgKm5nSWY9XCJzZWdtZW50XCJcbiAgW3ZhbHVlXT1cInZhbHVlXCJcbiAgW3Njcm9sbGFibGVdPVwidHJ1ZVwiXG4gIFtjb2xvcl09XCJjb2xvclwiXG4gIHN0eWxlPVwib3ZlcmZsb3c6IGF1dG87IHdpZHRoOiAxMDAlXCJcbj5cbiAgPGlvbi1zZWdtZW50LWJ1dHRvblxuICAgICpuZ0Zvcj1cImxldCBhY3Rpb24gb2YgYWN0aW9uczsgbGV0IGkgPSBpbmRleFwiXG4gICAgW3ZhbHVlXT1cImFjdGlvbi52YWx1ZVwiXG4gICAgW2Rpc2FibGVkXT1cImRpc2FibGVkIHx8IGFjdGlvbi5kaXNhYmxlZFwiXG4gICAgKGNsaWNrKT1cImFjdGlvbi5hY3Rpb24oKVwiXG4gID5cbiAgICA8YXBwLWNvbW1vbi1pY29uXG4gICAgICAqbmdJZj1cImFjdGlvbi5pY29uXCJcbiAgICAgIFtpbWFnZV09XCJhY3Rpb24uaWNvblwiXG4gICAgPjwvYXBwLWNvbW1vbi1pY29uPlxuICAgIHt7IGFjdGlvbi5sYWJlbCB9fVxuICA8L2lvbi1zZWdtZW50LWJ1dHRvbj5cbjwvaW9uLXNlZ21lbnQ+XG4iXX0=