@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
117 lines • 5.41 kB
JavaScript
"use strict";
// © 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.
Object.defineProperty(exports, "__esModule", { value: true });
exports.DrilldownDataSourceAdapter = void 0;
const tslib_1 = require("tslib");
const core_1 = require("@angular/core");
const operators_1 = require("rxjs/operators");
const bits_1 = require("@nova-ui/bits");
const data_source_adapter_1 = require("./data-source-adapter");
const pizzagna_service_1 = require("../../pizzagna/services/pizzagna.service");
const types_1 = require("../../services/types");
const types_2 = require("../../types");
let DrilldownDataSourceAdapter = class DrilldownDataSourceAdapter extends data_source_adapter_1.DataSourceAdapter {
constructor(eventBus, dataSource, pizzagnaService) {
super(eventBus, dataSource, pizzagnaService);
this.dataSource = dataSource;
this.drillstate = [];
this.eventBus
.getStream(types_1.DRILLDOWN)
.pipe((0, operators_1.takeUntil)(this.destroy$))
.subscribe((event) => {
if (this.dataSource.busy?.value) {
return;
}
this.onDrilldown(event);
});
this.registerFilters();
}
updateAdapterProperties(properties) {
this.dataPath = properties.dataPath;
this.drillstate = properties.drillstate || this.drillstate;
this.groupBy = properties.groupBy;
this.componentsConfig = properties.componentsConfig;
this.navigationBarId = properties.navigationBarId;
}
updateOutput(output) {
const widgetInput = this.getWidgetInput(output, this.drillstate.length !== this.groupBy.length);
const widgetPath = `${types_2.PizzagnaLayer.Data}.${this.componentId}.properties`;
this.pizzagnaService.setProperty(widgetPath, widgetInput);
// update navBar label
if (this.navigationBarId) {
const navBarPath = `${types_2.PizzagnaLayer.Data}.${this.navigationBarId}.properties.navBarConfig.label`;
const navBarIsRootPath = `${types_2.PizzagnaLayer.Data}.${this.navigationBarId}.properties.navBarConfig.isRoot`;
const navBarBackPath = `${types_2.PizzagnaLayer.Data}.${this.navigationBarId}.properties.navBarConfig.buttons.back.disabled`;
this.pizzagnaService.setProperty(navBarPath, this.drillstate[this.drillstate.length - 1]);
this.pizzagnaService.setProperty(navBarBackPath, !!this.drillstate.length);
this.pizzagnaService.setProperty(navBarIsRootPath, !this.drillstate.length);
}
}
getWidgetInput(data, group) {
const configuration = this.componentsConfig[group ? "group" : "leaf"];
return {
[this.dataPath]: data,
configuration,
};
}
onDrilldown(event) {
const { payload } = event;
if (payload.reset) {
this.drillstate = [];
this.eventBus.next(types_1.REFRESH, {});
return;
}
if (payload.back) {
this.drillstate.length = this.drillstate.length - 1;
this.eventBus.next(types_1.REFRESH, {});
return;
}
this.drillstate.push(payload.id);
this.eventBus.next(types_1.REFRESH, {});
}
registerFilters() {
this.dataSource.registerComponent({
group: {
componentInstance: {
getFilters: () => ({
// type: "group",
value: this.groupBy,
}),
},
},
drillstate: {
componentInstance: {
getFilters: () => ({
// type: "drillstate",
value: this.drillstate,
}),
},
},
});
}
};
exports.DrilldownDataSourceAdapter = DrilldownDataSourceAdapter;
exports.DrilldownDataSourceAdapter = DrilldownDataSourceAdapter = tslib_1.__decorate([
tslib_1.__param(0, (0, core_1.Inject)(types_2.PIZZAGNA_EVENT_BUS)),
tslib_1.__param(1, (0, core_1.Inject)(types_2.DATA_SOURCE)),
tslib_1.__metadata("design:paramtypes", [bits_1.EventBus, Object, pizzagna_service_1.PizzagnaService])
], DrilldownDataSourceAdapter);
//# sourceMappingURL=drilldown-data-source-adapter.js.map