ngx-dynamic-dashboard
Version:
an dashboard lib for angular 10
56 lines • 7.93 kB
JavaScript
/**
* Created by jayhamilton on 2/28/17.
*/
import { Component, EventEmitter, Input, Output } from '@angular/core';
/**
* Created by jayhamilton on 2/26/17.
*/
export class GadgetHeaderComponent {
constructor() {
this.removeEvent = new EventEmitter();
this.toggleConfigModeEvent = new EventEmitter();
this.runEvent = new EventEmitter();
this.stopEvent = new EventEmitter();
this.helpEvent = new EventEmitter();
}
remove() {
this.removeEvent.emit();
}
toggleConfigMode() {
this.toggleConfigModeEvent.emit();
}
run() {
this.runEvent.emit();
}
stop() {
this.stopEvent.emit();
}
help() {
this.helpEvent.emit();
}
}
GadgetHeaderComponent.decorators = [
{ type: Component, args: [{
moduleId: module.id,
selector: 'dashboard-gadget-header',
template: "<div class=\"ui top attached label\">\n\n <button (click)=\"remove()\"\n *ngIf=\"showControls || globalOptions.enableHover\" class=\"compact ui button right floated\">\n <i class=\"trash icon\" style=\"margin-right:0 !important\"></i>\n </button>\n <button (click)=\"toggleConfigMode()\"\n *ngIf=\"showControls || globalOptions.enableHover && showConfigurationControl\" class=\"compact ui button right floated\">\n <i class=\"setting icon\" style=\"margin-right:0 !important\"></i>\n </button>\n <button (click)=\"help()\"\n *ngIf=\"showControls || globalOptions.enableHover\" class=\"compact ui button right floated\">\n <i class=\"info icon\" style=\"margin-right:0 !important\"></i>\n </button>\n\n <dashboard-gadget-operation-control (runEvent)=\"run()\"\n (stopEvent)=\"stop()\"\n *ngIf=\"showControls || globalOptions.enableHover\"\n [actionInitiated]=\"actionInitiated\"\n [gadgetHasOperationControls]=\"gadgetHasOperationControls\"\n [inConfig]=\"inConfig\"\n [inRun]=\"inRun\"\n [showOperationControls]=\"showOperationControls\">\n\n </dashboard-gadget-operation-control>\n\n <div class=\"ui top left floated label ct-title\">{{title}}</div>\n</div>\n<div class=\"spacer\"></div>\n",
styles: [".gadget{color:grey;font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif;margin-bottom:15px!important;min-height:inherit!important}:host /deep/ div:not(.proppages){display:block!important;margin-left:auto;margin-right:auto}.ui.form .field>label{color:grey;font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif;font-size:1.3em!important;font-weight:300}#bt{text-align:center!important}input{border:none!important;font-size:1.3em!important;font-weight:300!important;outline:none!important;padding:5px;width:75%!important}.ct-title,input{font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif}.ct-title{color:#585858!important;font-size:1.5em!important;font-weight:500!important;text-align:left!important}.ui.top.attached.label,.ui.top.left.floated.label{background-color:#fff}hr{border-style:solid;color:#000;font-weight:300!important;height:1px}.ui[class*=\"top attached\"].label:before{border-bottom:0 solid #d0d3d6;bottom:5px;content:\"\";height:1px;left:2%;position:absolute;width:95%}.spacer{height:2em}.ui.items>.item>.content>.description{color:#a9a9a9!important}.suggestions>li{background-color:#fff!important}td{color:grey}td,th{font-family:Helvetica Neue,Helvetica,Open Sans,Arial,Lucida Grande,sans-serif}th{color:#369}.example-full-width{width:100%}h4{font-weight:400}.ui.segment{border:none;box-shadow:none}"]
},] }
];
GadgetHeaderComponent.propDecorators = {
title: [{ type: Input }],
showControls: [{ type: Input }],
inRun: [{ type: Input }],
inConfig: [{ type: Input }],
actionInitiated: [{ type: Input }],
showOperationControls: [{ type: Input }],
showConfigurationControl: [{ type: Input }],
gadgetHasOperationControls: [{ type: Input }],
globalOptions: [{ type: Input }],
removeEvent: [{ type: Output }],
toggleConfigModeEvent: [{ type: Output }],
runEvent: [{ type: Output }],
stopEvent: [{ type: Output }],
helpEvent: [{ type: Output }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZ2FkZ2V0LWhlYWRlci1jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiL1VzZXJzL2JlbmxpL3dvcmtzcGFjZXMvbmd4LWR5bmFtaWMtZGFzaGJvYXJkLWZyYW1ld29yay9wcm9qZWN0cy9uZ3gtZHluYW1pYy1kYXNoYm9hcmQvc3JjLyIsInNvdXJjZXMiOlsiZGFzaGJvYXJkL2dhZGdldHMvX2NvbW1vbi9nYWRnZXQtaGVhZGVyLWNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUNILE9BQU8sRUFBQyxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFckU7O0dBRUc7QUFRSCxNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBZ0JjLGdCQUFXLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDcEQsMEJBQXFCLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7UUFDOUQsYUFBUSxHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQ2pELGNBQVMsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUNsRCxjQUFTLEdBQXNCLElBQUksWUFBWSxFQUFFLENBQUM7SUEwQmhFLENBQUM7SUF2QkcsTUFBTTtRQUNGLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLENBQUM7SUFDNUIsQ0FBQztJQUVELGdCQUFnQjtRQUNaLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN0QyxDQUFDO0lBRUQsR0FBRztRQUVDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLENBQUM7SUFFekIsQ0FBQztJQUVELElBQUk7UUFFQSxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJO1FBQ0EsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMxQixDQUFDOzs7WUE1Q0osU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxNQUFNLENBQUMsRUFBRTtnQkFDbkIsUUFBUSxFQUFFLHlCQUF5QjtnQkFDbkMscWhEQUFtQzs7YUFFdEM7OztvQkFFSSxLQUFLOzJCQUNMLEtBQUs7b0JBQ0wsS0FBSzt1QkFDTCxLQUFLOzhCQUNMLEtBQUs7b0NBQ0wsS0FBSzt1Q0FDTCxLQUFLO3lDQUNMLEtBQUs7NEJBQ0wsS0FBSzswQkFDTCxNQUFNO29DQUNOLE1BQU07dUJBQ04sTUFBTTt3QkFDTixNQUFNO3dCQUNOLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyIvKipcbiAqIENyZWF0ZWQgYnkgamF5aGFtaWx0b24gb24gMi8yOC8xNy5cbiAqL1xuaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQ3JlYXRlZCBieSBqYXloYW1pbHRvbiBvbiAyLzI2LzE3LlxuICovXG5cbkBDb21wb25lbnQoe1xuICAgIG1vZHVsZUlkOiBtb2R1bGUuaWQsXG4gICAgc2VsZWN0b3I6ICdkYXNoYm9hcmQtZ2FkZ2V0LWhlYWRlcicsXG4gICAgdGVtcGxhdGVVcmw6ICcuL2dhZGdldC1oZWFkZXIuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vc3R5bGVzLWdhZGdldC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBHYWRnZXRIZWFkZXJDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIHRpdGxlOiBzdHJpbmc7XG4gICAgQElucHV0KCkgc2hvd0NvbnRyb2xzOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGluUnVuOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGluQ29uZmlnOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGFjdGlvbkluaXRpYXRlZDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBzaG93T3BlcmF0aW9uQ29udHJvbHM6IGJvb2xlYW47XG4gICAgQElucHV0KCkgc2hvd0NvbmZpZ3VyYXRpb25Db250cm9sOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGdhZGdldEhhc09wZXJhdGlvbkNvbnRyb2xzOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGdsb2JhbE9wdGlvbnM6IGFueTtcbiAgICBAT3V0cHV0KCkgcmVtb3ZlRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSB0b2dnbGVDb25maWdNb2RlRXZlbnQ6IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICAgIEBPdXRwdXQoKSBydW5FdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIHN0b3BFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIGhlbHBFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG5cblxuICAgIHJlbW92ZSgpIHtcbiAgICAgICAgdGhpcy5yZW1vdmVFdmVudC5lbWl0KCk7XG4gICAgfVxuXG4gICAgdG9nZ2xlQ29uZmlnTW9kZSgpIHtcbiAgICAgICAgdGhpcy50b2dnbGVDb25maWdNb2RlRXZlbnQuZW1pdCgpO1xuICAgIH1cblxuICAgIHJ1bigpIHtcblxuICAgICAgICB0aGlzLnJ1bkV2ZW50LmVtaXQoKTtcblxuICAgIH1cblxuICAgIHN0b3AoKSB7XG5cbiAgICAgICAgdGhpcy5zdG9wRXZlbnQuZW1pdCgpO1xuICAgIH1cblxuICAgIGhlbHAoKSB7XG4gICAgICAgIHRoaXMuaGVscEV2ZW50LmVtaXQoKTtcbiAgICB9XG5cbn1cbiJdfQ==