ngx-dynamic-dashboard
Version:
an dashboard lib for angular 10
56 lines • 7.17 kB
JavaScript
/**
* Created by jayhamilton on 1/24/17.
*/
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { ConfigurationService } from '../../services/configuration.service';
import { environment } from '../../../environments/environment';
/**
* 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 BoardsConfigurationTabComponent {
constructor(_configurationService) {
this._configurationService = _configurationService;
this.dashboardCreateEvent = new EventEmitter();
this.dashboardEditEvent = new EventEmitter();
this.dashboardDeleteEvent = new EventEmitter();
this.newDashboardItem = '';
this.env = environment;
}
createBoard(name) {
if (name !== '') {
this.dashboardCreateEvent.emit(name);
this.newDashboardItem = '';
}
}
editBoard(name) {
this.dashboardEditEvent.emit(name);
}
deleteBoard(name) {
this.dashboardDeleteEvent.emit(name);
}
}
BoardsConfigurationTabComponent.decorators = [
{ type: Component, args: [{
selector: 'dashboard-config-tab',
moduleId: module.id,
template: "<table class=\"ui padded table\">\n <thead>\n <th class=\"index-column\">#</th>\n <th>name</th>\n <th></th>\n </thead>\n <tr *ngFor=\"let board of dashboardList; let i = index\" class=\"ui basic segment\">\n <td class=\"index-column\">{{i + 1}}</td>\n <td>{{board}}</td>\n <td style=\"text-align:right\">\n <a (click)=\"deleteBoard(board)\" mat-mini-fab routerLink=\".\">\n <mat-icon>clear</mat-icon>\n </a>\n </td>\n </tr>\n</table>\n\n<div class=\"ui basic segment\">\n\n <div class=\"grid-row\">\n <mat-form-field class=\"example-full-width\">\n <input [(ngModel)]=\"newDashboardItem\" matInput placeholder=\"Enter Dashboard Name\">\n </mat-form-field>\n\n <a (click)=\"createBoard(newDashboardItem)\" color='primary' mat-mini-fab routerLink=\".\">\n <mat-icon>add</mat-icon>\n </a>\n </div>\n\n</div>\n",
styles: ["input{font-family:Roboto,sans-serif!important;font-size:1.1em;font-weight:300!important;outline:none!important;padding:5px}label{color:#4a4d50!important;font-family:Roboto,sans-serif;font-size:1.3em!important}label.endpoint{font-size:1em!important;line-height:1.5em!important}td.detail{background-color:#fff!important}.index-column{background-color:#ddebf5!important;border:none!important;width:5%!important}.index-column,.ui.table thead th td{color:#788ca0!important}.ui.table{color:rgba(97,97,97,.68)!important}.inLine{display:inline-block;padding-left:4px;padding-right:4px}.example-full-width{width:100%}.grid-row{align-items:center;display:flex;justify-content:space-around}"]
},] }
];
BoardsConfigurationTabComponent.ctorParameters = () => [
{ type: ConfigurationService }
];
BoardsConfigurationTabComponent.propDecorators = {
dashboardCreateEvent: [{ type: Output }],
dashboardEditEvent: [{ type: Output }],
dashboardDeleteEvent: [{ type: Output }],
dashboardList: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYm9hcmRzLWNvbmZpZ3VyYXRpb24tdGFiLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvYmVubGkvd29ya3NwYWNlcy9uZ3gtZHluYW1pYy1kYXNoYm9hcmQtZnJhbWV3b3JrL3Byb2plY3RzL25neC1keW5hbWljLWRhc2hib2FyZC9zcmMvIiwic291cmNlcyI6WyJkYXNoYm9hcmQvY29uZmlndXJhdGlvbi90YWItYm9hcmRzL2JvYXJkcy1jb25maWd1cmF0aW9uLXRhYi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFDSCxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBRXJFLE9BQU8sRUFBQyxvQkFBb0IsRUFBQyxNQUFNLHNDQUFzQyxDQUFDO0FBQzFFLE9BQU8sRUFBQyxXQUFXLEVBQUMsTUFBTSxtQ0FBbUMsQ0FBQTtBQUU3RDs7Ozs7Ozs7O0dBU0c7QUFRSCxNQUFNLE9BQU8sK0JBQStCO0lBV3hDLFlBQW9CLHFCQUEyQztRQUEzQywwQkFBcUIsR0FBckIscUJBQXFCLENBQXNCO1FBVHJELHlCQUFvQixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzdELHVCQUFrQixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBQzNELHlCQUFvQixHQUFzQixJQUFJLFlBQVksRUFBRSxDQUFDO1FBSXZFLHFCQUFnQixHQUFHLEVBQUUsQ0FBQztRQUtsQixJQUFJLENBQUMsR0FBRyxHQUFHLFdBQVcsQ0FBQztJQUUzQixDQUFDO0lBR0QsV0FBVyxDQUFDLElBQVk7UUFDcEIsSUFBSSxJQUFJLEtBQUssRUFBRSxFQUFFO1lBQ2IsSUFBSSxDQUFDLG9CQUFvQixDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztZQUNyQyxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsRUFBRSxDQUFDO1NBQzlCO0lBQ0wsQ0FBQztJQUVELFNBQVMsQ0FBQyxJQUFZO1FBQ2xCLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDdkMsQ0FBQztJQUVELFdBQVcsQ0FBQyxJQUFZO1FBQ3BCLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDekMsQ0FBQzs7O1lBdENKLFNBQVMsU0FBQztnQkFDUCxRQUFRLEVBQUUsc0JBQXNCO2dCQUNoQyxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQUU7Z0JBQ25CLGc4QkFBMEI7O2FBRzdCOzs7WUFuQk8sb0JBQW9COzs7bUNBc0J2QixNQUFNO2lDQUNOLE1BQU07bUNBQ04sTUFBTTs0QkFDTixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBDcmVhdGVkIGJ5IGpheWhhbWlsdG9uIG9uIDEvMjQvMTcuXG4gKi9cbmltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQge0NvbmZpZ3VyYXRpb25TZXJ2aWNlfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9jb25maWd1cmF0aW9uLnNlcnZpY2UnO1xuaW1wb3J0IHtlbnZpcm9ubWVudH0gZnJvbSAnLi4vLi4vLi4vZW52aXJvbm1lbnRzL2Vudmlyb25tZW50J1xuXG4vKipcbiAqIE1lc3NhZ2UgTW9kYWwgLSBjbGFzYWJsZSBtb2RhbCB3aXRoIG1lc3NhZ2VcbiAqXG4gKiBTZWxlY3RvciBtZXNzYWdlLW1vZGFsXG4gKlxuICogTWV0aG9kc1xuICogICAgICBwb3BNZXNzYWdlTW9kYWwgLSBkaXNwbGF5IGEgbWVzc2FnZSBtb2RhbCBmb3IgYSBzZXBjaWZpZWQgZHVyYXRpb25cbiAqICAgICAgc2hvd01lc3NhZ2VNb2RhbCAtIHNob3cgdGhlIG1lc3NhZ2UgbW9kYWxcbiAqICAgICAgaGlkZU1lc3NhZ2VNb2RhbCAtIGhpZGUgdGhlIG1lc3NhZ2UgbW9kYWxcbiAqL1xuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdkYXNoYm9hcmQtY29uZmlnLXRhYicsXG4gICAgbW9kdWxlSWQ6IG1vZHVsZS5pZCxcbiAgICB0ZW1wbGF0ZVVybDogJy4vdmlldy5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9zdHlsZXMuY3NzJ11cblxufSlcbmV4cG9ydCBjbGFzcyBCb2FyZHNDb25maWd1cmF0aW9uVGFiQ29tcG9uZW50IHtcblxuICAgIEBPdXRwdXQoKSBkYXNoYm9hcmRDcmVhdGVFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIGRhc2hib2FyZEVkaXRFdmVudDogRXZlbnRFbWl0dGVyPGFueT4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gICAgQE91dHB1dCgpIGRhc2hib2FyZERlbGV0ZUV2ZW50OiBFdmVudEVtaXR0ZXI8YW55PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgICBASW5wdXQoKSBkYXNoYm9hcmRMaXN0OiBhbnkgW107XG5cblxuICAgIG5ld0Rhc2hib2FyZEl0ZW0gPSAnJztcbiAgICBlbnY6IGFueTtcblxuICAgIGNvbnN0cnVjdG9yKHByaXZhdGUgX2NvbmZpZ3VyYXRpb25TZXJ2aWNlOiBDb25maWd1cmF0aW9uU2VydmljZSkge1xuXG4gICAgICAgIHRoaXMuZW52ID0gZW52aXJvbm1lbnQ7XG5cbiAgICB9XG5cblxuICAgIGNyZWF0ZUJvYXJkKG5hbWU6IHN0cmluZykge1xuICAgICAgICBpZiAobmFtZSAhPT0gJycpIHtcbiAgICAgICAgICAgIHRoaXMuZGFzaGJvYXJkQ3JlYXRlRXZlbnQuZW1pdChuYW1lKTtcbiAgICAgICAgICAgIHRoaXMubmV3RGFzaGJvYXJkSXRlbSA9ICcnO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgZWRpdEJvYXJkKG5hbWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLmRhc2hib2FyZEVkaXRFdmVudC5lbWl0KG5hbWUpO1xuICAgIH1cblxuICAgIGRlbGV0ZUJvYXJkKG5hbWU6IHN0cmluZykge1xuICAgICAgICB0aGlzLmRhc2hib2FyZERlbGV0ZUV2ZW50LmVtaXQobmFtZSk7XG4gICAgfVxuXG59XG4iXX0=