ngx-admin-lte/esm2015/widgets/messages-box/messages-box.component.js

AdminLTE theme for angular

import * as tslib_1 from "tslib";
import { Component } from '@angular/core';
import { MessagesService } from '../../services/messages.service';
import { LoggerService } from '../../services/logger.service';
let MessagesBoxComponent = class MessagesBoxComponent {
    constructor(msgServ, logger) {
        this.msgServ = msgServ;
        this.logger = logger;
        this.msgLength = { 0: 0 };
        this.messages = [];
    }
    ngOnInit() {
        // Every incoming message changes entire local message Array.
        this.msgServ.messages.subscribe((msg) => {
            this.logger.log('MsgBox', null, 'RECEIVED.MESSAGE', null);
            this.messages = msg;
            this.msgLength = { 0: this.messages.length };
        });
    }
};
MessagesBoxComponent.ctorParameters = () => [
    { type: MessagesService },
    { type: LoggerService }
];
MessagesBoxComponent = tslib_1.__decorate([
    Component({
        /* tslint:disable */
        selector: '.messagesBox',
        template: "<!-- Menu toggle button -->\n<a href=\"#\" class=\"dropdown-toggle\" data-toggle=\"dropdown\"> <i\n\tclass=\"fa fa-envelope-o\"></i> <span class=\"label label-success\"\n\t[innerHTML]=\"messages.length\"></span>\n</a>\n<ul class=\"dropdown-menu\">\n\t<li class=\"header\">{{ 'MSGBOX.COUNT' | translate:msgLength }}</li>\n\t<li>\n\t\t<!-- inner menu: contains the messages -->\n\t\t<ul class=\"menu\">\n\t\t\t<li *ngFor=\"let msg of messages; let i = index\">\n\t\t\t\t<!-- start message --> <a href=\"#\">\n\t\t\t\t\t<div class=\"pull-left\">\n\t\t\t\t\t\t<!-- User Image -->\n\t\t\t\t\t\t<img src=\"{{msg.author.avatarUrl}}\" class=\"img-circle\"\n\t\t\t\t\t\t\talt=\"{{ msg.author.getName() }}\">\n\t\t\t\t\t</div> <!-- Message title and timestamp -->\n\t\t\t\t\t<h4>\n\t\t\t\t\t\t{{msg.title}} <small><i class=\"fa fa-clock-o\"></i>\n\t\t\t\t\t\t\t{{msg.date | date:'yMd' }}</small>\n\t\t\t\t\t</h4> <!-- The message -->\n\t\t\t\t\t<p>{{msg.content}}</p>\n\t\t\t</a>\n\t\t\t</li>\n\t\t\t<!-- end message -->\n\t\t</ul> <!-- /.menu -->\n\t</li>\n\t<li class=\"footer\">\n    <a href=\"#\">{{ 'MSGBOX.FOOTER' | translate }}</a>\n  </li>\n</ul>\n",
        styles: [""]
    })
], MessagesBoxComponent);
export { MessagesBoxComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZXMtYm94LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL25neC1hZG1pbi1sdGUvIiwic291cmNlcyI6WyJ3aWRnZXRzL21lc3NhZ2VzLWJveC9tZXNzYWdlcy1ib3guY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFpQixNQUFNLGVBQWUsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBVTlELElBQWEsb0JBQW9CLEdBQWpDLE1BQWEsb0JBQW9CO0lBSzdCLFlBQXFCLE9BQXdCLEVBQVUsTUFBcUI7UUFBdkQsWUFBTyxHQUFQLE9BQU8sQ0FBaUI7UUFBVSxXQUFNLEdBQU4sTUFBTSxDQUFlO1FBRjVFLGNBQVMsR0FBRyxFQUFFLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQztRQUdqQixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRU0sUUFBUTtRQUNYLDZEQUE2RDtRQUM3RCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBRSxHQUFjLEVBQUcsRUFBRTtZQUNqRCxJQUFJLENBQUMsTUFBTSxDQUFDLEdBQUcsQ0FBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLGtCQUFrQixFQUFFLElBQUksQ0FBRSxDQUFDO1lBQzVELElBQUksQ0FBQyxRQUFRLEdBQUcsR0FBRyxDQUFDO1lBQ3BCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDLEVBQUUsSUFBSSxDQUFDLFFBQVEsQ0FBQyxNQUFNLEVBQUUsQ0FBQztRQUNqRCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7Q0FDSixDQUFBOztZQVppQyxlQUFlO1lBQWtCLGFBQWE7O0FBTG5FLG9CQUFvQjtJQVBoQyxTQUFTLENBQUU7UUFDUixvQkFBb0I7UUFDcEIsUUFBUSxFQUFFLGNBQWM7UUFHeEIsc29DQUE0Qzs7S0FDL0MsQ0FBQztHQUNXLG9CQUFvQixDQWlCaEM7U0FqQlksb0JBQW9CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNZXNzYWdlc1NlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9tZXNzYWdlcy5zZXJ2aWNlJztcbmltcG9ydCB7IExvZ2dlclNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9sb2dnZXIuc2VydmljZSc7XG5pbXBvcnQgeyBNZXNzYWdlIH0gZnJvbSAnLi4vLi4vbW9kZWxzL21lc3NhZ2UnO1xuXG5AQ29tcG9uZW50KCB7XG4gICAgLyogdHNsaW50OmRpc2FibGUgKi9cbiAgICBzZWxlY3RvcjogJy5tZXNzYWdlc0JveCcsXG4gICAgLyogdHNsaW50OmVuYWJsZSAqL1xuICAgIHN0eWxlVXJsczogWycuL21lc3NhZ2VzLWJveC5jb21wb25lbnQuY3NzJ10sXG4gICAgdGVtcGxhdGVVcmw6ICcuL21lc3NhZ2VzLWJveC5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgTWVzc2FnZXNCb3hDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIC8vIERlY2xhcmluZyB0aGUgdmFyaWFibGUgZm9yIGJpbmRpbmcgd2l0aCBpbml0aWFsIHZhbHVlXG4gICAgcHVibGljIG1lc3NhZ2VzOiBNZXNzYWdlW107XG4gICAgbXNnTGVuZ3RoID0geyAwOiAwIH07XG5cbiAgICBjb25zdHJ1Y3RvciggcHJpdmF0ZSBtc2dTZXJ2OiBNZXNzYWdlc1NlcnZpY2UsIHByaXZhdGUgbG9nZ2VyOiBMb2dnZXJTZXJ2aWNlICkge1xuICAgICAgICB0aGlzLm1lc3NhZ2VzID0gW107XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25Jbml0KCkge1xuICAgICAgICAvLyBFdmVyeSBpbmNvbWluZyBtZXNzYWdlIGNoYW5nZXMgZW50aXJlIGxvY2FsIG1lc3NhZ2UgQXJyYXkuXG4gICAgICAgIHRoaXMubXNnU2Vydi5tZXNzYWdlcy5zdWJzY3JpYmUoKCBtc2c6IE1lc3NhZ2VbXSApID0+IHtcbiAgICAgICAgICAgIHRoaXMubG9nZ2VyLmxvZyggJ01zZ0JveCcsIG51bGwsICdSRUNFSVZFRC5NRVNTQUdFJywgbnVsbCApO1xuICAgICAgICAgICAgdGhpcy5tZXNzYWdlcyA9IG1zZztcbiAgICAgICAgICAgIHRoaXMubXNnTGVuZ3RoID0geyAwOiB0aGlzLm1lc3NhZ2VzLmxlbmd0aCB9O1xuICAgICAgICB9KTtcbiAgICB9XG59XG4iXX0=