ng2-yk-notifier/notifier-container.component.js

Angular2 Notification Component

"use strict";
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
    return c > 3 && r && Object.defineProperty(target, key, r), r;
};
var __metadata = (this && this.__metadata) || function (k, v) {
    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
};
var __param = (this && this.__param) || function (paramIndex, decorator) {
    return function (target, key) { decorator(target, key, paramIndex); }
};
var core_1 = require("@angular/core");
var store_1 = require("@ngrx/store");
var messages_reducer_1 = require("./messages.reducer");
var notifier_options_service_1 = require("./notifier-options.service");
var NotifierContainerComponent = (function () {
    function NotifierContainerComponent(store, options) {
        this.store = store;
        this.maxStack = 5;
        this.position = ['bottom', 'right'];
        if (options) {
            Object.assign(this, options);
        }
    }
    NotifierContainerComponent.prototype.ngOnInit = function () {
        var _this = this;
        this.selectNoticesSub = this.store.select('messages').subscribe(function (data) { return _this.notices = data; });
    };
    NotifierContainerComponent.prototype.ngOnDestroy = function () {
        this.selectNoticesSub.unsubscribe();
    };
    NotifierContainerComponent.prototype.addNotice = function (notice) {
        this.store.dispatch({ type: messages_reducer_1.ADD_NOTICE, payload: notice });
    };
    NotifierContainerComponent.prototype.removeNotice = function (notice) {
        if (notice) {
            this.store.dispatch({ type: messages_reducer_1.REMOVE_NOTICE, payload: notice });
        }
        else {
            this.store.dispatch({ type: messages_reducer_1.REMOVE_ALL });
        }
    };
    NotifierContainerComponent.prototype.anyNotices = function () {
        return this.notices.length > 0;
    };
    NotifierContainerComponent = __decorate([
        core_1.Component({
            selector: 'app-notifier-container',
            template: "<div class=\"notifier-wrapper\" *ngIf=\"notices\" [ngClass]=\"position\"><ng2-notifier-message *ngFor=\"let message of notices| max: maxStack\" [notice]=\"message\"></ng2-notifier-message></div>",
            styles: [".notifier-wrapper{position:fixed}.notifier-wrapper.left{left:16px;left:1rem}.notifier-wrapper.bottom{bottom:16px;bottom:1rem}.notifier-wrapper.right{right:16px;right:1rem}.notifier-wrapper.top{top:16px;top:1rem}.notifier-wrapper.center{left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}"],
        }),
        __param(1, core_1.Optional()), 
        __metadata('design:paramtypes', [store_1.Store, notifier_options_service_1.NotifierOptions])
    ], NotifierContainerComponent);
    return NotifierContainerComponent;
}());
exports.NotifierContainerComponent = NotifierContainerComponent;

//# sourceMappingURL=notifier-container.component.js.map