ngx-dynamic-dashboard
Version:
an dashboard lib for angular 10
50 lines • 5.4 kB
JavaScript
/**
* Created by jayhamilton on 1/24/17.
*/
import { Component, Input, ViewChild } from '@angular/core';
/**
* 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 HelpModalComponent {
constructor() {
}
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.helpmodalaRef.nativeElement);
this.configModal.modal('hide');
}
showHelp() {
this.showMessageModal(null, 'Help', 'Get me out of here!');
}
}
HelpModalComponent.decorators = [
{ type: Component, args: [{
selector: 'dashboard-help-modal',
moduleId: module.id,
template: "<div #helpmodal_tag class=\"ui long modal\">\n <div class=\"header\">\n Help\n </div>\n\n <div class=\"ui basic segment\">\n <br>\n <br>\n <p></p>\n <br><br>\n </div>\n <div class=\"actions\">\n <div class=\"ui approve button\">Close</div>\n </div>\n</div>\n"
},] }
];
HelpModalComponent.ctorParameters = () => [];
HelpModalComponent.propDecorators = {
topic: [{ type: Input }],
helpmodalaRef: [{ type: ViewChild, args: ['helpmodal_tag', { static: true },] }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVscC1tb2RhbC1jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL2JlbmxpL3dvcmtzcGFjZXMvbmd4LWR5bmFtaWMtZGFzaGJvYXJkLWZyYW1ld29yay9wcm9qZWN0cy9uZ3gtZHluYW1pYy1kYXNoYm9hcmQvc3JjLyIsInNvdXJjZXMiOlsiZGFzaGJvYXJkL2dhZGdldHMvX2NvbW1vbi9oZWxwLW1vZGFsLWNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE9BQU8sRUFBZ0IsU0FBUyxFQUFjLEtBQUssRUFBRSxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFJckY7Ozs7Ozs7OztHQVNHO0FBT0gsTUFBTSxPQUFPLGtCQUFrQjtJQVkzQjtJQUNBLENBQUM7SUFHRCxnQkFBZ0IsQ0FBQyxJQUFZLEVBQUUsTUFBYyxFQUFFLE9BQWU7UUFDMUQsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUM7UUFDMUIsSUFBSSxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUM7UUFDM0IsSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7SUFFbkMsQ0FBQztJQUdELGdCQUFnQjtRQUNaLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO1FBQ3BCLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxXQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ3RCLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ25DLENBQUM7SUFHRCxlQUFlO1FBQ1gsSUFBSSxDQUFDLFdBQVcsR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUM1RCxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsUUFBUTtRQUVKLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLEVBQUUsTUFBTSxFQUFFLHFCQUFxQixDQUFDLENBQUM7SUFFL0QsQ0FBQzs7O1lBaERKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQUU7Z0JBQ25CLDBVQUFnQzthQUVuQzs7OztvQkFHSSxLQUFLOzRCQU1MLFNBQVMsU0FBQyxlQUFlLEVBQUUsRUFBQyxNQUFNLEVBQUUsSUFBSSxFQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDcmVhdGVkIGJ5IGpheWhhbWlsdG9uIG9uIDEvMjQvMTcuXG4gKi9cbmltcG9ydCB7QWZ0ZXJWaWV3SW5pdCwgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgVmlld0NoaWxkfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZGVjbGFyZSB2YXIgalF1ZXJ5OiBhbnk7XG5cbi8qKlxuICogTWVzc2FnZSBNb2RhbCAtIGNsYXNhYmxlIG1vZGFsIHdpdGggbWVzc2FnZVxuICpcbiAqIFNlbGVjdG9yIG1lc3NhZ2UtbW9kYWxcbiAqXG4gKiBNZXRob2RzXG4gKiAgICAgIHBvcE1lc3NhZ2VNb2RhbCAtIGRpc3BsYXkgYSBtZXNzYWdlIG1vZGFsIGZvciBhIHNlcGNpZmllZCBkdXJhdGlvblxuICogICAgICBzaG93TWVzc2FnZU1vZGFsIC0gc2hvdyB0aGUgbWVzc2FnZSBtb2RhbFxuICogICAgICBoaWRlTWVzc2FnZU1vZGFsIC0gaGlkZSB0aGUgbWVzc2FnZSBtb2RhbFxuICovXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2Rhc2hib2FyZC1oZWxwLW1vZGFsJyxcbiAgICBtb2R1bGVJZDogbW9kdWxlLmlkLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9oZWxwLW1vZGFsLmh0bWwnLFxuXG59KVxuZXhwb3J0IGNsYXNzIEhlbHBNb2RhbENvbXBvbmVudCBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuXG4gICAgQElucHV0KCkgdG9waWM6IGFueTtcblxuICAgIG1vZGFsaWNvbjogc3RyaW5nO1xuICAgIG1vZGFsaGVhZGVyOiBzdHJpbmc7XG4gICAgbW9kYWxjb25maWc6IHN0cmluZztcblxuICAgIEBWaWV3Q2hpbGQoJ2hlbHBtb2RhbF90YWcnLCB7c3RhdGljOiB0cnVlfSkgaGVscG1vZGFsYVJlZjogRWxlbWVudFJlZjtcbiAgICBjb25maWdNb2RhbDogYW55O1xuXG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcbiAgICB9XG5cblxuICAgIHNob3dNZXNzYWdlTW9kYWwoaWNvbjogc3RyaW5nLCBoZWFkZXI6IHN0cmluZywgbWVzc2FnZTogc3RyaW5nKSB7XG4gICAgICAgIHRoaXMubW9kYWxpY29uID0gaWNvbjtcbiAgICAgICAgdGhpcy5tb2RhbGhlYWRlciA9IGhlYWRlcjtcbiAgICAgICAgdGhpcy5tb2RhbGNvbmZpZyA9IG1lc3NhZ2U7XG4gICAgICAgIHRoaXMuY29uZmlnTW9kYWwubW9kYWwoJ3Nob3cnKTtcblxuICAgIH1cblxuXG4gICAgaGlkZU1lc3NhZ2VNb2RhbCgpIHtcbiAgICAgICAgdGhpcy5tb2RhbGljb24gPSAnJztcbiAgICAgICAgdGhpcy5tb2RhbGhlYWRlciA9ICcnO1xuICAgICAgICB0aGlzLm1vZGFsY29uZmlnID0gJyc7XG4gICAgICAgIHRoaXMuY29uZmlnTW9kYWwubW9kYWwoJ2hpZGUnKTtcbiAgICB9XG5cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICAgICAgdGhpcy5jb25maWdNb2RhbCA9IGpRdWVyeSh0aGlzLmhlbHBtb2RhbGFSZWYubmF0aXZlRWxlbWVudCk7XG4gICAgICAgIHRoaXMuY29uZmlnTW9kYWwubW9kYWwoJ2hpZGUnKTtcbiAgICB9XG5cbiAgICBzaG93SGVscCgpIHtcblxuICAgICAgICB0aGlzLnNob3dNZXNzYWdlTW9kYWwobnVsbCwgJ0hlbHAnLCAnR2V0IG1lIG91dCBvZiBoZXJlIScpO1xuXG4gICAgfVxuXG59XG4iXX0=