ngx-admin-lte
Version:
AdminLTE theme for angular
34 lines • 4.9 kB
JavaScript
import * as tslib_1 from "tslib";
import { Component } from '@angular/core';
import { NotificationsService } from '../../services/notifications.service';
import { LoggerService } from '../../services/logger.service';
let NotificationBoxComponent = class NotificationBoxComponent {
constructor(notifServ, logger) {
this.notifServ = notifServ;
this.logger = logger;
this.notifLength = { 0: 0 };
this.notifications = [];
}
ngOnInit() {
// Every incoming notification changes entire local notification Array.
this.notifServ.notifications.subscribe((notif) => {
this.logger.log('NotificationBox', null, 'RECEIVED.NOTIFICATION', null);
this.notifications = notif;
this.notifLength = { 0: this.notifications.length };
});
}
};
NotificationBoxComponent.ctorParameters = () => [
{ type: NotificationsService },
{ type: LoggerService }
];
NotificationBoxComponent = tslib_1.__decorate([
Component({
/* tslint:disable */
selector: '.notificationsBox',
template: "<!-- Menu toggle button -->\n<a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\">\n\t<i class=\"fa fa-bell-o\"></i>\n\t<span class=\"label label-warning\">{{ notifications.length }}</span>\n</a>\n<ul class=\"dropdown-menu\">\n\t<li class=\"header\">{{ 'NOTIFBOX.COUNT' | translate:notifLength }}</li>\n\t<li>\n\t\t<!-- Inner Menu: contains the notifications -->\n\t\t<ul class=\"menu\">\n\t\t\t<li *ngFor=\"let notif of notifications.reverse(); let i = index\">\n\t\t\t\t<a routerLink=\"{{notif.link}}\">\n\t\t\t\t\t<i class=\"{{notif.class}}\"></i> {{notif.content}}\n\t\t\t\t</a>\n\t\t\t</li>\n\t\t\t<!-- end notification -->\n\t\t</ul>\n\t</li>\n\t<li class=\"footer\">\n\t\t<a href=\"#\">\n\t\t\t{{ 'NOTIFBOX.FOOTER' | translate }}\n\t\t</a>\n\t</li>\n</ul>\n",
styles: [""]
})
], NotificationBoxComponent);
export { NotificationBoxComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWJveC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9uZ3gtYWRtaW4tbHRlLyIsInNvdXJjZXMiOlsid2lkZ2V0cy9ub3RpZmljYXRpb24tYm94L25vdGlmaWNhdGlvbi1ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBRWxELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQVM5RCxJQUFhLHdCQUF3QixHQUFyQyxNQUFhLHdCQUF3QjtJQUtqQyxZQUFxQixTQUErQixFQUFVLE1BQXFCO1FBQTlELGNBQVMsR0FBVCxTQUFTLENBQXNCO1FBQVUsV0FBTSxHQUFOLE1BQU0sQ0FBZTtRQUZuRixnQkFBVyxHQUFHLEVBQUUsQ0FBQyxFQUFFLENBQUMsRUFBRSxDQUFDO1FBR25CLElBQUksQ0FBQyxhQUFhLEdBQUcsRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFTSxRQUFRO1FBQ1gsdUVBQXVFO1FBQ3ZFLElBQUksQ0FBQyxTQUFTLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFFLEtBQXFCLEVBQUcsRUFBRTtZQUMvRCxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBRSxpQkFBaUIsRUFBRSxJQUFJLEVBQUUsdUJBQXVCLEVBQUUsSUFBSSxDQUFFLENBQUM7WUFDMUUsSUFBSSxDQUFDLGFBQWEsR0FBRyxLQUFLLENBQUM7WUFDM0IsSUFBSSxDQUFDLFdBQVcsR0FBRyxFQUFFLENBQUMsRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sRUFBRSxDQUFDO1FBQ3hELENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztDQUVKLENBQUE7O1lBYm1DLG9CQUFvQjtZQUFrQixhQUFhOztBQUwxRSx3QkFBd0I7SUFQcEMsU0FBUyxDQUFFO1FBQ1Isb0JBQW9CO1FBQ3BCLFFBQVEsRUFBRSxtQkFBbUI7UUFHN0Isb3hCQUFnRDs7S0FDbkQsQ0FBQztHQUNXLHdCQUF3QixDQWtCcEM7U0FsQlksd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5vdGlmaWNhdGlvbiB9IGZyb20gJy4uLy4uL21vZGVscy9ub3RpZmljYXRpb24nO1xuaW1wb3J0IHsgTm90aWZpY2F0aW9uc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9ub3RpZmljYXRpb25zLnNlcnZpY2UnO1xuaW1wb3J0IHsgTG9nZ2VyU2VydmljZSB9IGZyb20gJy4uLy4uL3NlcnZpY2VzL2xvZ2dlci5zZXJ2aWNlJztcblxuQENvbXBvbmVudCgge1xuICAgIC8qIHRzbGludDpkaXNhYmxlICovXG4gICAgc2VsZWN0b3I6ICcubm90aWZpY2F0aW9uc0JveCcsXG4gICAgLyogdHNsaW50OmVuYWJsZSAqL1xuICAgIHN0eWxlVXJsczogWycuL25vdGlmaWNhdGlvbi1ib3guY29tcG9uZW50LmNzcyddLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9ub3RpZmljYXRpb24tYm94LmNvbXBvbmVudC5odG1sJ1xufSlcbmV4cG9ydCBjbGFzcyBOb3RpZmljYXRpb25Cb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuXG4gICAgcHVibGljIG5vdGlmaWNhdGlvbnM6IE5vdGlmaWNhdGlvbltdO1xuICAgIG5vdGlmTGVuZ3RoID0geyAwOiAwIH07XG5cbiAgICBjb25zdHJ1Y3RvciggcHJpdmF0ZSBub3RpZlNlcnY6IE5vdGlmaWNhdGlvbnNTZXJ2aWNlLCBwcml2YXRlIGxvZ2dlcjogTG9nZ2VyU2VydmljZSApIHtcbiAgICAgICAgdGhpcy5ub3RpZmljYXRpb25zID0gW107XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICAvLyBFdmVyeSBpbmNvbWluZyBub3RpZmljYXRpb24gY2hhbmdlcyBlbnRpcmUgbG9jYWwgbm90aWZpY2F0aW9uIEFycmF5LlxuICAgICAgICB0aGlzLm5vdGlmU2Vydi5ub3RpZmljYXRpb25zLnN1YnNjcmliZSgoIG5vdGlmOiBOb3RpZmljYXRpb25bXSApID0+IHtcbiAgICAgICAgICAgIHRoaXMubG9nZ2VyLmxvZyggJ05vdGlmaWNhdGlvbkJveCcsIG51bGwsICdSRUNFSVZFRC5OT1RJRklDQVRJT04nLCBudWxsICk7XG4gICAgICAgICAgICB0aGlzLm5vdGlmaWNhdGlvbnMgPSBub3RpZjtcbiAgICAgICAgICAgIHRoaXMubm90aWZMZW5ndGggPSB7IDA6IHRoaXMubm90aWZpY2F0aW9ucy5sZW5ndGggfTtcbiAgICAgICAgfSk7XG4gICAgfVxuXG59XG4iXX0=