@c8y/ngx-components
Version:
Angular modules for Cumulocity IoT applications
30 lines • 8.13 kB
JavaScript
import { Component } from '@angular/core';
import { ActivatedRoute } from '@angular/router';
import { CommonModule, CoreModule } from '@c8y/ngx-components';
import { MapModule } from '@c8y/ngx-components/map';
import { TrackingMarkerPopupComponent } from '@c8y/ngx-components/tracking';
import * as i0 from "@angular/core";
import * as i1 from "@angular/router";
import * as i2 from "@c8y/ngx-components";
import * as i3 from "@c8y/ngx-components/map";
export class DeviceMapComponent {
constructor(route) {
const { location, bounds } = route.snapshot.data;
this.config = {
center: bounds?.isValid() ? bounds.getCenter() : location,
zoomLevel: 3,
refreshInterval: 30000,
bounds,
fitBoundsOptions: {
padding: [50, 50]
}
};
}
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeviceMapComponent, deps: [{ token: i1.ActivatedRoute }], target: i0.ɵɵFactoryTarget.Component }); }
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DeviceMapComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: "<c8y-title>{{ 'Device map' | translate }}</c8y-title>\n\n<c8y-breadcrumb>\n <c8y-breadcrumb-item\n icon=\"exchange\"\n [label]=\"'Devices' | translate\"\n ></c8y-breadcrumb-item>\n <c8y-breadcrumb-item\n icon=\"c8y-location\"\n [label]=\"'Map' | translate\"\n ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<div class=\"card card--grid content-fullpage\">\n <div\n class=\"bg-white p-relative\"\n style=\"min-height: 30vh\"\n >\n <c8y-map-status\n [clusterMap]=\"map\"\n [(config)]=\"config\"\n ></c8y-map-status>\n <c8y-cluster-map\n #map\n [config]=\"config\"\n >\n <div *c8yMapPopup=\"let context\">\n <c8y-tracking-marker-popup\n [showTrackingLink]=\"true\"\n [context]=\"context\"\n ></c8y-tracking-marker-popup>\n </div>\n </c8y-cluster-map>\n </div>\n</div>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.C8yTranslatePipe, name: "translate" }, { kind: "ngmodule", type: CoreModule }, { kind: "component", type: i2.BreadcrumbComponent, selector: "c8y-breadcrumb" }, { kind: "component", type: i2.BreadcrumbItemComponent, selector: "c8y-breadcrumb-item", inputs: ["icon", "translate", "label", "path", "injector"] }, { kind: "component", type: i2.TitleComponent, selector: "c8y-title", inputs: ["pageTitleUpdate"] }, { kind: "ngmodule", type: MapModule }, { kind: "component", type: i3.MapStatusComponent, selector: "c8y-map-status", inputs: ["config", "clusterMap", "buttonsConfig"], outputs: ["configChange", "onUnfollow"] }, { kind: "component", type: i3.ClusterMapComponent, selector: "c8y-cluster-map", inputs: ["config", "rootNode", "asset", "showClusterColor"], outputs: ["mapChange"] }, { kind: "directive", type: i3.MapPopupDirective, selector: "[c8yMapPopup]" }, { kind: "component", type: TrackingMarkerPopupComponent, selector: "c8y-tracking-marker-popup", inputs: ["context", "showTrackingLink"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DeviceMapComponent, decorators: [{
type: Component,
args: [{ standalone: true, imports: [CommonModule, CoreModule, MapModule, TrackingMarkerPopupComponent], template: "<c8y-title>{{ 'Device map' | translate }}</c8y-title>\n\n<c8y-breadcrumb>\n <c8y-breadcrumb-item\n icon=\"exchange\"\n [label]=\"'Devices' | translate\"\n ></c8y-breadcrumb-item>\n <c8y-breadcrumb-item\n icon=\"c8y-location\"\n [label]=\"'Map' | translate\"\n ></c8y-breadcrumb-item>\n</c8y-breadcrumb>\n\n<div class=\"card card--grid content-fullpage\">\n <div\n class=\"bg-white p-relative\"\n style=\"min-height: 30vh\"\n >\n <c8y-map-status\n [clusterMap]=\"map\"\n [(config)]=\"config\"\n ></c8y-map-status>\n <c8y-cluster-map\n #map\n [config]=\"config\"\n >\n <div *c8yMapPopup=\"let context\">\n <c8y-tracking-marker-popup\n [showTrackingLink]=\"true\"\n [context]=\"context\"\n ></c8y-tracking-marker-popup>\n </div>\n </c8y-cluster-map>\n </div>\n</div>\n" }]
}], ctorParameters: () => [{ type: i1.ActivatedRoute }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV2aWNlLW1hcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9kZXZpY2UtbWFwL2RldmljZS1tYXAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vZGV2aWNlLW1hcC9kZXZpY2UtbWFwLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUMsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDL0QsT0FBTyxFQUFvQixTQUFTLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN0RSxPQUFPLEVBQUUsNEJBQTRCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7QUFPNUUsTUFBTSxPQUFPLGtCQUFrQjtJQUc3QixZQUFZLEtBQXFCO1FBQy9CLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7UUFDakQsSUFBSSxDQUFDLE1BQU0sR0FBRztZQUNaLE1BQU0sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUN6RCxTQUFTLEVBQUUsQ0FBQztZQUNaLGVBQWUsRUFBRSxLQUFLO1lBQ3RCLE1BQU07WUFDTixnQkFBZ0IsRUFBRTtnQkFDaEIsT0FBTyxFQUFFLENBQUMsRUFBRSxFQUFFLEVBQUUsQ0FBQzthQUNsQjtTQUNGLENBQUM7SUFDSixDQUFDOytHQWRVLGtCQUFrQjttR0FBbEIsa0JBQWtCLHdFQ1gvQixxMkJBbUNBLDJDRDFCWSxZQUFZLDhGQUFFLFVBQVUseVdBQUUsU0FBUyxnY0FBRSw0QkFBNEI7OzRGQUVoRSxrQkFBa0I7a0JBTDlCLFNBQVM7aUNBQ0ksSUFBSSxXQUVQLENBQUMsWUFBWSxFQUFFLFVBQVUsRUFBRSxTQUFTLEVBQUUsNEJBQTRCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFjdGl2YXRlZFJvdXRlIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSwgQ29yZU1vZHVsZSB9IGZyb20gJ0BjOHkvbmd4LWNvbXBvbmVudHMnO1xuaW1wb3J0IHsgQ2x1c3Rlck1hcENvbmZpZywgTWFwTW9kdWxlIH0gZnJvbSAnQGM4eS9uZ3gtY29tcG9uZW50cy9tYXAnO1xuaW1wb3J0IHsgVHJhY2tpbmdNYXJrZXJQb3B1cENvbXBvbmVudCB9IGZyb20gJ0BjOHkvbmd4LWNvbXBvbmVudHMvdHJhY2tpbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgdGVtcGxhdGVVcmw6ICcuL2RldmljZS1tYXAuY29tcG9uZW50Lmh0bWwnLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBDb3JlTW9kdWxlLCBNYXBNb2R1bGUsIFRyYWNraW5nTWFya2VyUG9wdXBDb21wb25lbnRdXG59KVxuZXhwb3J0IGNsYXNzIERldmljZU1hcENvbXBvbmVudCB7XG4gIGNvbmZpZzogQ2x1c3Rlck1hcENvbmZpZztcblxuICBjb25zdHJ1Y3Rvcihyb3V0ZTogQWN0aXZhdGVkUm91dGUpIHtcbiAgICBjb25zdCB7IGxvY2F0aW9uLCBib3VuZHMgfSA9IHJvdXRlLnNuYXBzaG90LmRhdGE7XG4gICAgdGhpcy5jb25maWcgPSB7XG4gICAgICBjZW50ZXI6IGJvdW5kcz8uaXNWYWxpZCgpID8gYm91bmRzLmdldENlbnRlcigpIDogbG9jYXRpb24sXG4gICAgICB6b29tTGV2ZWw6IDMsXG4gICAgICByZWZyZXNoSW50ZXJ2YWw6IDMwMDAwLFxuICAgICAgYm91bmRzLFxuICAgICAgZml0Qm91bmRzT3B0aW9uczoge1xuICAgICAgICBwYWRkaW5nOiBbNTAsIDUwXVxuICAgICAgfVxuICAgIH07XG4gIH1cbn1cbiIsIjxjOHktdGl0bGU+e3sgJ0RldmljZSBtYXAnIHwgdHJhbnNsYXRlIH19PC9jOHktdGl0bGU+XG5cbjxjOHktYnJlYWRjcnVtYj5cbiAgPGM4eS1icmVhZGNydW1iLWl0ZW1cbiAgICBpY29uPVwiZXhjaGFuZ2VcIlxuICAgIFtsYWJlbF09XCInRGV2aWNlcycgfCB0cmFuc2xhdGVcIlxuICA+PC9jOHktYnJlYWRjcnVtYi1pdGVtPlxuICA8Yzh5LWJyZWFkY3J1bWItaXRlbVxuICAgIGljb249XCJjOHktbG9jYXRpb25cIlxuICAgIFtsYWJlbF09XCInTWFwJyB8IHRyYW5zbGF0ZVwiXG4gID48L2M4eS1icmVhZGNydW1iLWl0ZW0+XG48L2M4eS1icmVhZGNydW1iPlxuXG48ZGl2IGNsYXNzPVwiY2FyZCBjYXJkLS1ncmlkIGNvbnRlbnQtZnVsbHBhZ2VcIj5cbiAgPGRpdlxuICAgIGNsYXNzPVwiYmctd2hpdGUgcC1yZWxhdGl2ZVwiXG4gICAgc3R5bGU9XCJtaW4taGVpZ2h0OiAzMHZoXCJcbiAgPlxuICAgIDxjOHktbWFwLXN0YXR1c1xuICAgICAgW2NsdXN0ZXJNYXBdPVwibWFwXCJcbiAgICAgIFsoY29uZmlnKV09XCJjb25maWdcIlxuICAgID48L2M4eS1tYXAtc3RhdHVzPlxuICAgIDxjOHktY2x1c3Rlci1tYXBcbiAgICAgICNtYXBcbiAgICAgIFtjb25maWddPVwiY29uZmlnXCJcbiAgICA+XG4gICAgICA8ZGl2ICpjOHlNYXBQb3B1cD1cImxldCBjb250ZXh0XCI+XG4gICAgICAgIDxjOHktdHJhY2tpbmctbWFya2VyLXBvcHVwXG4gICAgICAgICAgW3Nob3dUcmFja2luZ0xpbmtdPVwidHJ1ZVwiXG4gICAgICAgICAgW2NvbnRleHRdPVwiY29udGV4dFwiXG4gICAgICAgID48L2M4eS10cmFja2luZy1tYXJrZXItcG9wdXA+XG4gICAgICA8L2Rpdj5cbiAgICA8L2M4eS1jbHVzdGVyLW1hcD5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==