@iotize/ionic
Version:
Iotize specific building blocks on top of @ionic/angular.
35 lines • 8.18 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 {
set checkedButtonIndex(index) {
if (index !== undefined) {
this.value = this.actions[index]?.value;
}
}
constructor() {
this.segment = true;
this.actions = [];
this.disabled = false;
this.color = 'primary';
}
}
/** @nocollapse */ MonitoringActionsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MonitoringActionsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
/** @nocollapse */ MonitoringActionsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", 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: ["disabled", "layout", "mode", "type", "value"] }, { kind: "directive", type: i2.SelectValueAccessor, selector: "ion-range, 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: "15.2.10", 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: function () { return []; }, propDecorators: { segment: [{
type: Input
}], actions: [{
type: Input
}], checkedButtonIndex: [{
type: Input
}], disabled: [{
type: Input
}], color: [{
type: Input
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9uaXRvcmluZy1hY3Rpb25zLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9tb25pdG9yaW5nLWFjdGlvbnMvbW9uaXRvcmluZy1hY3Rpb25zLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2lvdGl6ZS1pb25pYy9tb25pdG9yaW5nL3NyYy9saWIvdWktY29tcG9uZW50cy9tb25pdG9yaW5nLWFjdGlvbnMvbW9uaXRvcmluZy1hY3Rpb25zLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQWVqRCxNQUFNLE9BQU8sMEJBQTBCO0lBT3JDLElBQWEsa0JBQWtCLENBQUMsS0FBYTtRQUMzQyxJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDdkIsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxFQUFFLEtBQUssQ0FBQztTQUN6QztJQUNILENBQUM7SUFNRDtRQWhCUyxZQUFPLEdBQUcsSUFBSSxDQUFDO1FBRWYsWUFBTyxHQUFpQixFQUFFLENBQUM7UUFVM0IsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixVQUFLLEdBQVcsU0FBUyxDQUFDO0lBRXBCLENBQUM7OzJJQWpCTCwwQkFBMEI7K0hBQTFCLDBCQUEwQixrTUNmdkMsaTFCQWlDQTs0RkRsQmEsMEJBQTBCO2tCQUx0QyxTQUFTOytCQUNFLHdCQUF3QjswRUFLekIsT0FBTztzQkFBZixLQUFLO2dCQUVHLE9BQU87c0JBQWYsS0FBSztnQkFJTyxrQkFBa0I7c0JBQTlCLEtBQUs7Z0JBTUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgQWN0aW9uSXRlbSB7XG4gIGxhYmVsOiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG4gIHZhbHVlOiBhbnk7XG4gIGRpc2FibGVkPzogYm9vbGVhbjtcbiAgYWN0aW9uOiAoKSA9PiBQcm9taXNlPGFueT47XG59XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1tb25pdG9yaW5nLWFjdGlvbnMnLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9uaXRvcmluZy1hY3Rpb25zLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbW9uaXRvcmluZy1hY3Rpb25zLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1vbml0b3JpbmdBY3Rpb25zQ29tcG9uZW50IHtcbiAgQElucHV0KCkgc2VnbWVudCA9IHRydWU7XG5cbiAgQElucHV0KCkgYWN0aW9uczogQWN0aW9uSXRlbVtdID0gW107XG5cbiAgdmFsdWU/OiBhbnk7XG5cbiAgQElucHV0KCkgc2V0IGNoZWNrZWRCdXR0b25JbmRleChpbmRleDogbnVtYmVyKSB7XG4gICAgaWYgKGluZGV4ICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHRoaXMudmFsdWUgPSB0aGlzLmFjdGlvbnNbaW5kZXhdPy52YWx1ZTtcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xuXG4gIEBJbnB1dCgpIGNvbG9yOiBzdHJpbmcgPSAncHJpbWFyeSc7XG5cbiAgY29uc3RydWN0b3IoKSB7fVxufVxuIiwiPGlvbi1idXR0b25zICpuZ0lmPVwiIXNlZ21lbnRcIj5cbiAgPGlvbi1idXR0b25cbiAgICAqbmdGb3I9XCJsZXQgYWN0aW9uIG9mIGFjdGlvbnNcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZCB8fCBhY3Rpb24uZGlzYWJsZWRcIlxuICAgIChjbGljayk9XCJhY3Rpb24uYWN0aW9uKClcIlxuICA+XG4gICAgPGFwcC1jb21tb24taWNvblxuICAgICAgKm5nSWY9XCJhY3Rpb24uaWNvblwiXG4gICAgICBbaW1hZ2VdPVwiYWN0aW9uLmljb25cIlxuICAgID48L2FwcC1jb21tb24taWNvbj5cbiAgICB7eyBhY3Rpb24ubGFiZWwgfX1cbiAgPC9pb24tYnV0dG9uPlxuPC9pb24tYnV0dG9ucz5cbjxpb24tc2VnbWVudFxuICAqbmdJZj1cInNlZ21lbnRcIlxuICBbdmFsdWVdPVwidmFsdWVcIlxuICBbc2Nyb2xsYWJsZV09XCJ0cnVlXCJcbiAgW2NvbG9yXT1cImNvbG9yXCJcbiAgc3R5bGU9XCJvdmVyZmxvdzogYXV0bzsgd2lkdGg6IDEwMCVcIlxuPlxuICA8aW9uLXNlZ21lbnQtYnV0dG9uXG4gICAgKm5nRm9yPVwibGV0IGFjdGlvbiBvZiBhY3Rpb25zOyBsZXQgaSA9IGluZGV4XCJcbiAgICBbdmFsdWVdPVwiYWN0aW9uLnZhbHVlXCJcbiAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgYWN0aW9uLmRpc2FibGVkXCJcbiAgICAoY2xpY2spPVwiYWN0aW9uLmFjdGlvbigpXCJcbiAgPlxuICAgIDxhcHAtY29tbW9uLWljb25cbiAgICAgICpuZ0lmPVwiYWN0aW9uLmljb25cIlxuICAgICAgW2ltYWdlXT1cImFjdGlvbi5pY29uXCJcbiAgICA+PC9hcHAtY29tbW9uLWljb24+XG4gICAge3sgYWN0aW9uLmxhYmVsIH19XG4gIDwvaW9uLXNlZ21lbnQtYnV0dG9uPlxuPC9pb24tc2VnbWVudD5cbiJdfQ==