ngx-dynamic-dashboard
Version:
an dashboard lib for angular 10
33 lines • 5.39 kB
JavaScript
import { Component } from '@angular/core';
export class NotificationComponent {
constructor() {
this.notificationFilters = [];
this.currentNotificationFilter = {
name: '',
count: 0
};
this.modalHeader = 'Notifications';
this.notificationFilters.push({ name: 'Unacknowledged', count: 4 });
this.notificationFilters.push({ name: 'All Notifications', count: 4 });
this.notificationFilters.push({ name: 'Trend Gadget', count: 4 });
this.notificationFilters.push({ name: 'CPU Gadget', count: 0 });
this.setSelectedNotificationFilter({ name: 'Unacknowledged', count: 4 });
}
ngOnInit() {
}
ngAfterViewInit() {
}
setSelectedNotificationFilter(item) {
this.currentNotificationFilter = item;
}
}
NotificationComponent.decorators = [
{ type: Component, args: [{
moduleId: module.id,
selector: 'dashboard-notification-modal',
template: "<!-- <div class=\"ui long modal\" #notificationModalTag> -->\n<br>\n<div class=\"header\">\n <h2><span style=\"padding: 30px; color:white\">{{modalHeader}}</span></h2>\n</div>\n\n\n<!--todo this should be two tables, one for the top filters and another for the component specific filters -->\n<table class=\"ui inverted selectable celled table\">\n <tbody>\n <tr (click)=\"setSelectedNotificationFilter(item)\"\n *ngFor=\"let item of notificationFilters; let idx = index\">\n <td [ngClass]=\"{'selected': item.name == currentNotificationFilter.name, 'components': idx==1}\">\n <div style=\"float:left;text-align:left\">{{item.name}}</div>\n <div style=\"float:right;text-align: right\">{{item.count}}</div>\n </td>\n </tr>\n </tbody>\n</table>\n\n<div>\n\n <div *ngIf=\"currentNotificationFilter\">\n\n <dashboard-notification-detail></dashboard-notification-detail>\n </div>\n\n</div>\n\n\n\n",
styles: [".components{border-bottom:solid!important;border-bottom-color:hsla(0,0%,50.2%,.69)!important;border-bottom-width:thin!important}td.selected{background-color:#4fa6d3!important;color:#fff;font-weight:lighter}td{line-height:1.7}.ui.table tr td{border:none}tr{cursor:pointer}"]
},] }
];
NotificationComponent.ctorParameters = () => [];
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIvVXNlcnMvYmVubGkvd29ya3NwYWNlcy9uZ3gtZHluYW1pYy1kYXNoYm9hcmQtZnJhbWV3b3JrL3Byb2plY3RzL25neC1keW5hbWljLWRhc2hib2FyZC9zcmMvIiwic291cmNlcyI6WyJkYXNoYm9hcmQvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi1jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFnQixTQUFTLEVBQVMsTUFBTSxlQUFlLENBQUM7QUFVL0QsTUFBTSxPQUFPLHFCQUFxQjtJQVc5QjtRQVRBLHdCQUFtQixHQUFXLEVBQUUsQ0FBQztRQUNqQyw4QkFBeUIsR0FBRztZQUN4QixJQUFJLEVBQUUsRUFBRTtZQUNSLEtBQUssRUFBRSxDQUFDO1NBQ1gsQ0FBQztRQUdGLGdCQUFXLEdBQUcsZUFBZSxDQUFDO1FBSTFCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsRUFBQyxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7UUFDbEUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLElBQUksQ0FBQyxFQUFDLElBQUksRUFBRSxtQkFBbUIsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQztRQUNyRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEVBQUMsSUFBSSxFQUFFLGNBQWMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQztRQUNoRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEVBQUMsSUFBSSxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFDLENBQUMsQ0FBQztRQUM5RCxJQUFJLENBQUMsNkJBQTZCLENBQUMsRUFBQyxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUsS0FBSyxFQUFFLENBQUMsRUFBQyxDQUFDLENBQUM7SUFFM0UsQ0FBQztJQUVELFFBQVE7SUFDUixDQUFDO0lBRUQsZUFBZTtJQUVmLENBQUM7SUFFRCw2QkFBNkIsQ0FBQyxJQUFJO1FBRTlCLElBQUksQ0FBQyx5QkFBeUIsR0FBRyxJQUFJLENBQUM7SUFFMUMsQ0FBQzs7O1lBdkNKLFNBQVMsU0FBQztnQkFFUCxRQUFRLEVBQUUsTUFBTSxDQUFDLEVBQUU7Z0JBQ25CLFFBQVEsRUFBRSw4QkFBOEI7Z0JBQ3hDLGc5QkFBNEM7O2FBRS9DIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtBZnRlclZpZXdJbml0LCBDb21wb25lbnQsIE9uSW5pdH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cblxuQENvbXBvbmVudCh7XG5cbiAgICBtb2R1bGVJZDogbW9kdWxlLmlkLFxuICAgIHNlbGVjdG9yOiAnZGFzaGJvYXJkLW5vdGlmaWNhdGlvbi1tb2RhbCcsXG4gICAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi1jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLWNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIEFmdGVyVmlld0luaXQge1xuXG4gICAgbm90aWZpY2F0aW9uRmlsdGVyczogYW55IFtdID0gW107XG4gICAgY3VycmVudE5vdGlmaWNhdGlvbkZpbHRlciA9IHtcbiAgICAgICAgbmFtZTogJycsXG4gICAgICAgIGNvdW50OiAwXG4gICAgfTtcblxuICAgIG5vdGlmaWNhdGlvbk1vZGFsOiBhbnk7XG4gICAgbW9kYWxIZWFkZXIgPSAnTm90aWZpY2F0aW9ucyc7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHtcblxuICAgICAgICB0aGlzLm5vdGlmaWNhdGlvbkZpbHRlcnMucHVzaCh7bmFtZTogJ1VuYWNrbm93bGVkZ2VkJywgY291bnQ6IDR9KTtcbiAgICAgICAgdGhpcy5ub3RpZmljYXRpb25GaWx0ZXJzLnB1c2goe25hbWU6ICdBbGwgTm90aWZpY2F0aW9ucycsIGNvdW50OiA0fSk7XG4gICAgICAgIHRoaXMubm90aWZpY2F0aW9uRmlsdGVycy5wdXNoKHtuYW1lOiAnVHJlbmQgR2FkZ2V0JywgY291bnQ6IDR9KTtcbiAgICAgICAgdGhpcy5ub3RpZmljYXRpb25GaWx0ZXJzLnB1c2goe25hbWU6ICdDUFUgR2FkZ2V0JywgY291bnQ6IDB9KTtcbiAgICAgICAgdGhpcy5zZXRTZWxlY3RlZE5vdGlmaWNhdGlvbkZpbHRlcih7bmFtZTogJ1VuYWNrbm93bGVkZ2VkJywgY291bnQ6IDR9KTtcblxuICAgIH1cblxuICAgIG5nT25Jbml0KCkge1xuICAgIH1cblxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcblxuICAgIH1cblxuICAgIHNldFNlbGVjdGVkTm90aWZpY2F0aW9uRmlsdGVyKGl0ZW0pIHtcblxuICAgICAgICB0aGlzLmN1cnJlbnROb3RpZmljYXRpb25GaWx0ZXIgPSBpdGVtO1xuXG4gICAgfVxuXG59XG4iXX0=