ngx-dynamic-dashboard
Version:
an dashboard lib for angular 10
41 lines • 5.91 kB
JavaScript
/**
* Created by jayhamilton on 1/24/17.
*/
import { Component } from '@angular/core';
import { OptionsService } from './service';
import { ToastService } from '../../toast/toast.service';
export class OptionsConfigurationTabComponent {
constructor(_optionsService, _toastService) {
this._optionsService = _optionsService;
this._toastService = _toastService;
this.enableHover = this._optionsService.getBoardOptions()['enableHover'];
this.displayGadgetOptionsInSideBar = this._optionsService.getBoardOptions()['displayGadgetOptionsInSideBar'];
}
onHooverOptionChange(value) {
this._optionsService.setBoardOptions({
'enableHover': value['checked'],
'displayGadgetOptionsInSideBar': this.displayGadgetOptionsInSideBar
});
this._toastService.sendMessage('The board configuration has changed!', null);
}
onDisplayGadgetOptionsInSideBarChange(value) {
this._optionsService.setBoardOptions({
'enableHover': this.enableHover,
'displayGadgetOptionsInSideBar': value['checked']
});
this._toastService.sendMessage('The board configuration has changed!', null);
}
}
OptionsConfigurationTabComponent.decorators = [
{ type: Component, args: [{
selector: 'dashboard-options-config-tab',
moduleId: module.id,
template: "<br>\nThe following options control various aspects of the board's and gadget's behavior. Changes take effect immediately.\n<br>\n<br>\n\n<mat-slide-toggle\n (change)=\"onHooverOptionChange($event)\"\n [checked]=\"enableHover\">\n Always show the gadget buttons in the title. By default buttons show/hide when you hover over the title.\n</mat-slide-toggle>\n<br>\n<br>\n<mat-slide-toggle\n (change)=\"onDisplayGadgetOptionsInSideBarChange($event)\"\n [checked]=\"displayGadgetOptionsInSideBar\">\n (Experimental) When set the options are displayed in the side bar. Otherwise it is displayed within the gadget.\n</mat-slide-toggle>\n",
styles: [""]
},] }
];
OptionsConfigurationTabComponent.ctorParameters = () => [
{ type: OptionsService },
{ type: ToastService }
];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3B0aW9ucy1jb25maWd1cmF0aW9uLXRhYi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL2JlbmxpL3dvcmtzcGFjZXMvbmd4LWR5bmFtaWMtZGFzaGJvYXJkLWZyYW1ld29yay9wcm9qZWN0cy9uZ3gtZHluYW1pYy1kYXNoYm9hcmQvc3JjLyIsInNvdXJjZXMiOlsiZGFzaGJvYXJkL2NvbmZpZ3VyYXRpb24vdGFiLW9wdGlvbnMvb3B0aW9ucy1jb25maWd1cmF0aW9uLXRhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxPQUFPLEVBQUMsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3hDLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxXQUFXLENBQUM7QUFDekMsT0FBTyxFQUFDLFlBQVksRUFBQyxNQUFNLDJCQUEyQixDQUFDO0FBUXZELE1BQU0sT0FBTyxnQ0FBZ0M7SUFLekMsWUFBb0IsZUFBK0IsRUFBVSxhQUEyQjtRQUFwRSxvQkFBZSxHQUFmLGVBQWUsQ0FBZ0I7UUFBVSxrQkFBYSxHQUFiLGFBQWEsQ0FBYztRQUVwRixJQUFJLENBQUMsV0FBVyxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsZUFBZSxFQUFFLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDekUsSUFBSSxDQUFDLDZCQUE2QixHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsZUFBZSxFQUFFLENBQUMsK0JBQStCLENBQUMsQ0FBQztJQUNqSCxDQUFDO0lBRUQsb0JBQW9CLENBQUMsS0FBSztRQUV0QixJQUFJLENBQUMsZUFBZSxDQUFDLGVBQWUsQ0FDaEM7WUFDSSxhQUFhLEVBQUUsS0FBSyxDQUFDLFNBQVMsQ0FBQztZQUMvQiwrQkFBK0IsRUFBRSxJQUFJLENBQUMsNkJBQTZCO1NBRXRFLENBQUMsQ0FBQztRQUNQLElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLHNDQUFzQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ2pGLENBQUM7SUFFRCxxQ0FBcUMsQ0FBQyxLQUFLO1FBRXZDLElBQUksQ0FBQyxlQUFlLENBQUMsZUFBZSxDQUFDO1lBQ2pDLGFBQWEsRUFBRSxJQUFJLENBQUMsV0FBVztZQUMvQiwrQkFBK0IsRUFBRSxLQUFLLENBQUMsU0FBUyxDQUFDO1NBRXBELENBQUMsQ0FBQztRQUNILElBQUksQ0FBQyxhQUFhLENBQUMsV0FBVyxDQUFDLHNDQUFzQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBRWpGLENBQUM7OztZQXJDSixTQUFTLFNBQUM7Z0JBQ1AsUUFBUSxFQUFFLDhCQUE4QjtnQkFDeEMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxFQUFFO2dCQUNuQixzcEJBQTBCOzthQUU3Qjs7O1lBUk8sY0FBYztZQUNkLFlBQVkiLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENyZWF0ZWQgYnkgamF5aGFtaWx0b24gb24gMS8yNC8xNy5cbiAqL1xuaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPcHRpb25zU2VydmljZX0gZnJvbSAnLi9zZXJ2aWNlJztcbmltcG9ydCB7VG9hc3RTZXJ2aWNlfSBmcm9tICcuLi8uLi90b2FzdC90b2FzdC5zZXJ2aWNlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkYXNoYm9hcmQtb3B0aW9ucy1jb25maWctdGFiJyxcbiAgICBtb2R1bGVJZDogbW9kdWxlLmlkLFxuICAgIHRlbXBsYXRlVXJsOiAnLi92aWV3Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL3N0eWxlcy5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBPcHRpb25zQ29uZmlndXJhdGlvblRhYkNvbXBvbmVudCB7XG5cbiAgICBlbmFibGVIb3ZlcjogYm9vbGVhbjtcbiAgICBkaXNwbGF5R2FkZ2V0T3B0aW9uc0luU2lkZUJhcjogYm9vbGVhbjtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX29wdGlvbnNTZXJ2aWNlOiBPcHRpb25zU2VydmljZSwgcHJpdmF0ZSBfdG9hc3RTZXJ2aWNlOiBUb2FzdFNlcnZpY2UpIHtcblxuICAgICAgICB0aGlzLmVuYWJsZUhvdmVyID0gdGhpcy5fb3B0aW9uc1NlcnZpY2UuZ2V0Qm9hcmRPcHRpb25zKClbJ2VuYWJsZUhvdmVyJ107XG4gICAgICAgIHRoaXMuZGlzcGxheUdhZGdldE9wdGlvbnNJblNpZGVCYXIgPSB0aGlzLl9vcHRpb25zU2VydmljZS5nZXRCb2FyZE9wdGlvbnMoKVsnZGlzcGxheUdhZGdldE9wdGlvbnNJblNpZGVCYXInXTtcbiAgICB9XG5cbiAgICBvbkhvb3Zlck9wdGlvbkNoYW5nZSh2YWx1ZSkge1xuXG4gICAgICAgIHRoaXMuX29wdGlvbnNTZXJ2aWNlLnNldEJvYXJkT3B0aW9ucyhcbiAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAnZW5hYmxlSG92ZXInOiB2YWx1ZVsnY2hlY2tlZCddLFxuICAgICAgICAgICAgICAgICdkaXNwbGF5R2FkZ2V0T3B0aW9uc0luU2lkZUJhcic6IHRoaXMuZGlzcGxheUdhZGdldE9wdGlvbnNJblNpZGVCYXJcblxuICAgICAgICAgICAgfSk7XG4gICAgICAgIHRoaXMuX3RvYXN0U2VydmljZS5zZW5kTWVzc2FnZSgnVGhlIGJvYXJkIGNvbmZpZ3VyYXRpb24gaGFzIGNoYW5nZWQhJywgbnVsbCk7XG4gICAgfVxuXG4gICAgb25EaXNwbGF5R2FkZ2V0T3B0aW9uc0luU2lkZUJhckNoYW5nZSh2YWx1ZSkge1xuXG4gICAgICAgIHRoaXMuX29wdGlvbnNTZXJ2aWNlLnNldEJvYXJkT3B0aW9ucyh7XG4gICAgICAgICAgICAnZW5hYmxlSG92ZXInOiB0aGlzLmVuYWJsZUhvdmVyLFxuICAgICAgICAgICAgJ2Rpc3BsYXlHYWRnZXRPcHRpb25zSW5TaWRlQmFyJzogdmFsdWVbJ2NoZWNrZWQnXVxuXG4gICAgICAgIH0pO1xuICAgICAgICB0aGlzLl90b2FzdFNlcnZpY2Uuc2VuZE1lc3NhZ2UoJ1RoZSBib2FyZCBjb25maWd1cmF0aW9uIGhhcyBjaGFuZ2VkIScsIG51bGwpO1xuXG4gICAgfVxuXG59XG4iXX0=