ngx-dynamic-dashboard
Version:
an dashboard lib for angular 10
83 lines • 10.1 kB
JavaScript
/**
* Created by jayhamilton on 1/24/17.
*/
import { Component, ViewChild } from '@angular/core';
import { animate, state, style, transition, trigger } from '@angular/animations';
/**
* Message Modal - clasable modal with message
*
* Selector message-modal
*
* Methods
* popMessageModal - display a message modal for a sepcified duration
* showMessageModal - show the message modal
* hideMessageModal - hide the message modal
*/
export class VisDrillDownComponent {
constructor() {
this.objectList = [];
this.objectTitleList = [];
this.placeHolderText = 'Begin typing vm name';
this.layoutColumnOneWidth = 'six';
this.layoutColumnTwoWidth = 'ten';
this.facetTags = [];
}
showMessageModal(icon, header, message) {
this.modalicon = icon;
this.modalheader = header;
this.modalconfig = message;
this.configModal.modal('show');
}
hideMessageModal() {
this.modalicon = '';
this.modalheader = '';
this.modalconfig = '';
this.configModal.modal('hide');
}
ngAfterViewInit() {
this.configModal = jQuery(this.vismodalaRef.nativeElement);
this.configModal.modal('hide');
}
showDrillDownDetail($event) {
const data = JSON.stringify($event, null, 4);
this.showMessageModal(null, 'Detail', data);
}
showDetail($event) {
const data = JSON.stringify($event, null, 4);
this.showMessageModal(null, 'Detail', data);
}
}
VisDrillDownComponent.decorators = [
{ type: Component, args: [{
selector: 'dashboard-vis-drill-down-modal',
moduleId: module.id,
template: "<div #vismodal_tag class=\"ui long modal\">\n <div class=\"header\">\n <h2>{{modalheader}}</h2>\n </div>\n\n\n <div class=\"content\">\n\n {{modalconfig}}\n\n </div>\n\n\n <div class=\"actions\">\n <div class=\"ui approve button\">Close</div>\n </div>\n</div>\n",
animations: [
trigger('contentSwitch', [
state('inactive', style({
opacity: 0
})),
state('active', style({
opacity: 1
})),
transition('inactive => active', animate('750ms ease-in')),
transition('active => inactive', animate('750ms ease-out'))
]),
trigger('tabSwitch', [
state('inactive', style({
opacity: .75
})),
state('active', style({
opacity: 1
})),
transition('inactive => active', animate('750ms ease-in')),
transition('active => inactive', animate('750ms ease-out'))
])
]
},] }
];
VisDrillDownComponent.ctorParameters = () => [];
VisDrillDownComponent.propDecorators = {
vismodalaRef: [{ type: ViewChild, args: ['vismodal_tag', { static: true },] }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzLWRyaWxsLWRvd24tY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Ii9Vc2Vycy9iZW5saS93b3Jrc3BhY2VzL25neC1keW5hbWljLWRhc2hib2FyZC1mcmFtZXdvcmsvcHJvamVjdHMvbmd4LWR5bmFtaWMtZGFzaGJvYXJkL3NyYy8iLCJzb3VyY2VzIjpbImRhc2hib2FyZC9nYWRnZXRzL19jb21tb24vdmlzLWRyaWxsLWRvd24tY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBQ0gsT0FBTyxFQUFnQixTQUFTLEVBQWMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRTlFLE9BQU8sRUFBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFDLE1BQU0scUJBQXFCLENBQUM7QUFPL0U7Ozs7Ozs7OztHQVNHO0FBK0JILE1BQU0sT0FBTyxxQkFBcUI7SUFpQjlCO1FBWEEsZUFBVSxHQUFVLEVBQUUsQ0FBQztRQUN2QixvQkFBZSxHQUFhLEVBQUUsQ0FBQztRQUMvQixvQkFBZSxHQUFHLHNCQUFzQixDQUFDO1FBQ3pDLHlCQUFvQixHQUFHLEtBQUssQ0FBQztRQUM3Qix5QkFBb0IsR0FBRyxLQUFLLENBQUM7UUFDN0IsY0FBUyxHQUFpQixFQUFFLENBQUM7SUFRN0IsQ0FBQztJQUVELGdCQUFnQixDQUFDLElBQVksRUFBRSxNQUFjLEVBQUUsT0FBZTtRQUMxRCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUN0QixJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQztRQUMxQixJQUFJLENBQUMsV0FBVyxHQUFHLE9BQU8sQ0FBQztRQUMzQixJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUVuQyxDQUFDO0lBR0QsZ0JBQWdCO1FBQ1osSUFBSSxDQUFDLFNBQVMsR0FBRyxFQUFFLENBQUM7UUFDcEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUM7UUFDdEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDbkMsQ0FBQztJQUdELGVBQWU7UUFDWCxJQUFJLENBQUMsV0FBVyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDO1FBQzNELElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFFRCxtQkFBbUIsQ0FBQyxNQUFNO1FBRXRCLE1BQU0sSUFBSSxHQUFXLElBQUksQ0FBQyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQztRQUNyRCxJQUFJLENBQUMsZ0JBQWdCLENBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUdoRCxDQUFDO0lBRUQsVUFBVSxDQUFDLE1BQU07UUFFYixNQUFNLElBQUksR0FBVyxJQUFJLENBQUMsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDLENBQUM7UUFDckQsSUFBSSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFHaEQsQ0FBQzs7O1lBdkZKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsZ0NBQWdDO2dCQUMxQyxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQUU7Z0JBQ25CLHdUQUFvQztnQkFDcEMsVUFBVSxFQUFFO29CQUVSLE9BQU8sQ0FBQyxlQUFlLEVBQUU7d0JBQ3JCLEtBQUssQ0FBQyxVQUFVLEVBQUUsS0FBSyxDQUFDOzRCQUNwQixPQUFPLEVBQUUsQ0FBQzt5QkFDYixDQUFDLENBQUM7d0JBQ0gsS0FBSyxDQUFDLFFBQVEsRUFBRSxLQUFLLENBQUM7NEJBQ2xCLE9BQU8sRUFBRSxDQUFDO3lCQUNiLENBQUMsQ0FBQzt3QkFDSCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDO3dCQUMxRCxVQUFVLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxDQUFDLGdCQUFnQixDQUFDLENBQUM7cUJBQzlELENBQUM7b0JBQ0YsT0FBTyxDQUFDLFdBQVcsRUFBRTt3QkFDakIsS0FBSyxDQUFDLFVBQVUsRUFBRSxLQUFLLENBQUM7NEJBQ3BCLE9BQU8sRUFBRSxHQUFHO3lCQUNmLENBQUMsQ0FBQzt3QkFDSCxLQUFLLENBQUMsUUFBUSxFQUFFLEtBQUssQ0FBQzs0QkFDbEIsT0FBTyxFQUFFLENBQUM7eUJBQ2IsQ0FBQyxDQUFDO3dCQUNILFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZUFBZSxDQUFDLENBQUM7d0JBQzFELFVBQVUsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztxQkFDOUQsQ0FBQztpQkFDTDthQUdKOzs7OzJCQWNJLFNBQVMsU0FBQyxjQUFjLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDcmVhdGVkIGJ5IGpheWhhbWlsdG9uIG9uIDEvMjQvMTcuXG4gKi9cbmltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBWaWV3Q2hpbGR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge2FuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlcn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmltcG9ydCB7RmFjZXR9IGZyb20gJy4uLy4uL2ZhY2V0L2ZhY2V0LW1vZGVsJztcblxuXG5kZWNsYXJlIHZhciBqUXVlcnk6IGFueTtcblxuLyoqXG4gKiBNZXNzYWdlIE1vZGFsIC0gY2xhc2FibGUgbW9kYWwgd2l0aCBtZXNzYWdlXG4gKlxuICogU2VsZWN0b3IgbWVzc2FnZS1tb2RhbFxuICpcbiAqIE1ldGhvZHNcbiAqICAgICAgcG9wTWVzc2FnZU1vZGFsIC0gZGlzcGxheSBhIG1lc3NhZ2UgbW9kYWwgZm9yIGEgc2VwY2lmaWVkIGR1cmF0aW9uXG4gKiAgICAgIHNob3dNZXNzYWdlTW9kYWwgLSBzaG93IHRoZSBtZXNzYWdlIG1vZGFsXG4gKiAgICAgIGhpZGVNZXNzYWdlTW9kYWwgLSBoaWRlIHRoZSBtZXNzYWdlIG1vZGFsXG4gKi9cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnZGFzaGJvYXJkLXZpcy1kcmlsbC1kb3duLW1vZGFsJyxcbiAgICBtb2R1bGVJZDogbW9kdWxlLmlkLFxuICAgIHRlbXBsYXRlVXJsOiAnLi92aXMtZHJpbGwtZG93bi5odG1sJyxcbiAgICBhbmltYXRpb25zOiBbXG5cbiAgICAgICAgdHJpZ2dlcignY29udGVudFN3aXRjaCcsIFtcbiAgICAgICAgICAgIHN0YXRlKCdpbmFjdGl2ZScsIHN0eWxlKHtcbiAgICAgICAgICAgICAgICBvcGFjaXR5OiAwXG4gICAgICAgICAgICB9KSksXG4gICAgICAgICAgICBzdGF0ZSgnYWN0aXZlJywgc3R5bGUoe1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IDFcbiAgICAgICAgICAgIH0pKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2luYWN0aXZlID0+IGFjdGl2ZScsIGFuaW1hdGUoJzc1MG1zIGVhc2UtaW4nKSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdhY3RpdmUgPT4gaW5hY3RpdmUnLCBhbmltYXRlKCc3NTBtcyBlYXNlLW91dCcpKVxuICAgICAgICBdKSxcbiAgICAgICAgdHJpZ2dlcigndGFiU3dpdGNoJywgW1xuICAgICAgICAgICAgc3RhdGUoJ2luYWN0aXZlJywgc3R5bGUoe1xuICAgICAgICAgICAgICAgIG9wYWNpdHk6IC43NVxuICAgICAgICAgICAgfSkpLFxuICAgICAgICAgICAgc3RhdGUoJ2FjdGl2ZScsIHN0eWxlKHtcbiAgICAgICAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgICAgICB9KSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCdpbmFjdGl2ZSA9PiBhY3RpdmUnLCBhbmltYXRlKCc3NTBtcyBlYXNlLWluJykpLFxuICAgICAgICAgICAgdHJhbnNpdGlvbignYWN0aXZlID0+IGluYWN0aXZlJywgYW5pbWF0ZSgnNzUwbXMgZWFzZS1vdXQnKSlcbiAgICAgICAgXSlcbiAgICBdXG5cblxufSlcbmV4cG9ydCBjbGFzcyBWaXNEcmlsbERvd25Db21wb25lbnQgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0IHtcblxuICAgIG1vZGFsaWNvbjogc3RyaW5nO1xuICAgIG1vZGFsaGVhZGVyOiBzdHJpbmc7XG4gICAgbW9kYWxjb25maWc6IHN0cmluZztcbiAgICB2bXM6IGFueVtdO1xuICAgIG9iamVjdExpc3Q6IGFueVtdID0gW107XG4gICAgb2JqZWN0VGl0bGVMaXN0OiBzdHJpbmdbXSA9IFtdO1xuICAgIHBsYWNlSG9sZGVyVGV4dCA9ICdCZWdpbiB0eXBpbmcgdm0gbmFtZSc7XG4gICAgbGF5b3V0Q29sdW1uT25lV2lkdGggPSAnc2l4JztcbiAgICBsYXlvdXRDb2x1bW5Ud29XaWR0aCA9ICd0ZW4nO1xuICAgIGZhY2V0VGFnczogQXJyYXk8RmFjZXQ+ID0gW107XG5cbiAgICBAVmlld0NoaWxkKCd2aXNtb2RhbF90YWcnLCB7c3RhdGljOiB0cnVlfSkgdmlzbW9kYWxhUmVmOiBFbGVtZW50UmVmO1xuICAgIGNvbmZpZ01vZGFsOiBhbnk7XG5cblxuICAgIGNvbnN0cnVjdG9yKCkge1xuXG4gICAgfVxuXG4gICAgc2hvd01lc3NhZ2VNb2RhbChpY29uOiBzdHJpbmcsIGhlYWRlcjogc3RyaW5nLCBtZXNzYWdlOiBzdHJpbmcpIHtcbiAgICAgICAgdGhpcy5tb2RhbGljb24gPSBpY29uO1xuICAgICAgICB0aGlzLm1vZGFsaGVhZGVyID0gaGVhZGVyO1xuICAgICAgICB0aGlzLm1vZGFsY29uZmlnID0gbWVzc2FnZTtcbiAgICAgICAgdGhpcy5jb25maWdNb2RhbC5tb2RhbCgnc2hvdycpO1xuXG4gICAgfVxuXG5cbiAgICBoaWRlTWVzc2FnZU1vZGFsKCkge1xuICAgICAgICB0aGlzLm1vZGFsaWNvbiA9ICcnO1xuICAgICAgICB0aGlzLm1vZGFsaGVhZGVyID0gJyc7XG4gICAgICAgIHRoaXMubW9kYWxjb25maWcgPSAnJztcbiAgICAgICAgdGhpcy5jb25maWdNb2RhbC5tb2RhbCgnaGlkZScpO1xuICAgIH1cblxuXG4gICAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgICAgICB0aGlzLmNvbmZpZ01vZGFsID0galF1ZXJ5KHRoaXMudmlzbW9kYWxhUmVmLm5hdGl2ZUVsZW1lbnQpO1xuICAgICAgICB0aGlzLmNvbmZpZ01vZGFsLm1vZGFsKCdoaWRlJyk7XG4gICAgfVxuXG4gICAgc2hvd0RyaWxsRG93bkRldGFpbCgkZXZlbnQpIHtcblxuICAgICAgICBjb25zdCBkYXRhOiBzdHJpbmcgPSBKU09OLnN0cmluZ2lmeSgkZXZlbnQsIG51bGwsIDQpO1xuICAgICAgICB0aGlzLnNob3dNZXNzYWdlTW9kYWwobnVsbCwgJ0RldGFpbCcsIGRhdGEpO1xuXG5cbiAgICB9XG5cbiAgICBzaG93RGV0YWlsKCRldmVudCkge1xuXG4gICAgICAgIGNvbnN0IGRhdGE6IHN0cmluZyA9IEpTT04uc3RyaW5naWZ5KCRldmVudCwgbnVsbCwgNCk7XG4gICAgICAgIHRoaXMuc2hvd01lc3NhZ2VNb2RhbChudWxsLCAnRGV0YWlsJywgZGF0YSk7XG5cblxuICAgIH1cblxufVxuIl19