@nova-ui/dashboards
Version:
Nova Dashboards is a framework designed to provide feature developers with a common solution for presenting data coming from various sources within a single view, as well as a set of predefined widget visualizations that are 100% configuration-driven and
65 lines • 11 kB
JavaScript
// © 2022 SolarWinds Worldwide, LLC. All rights reserved.
//
// Permission is hereby granted, free of charge, to any person obtaining a copy
// of this software and associated documentation files (the "Software"), to
// deal in the Software without restriction, including without limitation the
// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
// sell copies of the Software, and to permit persons to whom the Software is
// furnished to do so, subject to the following conditions:
//
// The above copyright notice and this permission notice shall be included in
// all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
// IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
// FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
// AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
// LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
// OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
// THE SOFTWARE.
import { Component, EventEmitter, Input, Output, } from "@angular/core";
import { DEFAULT_PIZZAGNA_ROOT } from "../../services/types";
import { WidgetConfigurationService } from "../../services/widget-configuration.service";
import { WidgetTypesService } from "../../services/widget-types.service";
import * as i0 from "@angular/core";
import * as i1 from "../../services/widget-configuration.service";
import * as i2 from "../../services/widget-types.service";
import * as i3 from "../../pizzagna/components/pizzagna/pizzagna.component";
export class WidgetComponent {
constructor(widgetConfigurationService, widgetTypesService) {
this.widgetConfigurationService = widgetConfigurationService;
this.widgetTypesService = widgetTypesService;
this.widgetChange = new EventEmitter();
this.rootNode = DEFAULT_PIZZAGNA_ROOT;
}
ngOnChanges(changes) {
if (changes.widget) {
const type = this.widget.type;
const previousType = changes.widget.previousValue &&
changes.widget.previousValue.type;
if (previousType !== type) {
const widgetType = this.widgetTypesService.getWidgetType(type, this.widget.version);
this.rootNode =
widgetType?.paths?.widget?.root || DEFAULT_PIZZAGNA_ROOT;
}
this.widgetConfigurationService.updateWidget(this.widget);
}
}
onPizzagnaChange(pizzagna) {
this.widgetChange.emit({
...this.widget,
pizzagna: pizzagna,
});
}
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetComponent, deps: [{ token: i1.WidgetConfigurationService }, { token: i2.WidgetTypesService }], target: i0.ɵɵFactoryTarget.Component }); }
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: WidgetComponent, selector: "nui-widget", inputs: { widget: "widget" }, outputs: { widgetChange: "widgetChange" }, host: { classAttribute: "nui-widget" }, providers: [WidgetConfigurationService], usesOnChanges: true, ngImport: i0, template: "<nui-pizzagna\n [rootNode]=\"rootNode\"\n [pizzagna]=\"widget.pizzagna\"\n (pizzagnaChange)=\"onPizzagnaChange($event)\"\n></nui-pizzagna>\n", styles: [""], dependencies: [{ kind: "component", type: i3.PizzagnaComponent, selector: "nui-pizzagna", inputs: ["rootNode", "pizzagna", "outputs"], outputs: ["pizzagnaChange", "output"] }] }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: WidgetComponent, decorators: [{
type: Component,
args: [{ selector: "nui-widget", providers: [WidgetConfigurationService], host: { class: "nui-widget" }, template: "<nui-pizzagna\n [rootNode]=\"rootNode\"\n [pizzagna]=\"widget.pizzagna\"\n (pizzagnaChange)=\"onPizzagnaChange($event)\"\n></nui-pizzagna>\n" }]
}], ctorParameters: () => [{ type: i1.WidgetConfigurationService }, { type: i2.WidgetTypesService }], propDecorators: { widget: [{
type: Input
}], widgetChange: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2lkZ2V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy93aWRnZXQvd2lkZ2V0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29tcG9uZW50cy93aWRnZXQvd2lkZ2V0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlEQUF5RDtBQUN6RCxFQUFFO0FBQ0YsK0VBQStFO0FBQy9FLDRFQUE0RTtBQUM1RSw4RUFBOEU7QUFDOUUsK0VBQStFO0FBQy9FLDhFQUE4RTtBQUM5RSw0REFBNEQ7QUFDNUQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSx1REFBdUQ7QUFDdkQsRUFBRTtBQUNGLDZFQUE2RTtBQUM3RSw0RUFBNEU7QUFDNUUsK0VBQStFO0FBQy9FLDBFQUEwRTtBQUMxRSxpRkFBaUY7QUFDakYsNkVBQTZFO0FBQzdFLGlCQUFpQjtBQUVqQixPQUFPLEVBQ0gsU0FBUyxFQUNULFlBQVksRUFDWixLQUFLLEVBRUwsTUFBTSxHQUVULE1BQU0sZUFBZSxDQUFDO0FBR3ZCLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzdELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3pGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7OztBQVV6RSxNQUFNLE9BQU8sZUFBZTtJQU14QixZQUNZLDBCQUFzRCxFQUN0RCxrQkFBc0M7UUFEdEMsK0JBQTBCLEdBQTFCLDBCQUEwQixDQUE0QjtRQUN0RCx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW9CO1FBTnhDLGlCQUFZLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztRQUU5QyxhQUFRLEdBQUcscUJBQXFCLENBQUM7SUFLckMsQ0FBQztJQUVHLFdBQVcsQ0FBQyxPQUFzQjtRQUNyQyxJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDaEIsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7WUFDOUIsTUFBTSxZQUFZLEdBQ2QsT0FBTyxDQUFDLE1BQU0sQ0FBQyxhQUFhO2dCQUM1QixPQUFPLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUM7WUFDdEMsSUFBSSxZQUFZLEtBQUssSUFBSSxFQUFFO2dCQUN2QixNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsa0JBQWtCLENBQUMsYUFBYSxDQUNwRCxJQUFJLEVBQ0osSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQ3RCLENBQUM7Z0JBQ0YsSUFBSSxDQUFDLFFBQVE7b0JBQ1QsVUFBVSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsSUFBSSxJQUFJLHFCQUFxQixDQUFDO2FBQ2hFO1lBQ0QsSUFBSSxDQUFDLDBCQUEwQixDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7U0FDN0Q7SUFDTCxDQUFDO0lBRU0sZ0JBQWdCLENBQUMsUUFBbUI7UUFDdkMsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUM7WUFDbkIsR0FBRyxJQUFJLENBQUMsTUFBTTtZQUNkLFFBQVEsRUFBRSxRQUFRO1NBQ3JCLENBQUMsQ0FBQztJQUNQLENBQUM7a0lBbENRLGVBQWU7c0hBQWYsZUFBZSxzSkFIYixDQUFDLDBCQUEwQixDQUFDLCtDQ3ZDM0MsdUpBS0E7OzRGRHFDYSxlQUFlO2tCQVAzQixTQUFTOytCQUNJLFlBQVksYUFHWCxDQUFDLDBCQUEwQixDQUFDLFFBQ2pDLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRTtnSUFHcEIsTUFBTTtzQkFBZCxLQUFLO2dCQUNJLFlBQVk7c0JBQXJCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvLyDCqSAyMDIyIFNvbGFyV2luZHMgV29ybGR3aWRlLCBMTEMuIEFsbCByaWdodHMgcmVzZXJ2ZWQuXG4vL1xuLy8gUGVybWlzc2lvbiBpcyBoZXJlYnkgZ3JhbnRlZCwgZnJlZSBvZiBjaGFyZ2UsIHRvIGFueSBwZXJzb24gb2J0YWluaW5nIGEgY29weVxuLy8gIG9mIHRoaXMgc29mdHdhcmUgYW5kIGFzc29jaWF0ZWQgZG9jdW1lbnRhdGlvbiBmaWxlcyAodGhlIFwiU29mdHdhcmVcIiksIHRvXG4vLyAgZGVhbCBpbiB0aGUgU29mdHdhcmUgd2l0aG91dCByZXN0cmljdGlvbiwgaW5jbHVkaW5nIHdpdGhvdXQgbGltaXRhdGlvbiB0aGVcbi8vICByaWdodHMgdG8gdXNlLCBjb3B5LCBtb2RpZnksIG1lcmdlLCBwdWJsaXNoLCBkaXN0cmlidXRlLCBzdWJsaWNlbnNlLCBhbmQvb3Jcbi8vICBzZWxsIGNvcGllcyBvZiB0aGUgU29mdHdhcmUsIGFuZCB0byBwZXJtaXQgcGVyc29ucyB0byB3aG9tIHRoZSBTb2Z0d2FyZSBpc1xuLy8gIGZ1cm5pc2hlZCB0byBkbyBzbywgc3ViamVjdCB0byB0aGUgZm9sbG93aW5nIGNvbmRpdGlvbnM6XG4vL1xuLy8gVGhlIGFib3ZlIGNvcHlyaWdodCBub3RpY2UgYW5kIHRoaXMgcGVybWlzc2lvbiBub3RpY2Ugc2hhbGwgYmUgaW5jbHVkZWQgaW5cbi8vICBhbGwgY29waWVzIG9yIHN1YnN0YW50aWFsIHBvcnRpb25zIG9mIHRoZSBTb2Z0d2FyZS5cbi8vXG4vLyBUSEUgU09GVFdBUkUgSVMgUFJPVklERUQgXCJBUyBJU1wiLCBXSVRIT1VUIFdBUlJBTlRZIE9GIEFOWSBLSU5ELCBFWFBSRVNTIE9SXG4vLyAgSU1QTElFRCwgSU5DTFVESU5HIEJVVCBOT1QgTElNSVRFRCBUTyBUSEUgV0FSUkFOVElFUyBPRiBNRVJDSEFOVEFCSUxJVFksXG4vLyAgRklUTkVTUyBGT1IgQSBQQVJUSUNVTEFSIFBVUlBPU0UgQU5EIE5PTklORlJJTkdFTUVOVC4gSU4gTk8gRVZFTlQgU0hBTEwgVEhFXG4vLyAgQVVUSE9SUyBPUiBDT1BZUklHSFQgSE9MREVSUyBCRSBMSUFCTEUgRk9SIEFOWSBDTEFJTSwgREFNQUdFUyBPUiBPVEhFUlxuLy8gIExJQUJJTElUWSwgV0hFVEhFUiBJTiBBTiBBQ1RJT04gT0YgQ09OVFJBQ1QsIFRPUlQgT1IgT1RIRVJXSVNFLCBBUklTSU5HIEZST00sXG4vLyAgT1VUIE9GIE9SIElOIENPTk5FQ1RJT04gV0lUSCBUSEUgU09GVFdBUkUgT1IgVEhFIFVTRSBPUiBPVEhFUiBERUFMSU5HUyBJTlxuLy8gIFRIRSBTT0ZUV0FSRS5cblxuaW1wb3J0IHtcbiAgICBDb21wb25lbnQsXG4gICAgRXZlbnRFbWl0dGVyLFxuICAgIElucHV0LFxuICAgIE9uQ2hhbmdlcyxcbiAgICBPdXRwdXQsXG4gICAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuaW1wb3J0IHsgSVdpZGdldCB9IGZyb20gXCIuL3R5cGVzXCI7XG5pbXBvcnQgeyBERUZBVUxUX1BJWlpBR05BX1JPT1QgfSBmcm9tIFwiLi4vLi4vc2VydmljZXMvdHlwZXNcIjtcbmltcG9ydCB7IFdpZGdldENvbmZpZ3VyYXRpb25TZXJ2aWNlIH0gZnJvbSBcIi4uLy4uL3NlcnZpY2VzL3dpZGdldC1jb25maWd1cmF0aW9uLnNlcnZpY2VcIjtcbmltcG9ydCB7IFdpZGdldFR5cGVzU2VydmljZSB9IGZyb20gXCIuLi8uLi9zZXJ2aWNlcy93aWRnZXQtdHlwZXMuc2VydmljZVwiO1xuaW1wb3J0IHsgSVBpenphZ25hIH0gZnJvbSBcIi4uLy4uL3R5cGVzXCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcIm51aS13aWRnZXRcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3dpZGdldC5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi93aWRnZXQuY29tcG9uZW50Lmxlc3NcIl0sXG4gICAgcHJvdmlkZXJzOiBbV2lkZ2V0Q29uZmlndXJhdGlvblNlcnZpY2VdLFxuICAgIGhvc3Q6IHsgY2xhc3M6IFwibnVpLXdpZGdldFwiIH0sXG59KVxuZXhwb3J0IGNsYXNzIFdpZGdldENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gICAgQElucHV0KCkgd2lkZ2V0OiBJV2lkZ2V0O1xuICAgIEBPdXRwdXQoKSB3aWRnZXRDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPElXaWRnZXQ+KCk7XG5cbiAgICBwdWJsaWMgcm9vdE5vZGUgPSBERUZBVUxUX1BJWlpBR05BX1JPT1Q7XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB3aWRnZXRDb25maWd1cmF0aW9uU2VydmljZTogV2lkZ2V0Q29uZmlndXJhdGlvblNlcnZpY2UsXG4gICAgICAgIHByaXZhdGUgd2lkZ2V0VHlwZXNTZXJ2aWNlOiBXaWRnZXRUeXBlc1NlcnZpY2VcbiAgICApIHt9XG5cbiAgICBwdWJsaWMgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgICAgICBpZiAoY2hhbmdlcy53aWRnZXQpIHtcbiAgICAgICAgICAgIGNvbnN0IHR5cGUgPSB0aGlzLndpZGdldC50eXBlO1xuICAgICAgICAgICAgY29uc3QgcHJldmlvdXNUeXBlID1cbiAgICAgICAgICAgICAgICBjaGFuZ2VzLndpZGdldC5wcmV2aW91c1ZhbHVlICYmXG4gICAgICAgICAgICAgICAgY2hhbmdlcy53aWRnZXQucHJldmlvdXNWYWx1ZS50eXBlO1xuICAgICAgICAgICAgaWYgKHByZXZpb3VzVHlwZSAhPT0gdHlwZSkge1xuICAgICAgICAgICAgICAgIGNvbnN0IHdpZGdldFR5cGUgPSB0aGlzLndpZGdldFR5cGVzU2VydmljZS5nZXRXaWRnZXRUeXBlKFxuICAgICAgICAgICAgICAgICAgICB0eXBlLFxuICAgICAgICAgICAgICAgICAgICB0aGlzLndpZGdldC52ZXJzaW9uXG4gICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB0aGlzLnJvb3ROb2RlID1cbiAgICAgICAgICAgICAgICAgICAgd2lkZ2V0VHlwZT8ucGF0aHM/LndpZGdldD8ucm9vdCB8fCBERUZBVUxUX1BJWlpBR05BX1JPT1Q7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgICB0aGlzLndpZGdldENvbmZpZ3VyYXRpb25TZXJ2aWNlLnVwZGF0ZVdpZGdldCh0aGlzLndpZGdldCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBwdWJsaWMgb25QaXp6YWduYUNoYW5nZShwaXp6YWduYTogSVBpenphZ25hKTogdm9pZCB7XG4gICAgICAgIHRoaXMud2lkZ2V0Q2hhbmdlLmVtaXQoe1xuICAgICAgICAgICAgLi4udGhpcy53aWRnZXQsXG4gICAgICAgICAgICBwaXp6YWduYTogcGl6emFnbmEsXG4gICAgICAgIH0pO1xuICAgIH1cbn1cbiIsIjxudWktcGl6emFnbmFcbiAgICBbcm9vdE5vZGVdPVwicm9vdE5vZGVcIlxuICAgIFtwaXp6YWduYV09XCJ3aWRnZXQucGl6emFnbmFcIlxuICAgIChwaXp6YWduYUNoYW5nZSk9XCJvblBpenphZ25hQ2hhbmdlKCRldmVudClcIlxuPjwvbnVpLXBpenphZ25hPlxuIl19