@nepwork/dashboards
Version:
Dashboards for emergencies and monitoring
311 lines • 12.5 kB
JavaScript
/**
* @license
* Copyright Akveo. All Rights Reserved.
* Licensed under the MIT License. See License.txt in the project root for license information.
*/
import { __assign, __decorate, __metadata, __param } from "tslib";
import { ComponentFactoryResolver, Inject, Injectable } from '@angular/core';
import { NbComponentPortal } from '../cdk/overlay/mapping';
import { NbOverlayService, patch } from '../cdk/overlay/overlay-service';
import { NbPositionBuilderService } from '../cdk/overlay/overlay-position';
import { NbPositionHelper } from '../cdk/overlay/position-helper';
import { NbToastrContainerComponent } from './toastr-container.component';
import { NB_TOASTR_CONFIG, NbToastrConfig } from './toastr-config';
import { NB_DOCUMENT } from '../../theme.options';
var NbToastRef = /** @class */ (function () {
function NbToastRef(toastContainer, toast) {
this.toastContainer = toastContainer;
this.toast = toast;
}
NbToastRef.prototype.close = function () {
this.toastContainer.destroy(this.toast);
};
return NbToastRef;
}());
export { NbToastRef };
var NbToastContainer = /** @class */ (function () {
function NbToastContainer(position, containerRef, positionHelper) {
this.position = position;
this.containerRef = containerRef;
this.positionHelper = positionHelper;
this.toasts = [];
this.toastDuplicateCompareFunc = function (t1, t2) {
return t1.message === t2.message
&& t1.title === t2.title
&& t1.config.status === t2.config.status;
};
}
Object.defineProperty(NbToastContainer.prototype, "nativeElement", {
get: function () {
return this.containerRef.location.nativeElement;
},
enumerable: true,
configurable: true
});
NbToastContainer.prototype.attach = function (toast) {
if (toast.config.preventDuplicates && this.isDuplicate(toast)) {
return;
}
this.removeToastIfLimitReached(toast);
var toastComponent = this.attachToast(toast);
if (toast.config.destroyByClick) {
this.subscribeOnClick(toastComponent, toast);
}
if (toast.config.duration) {
this.setDestroyTimeout(toast);
}
this.prevToast = toast;
return new NbToastRef(this, toast);
};
NbToastContainer.prototype.destroy = function (toast) {
if (this.prevToast === toast) {
this.prevToast = null;
}
this.toasts = this.toasts.filter(function (t) { return t !== toast; });
this.updateContainer();
};
NbToastContainer.prototype.isDuplicate = function (toast) {
return toast.config.duplicatesBehaviour === 'previous'
? this.isDuplicatePrevious(toast)
: this.isDuplicateAmongAll(toast);
};
NbToastContainer.prototype.isDuplicatePrevious = function (toast) {
return this.prevToast && this.toastDuplicateCompareFunc(this.prevToast, toast);
};
NbToastContainer.prototype.isDuplicateAmongAll = function (toast) {
var _this = this;
return this.toasts.some(function (t) { return _this.toastDuplicateCompareFunc(t, toast); });
};
NbToastContainer.prototype.removeToastIfLimitReached = function (toast) {
if (!toast.config.limit || this.toasts.length < toast.config.limit) {
return;
}
if (this.positionHelper.isTopPosition(toast.config.position)) {
this.toasts.pop();
}
else {
this.toasts.shift();
}
};
NbToastContainer.prototype.attachToast = function (toast) {
if (this.positionHelper.isTopPosition(toast.config.position)) {
return this.attachToTop(toast);
}
else {
return this.attachToBottom(toast);
}
};
NbToastContainer.prototype.attachToTop = function (toast) {
this.toasts.unshift(toast);
this.updateContainer();
return this.containerRef.instance.toasts.first;
};
NbToastContainer.prototype.attachToBottom = function (toast) {
this.toasts.push(toast);
this.updateContainer();
return this.containerRef.instance.toasts.last;
};
NbToastContainer.prototype.setDestroyTimeout = function (toast) {
var _this = this;
setTimeout(function () { return _this.destroy(toast); }, toast.config.duration);
};
NbToastContainer.prototype.subscribeOnClick = function (toastComponent, toast) {
var _this = this;
toastComponent.destroy.subscribe(function () { return _this.destroy(toast); });
};
NbToastContainer.prototype.updateContainer = function () {
patch(this.containerRef, { content: this.toasts, position: this.position });
};
return NbToastContainer;
}());
export { NbToastContainer };
var NbToastrContainerRegistry = /** @class */ (function () {
function NbToastrContainerRegistry(overlay, positionBuilder, positionHelper, cfr, document) {
this.overlay = overlay;
this.positionBuilder = positionBuilder;
this.positionHelper = positionHelper;
this.cfr = cfr;
this.document = document;
this.overlays = new Map();
}
NbToastrContainerRegistry.prototype.get = function (position) {
var logicalPosition = this.positionHelper.toLogicalPosition(position);
var overlayWithContainer = this.overlays.get(logicalPosition);
if (!overlayWithContainer || !this.existsInDom(overlayWithContainer.toastrContainer)) {
if (overlayWithContainer) {
overlayWithContainer.overlayRef.dispose();
}
this.instantiateContainer(logicalPosition);
}
return this.overlays.get(logicalPosition).toastrContainer;
};
NbToastrContainerRegistry.prototype.instantiateContainer = function (position) {
var toastrOverlayWithContainer = this.createContainer(position);
this.overlays.set(position, toastrOverlayWithContainer);
};
NbToastrContainerRegistry.prototype.createContainer = function (position) {
var positionStrategy = this.positionBuilder.global().position(position);
var ref = this.overlay.create({ positionStrategy: positionStrategy });
this.addClassToOverlayHost(ref);
var containerRef = ref.attach(new NbComponentPortal(NbToastrContainerComponent, null, null, this.cfr));
return {
overlayRef: ref,
toastrContainer: new NbToastContainer(position, containerRef, this.positionHelper),
};
};
NbToastrContainerRegistry.prototype.addClassToOverlayHost = function (overlayRef) {
overlayRef.hostElement.classList.add('toastr-overlay-container');
};
NbToastrContainerRegistry.prototype.existsInDom = function (toastContainer) {
return this.document.body.contains(toastContainer.nativeElement);
};
NbToastrContainerRegistry = __decorate([
Injectable(),
__param(4, Inject(NB_DOCUMENT)),
__metadata("design:paramtypes", [NbOverlayService,
NbPositionBuilderService,
NbPositionHelper,
ComponentFactoryResolver, Object])
], NbToastrContainerRegistry);
return NbToastrContainerRegistry;
}());
export { NbToastrContainerRegistry };
/**
* The `NbToastrService` provides a capability to build toast notifications.
*
* @stacked-example(Showcase, toastr/toastr-showcase.component)
*
* `NbToastrService.show(message, title, config)` accepts three params, title and config are optional.
*
* ### Installation
*
* Import `NbToastrModule.forRoot()` to your app module.
* ```ts
* @NgModule({
* imports: [
* // ...
* NbToastrModule.forRoot(config),
* ],
* })
* export class AppModule { }
* ```
*
* ### Usage
*
* Calling `NbToastrService.show(...)` will render new toast and return `NbToastrRef` with
* help of which you may close newly created toast by calling `close` method.
*
* ```ts
* const toastRef: NbToastRef = this.toastrService.show(...);
* toastRef.close();
* ```
*
* Config accepts following options:
*
* `position` - determines where on the screen toast will be rendered.
* Default is `top-end`.
*
* @stacked-example(Position, toastr/toastr-positions.component)
*
* `status` - coloring and icon of the toast.
* Default is `basic`.
*
* @stacked-example(Status, toastr/toastr-statuses.component)
*
* `duration` - the time after which the toast will be destroyed.
* `0` means endless toast, that may be destroyed by click only.
* Default is 3000 ms.
*
* @stacked-example(Duration, toastr/toastr-duration.component)
*
* `destroyByClick` - provides a capability to destroy toast by click.
* Default is true.
*
* @stacked-example(Destroy by click, toastr/toastr-destroy-by-click.component)
*
* `preventDuplicates` - don't create new toast if it has the same title, message and status.
* Default is false.
*
* @stacked-example(Prevent duplicates, toastr/toastr-prevent-duplicates.component)
*
* `duplicatesBehaviour` - determines how to threat the toasts duplication.
* Compare with the previous message `previous`
* or with all visible messages `all`.
*
* @stacked-example(Prevent duplicates behaviour , toastr/toastr-prevent-duplicates-behaviour.component)
*
* `limit` - the number of visible toasts in the toast container. The number of toasts is unlimited by default.
*
* @stacked-example(Prevent duplicates behaviour , toastr/toastr-limit.component)
*
* `hasIcon` - if true then render toast icon.
* `icon` - you can pass icon class that will be applied into the toast.
*
* @stacked-example(Has icon, toastr/toastr-icon.component)
* */
var NbToastrService = /** @class */ (function () {
function NbToastrService(globalConfig, containerRegistry) {
this.globalConfig = globalConfig;
this.containerRegistry = containerRegistry;
}
/**
* Shows toast with message, title and user config.
* */
NbToastrService.prototype.show = function (message, title, userConfig) {
var config = new NbToastrConfig(__assign(__assign({}, this.globalConfig), userConfig));
var container = this.containerRegistry.get(config.position);
var toast = { message: message, title: title, config: config };
return container.attach(toast);
};
/**
* Shows success toast with message, title and user config.
* */
NbToastrService.prototype.success = function (message, title, config) {
return this.show(message, title, __assign(__assign({}, config), { status: 'success' }));
};
/**
* Shows info toast with message, title and user config.
* */
NbToastrService.prototype.info = function (message, title, config) {
return this.show(message, title, __assign(__assign({}, config), { status: 'info' }));
};
/**
* Shows warning toast with message, title and user config.
* */
NbToastrService.prototype.warning = function (message, title, config) {
return this.show(message, title, __assign(__assign({}, config), { status: 'warning' }));
};
/**
* Shows primary toast with message, title and user config.
* */
NbToastrService.prototype.primary = function (message, title, config) {
return this.show(message, title, __assign(__assign({}, config), { status: 'primary' }));
};
/**
* Shows danger toast with message, title and user config.
* */
NbToastrService.prototype.danger = function (message, title, config) {
return this.show(message, title, __assign(__assign({}, config), { status: 'danger' }));
};
/**
* Shows default toast with message, title and user config.
* */
NbToastrService.prototype.default = function (message, title, config) {
return this.show(message, title, __assign(__assign({}, config), { status: 'basic' }));
};
/**
* Shows control toast with message, title and user config.
* */
NbToastrService.prototype.control = function (message, title, config) {
return this.default(message, title, __assign(__assign({}, config), { status: 'control' }));
};
NbToastrService = __decorate([
Injectable(),
__param(0, Inject(NB_TOASTR_CONFIG)),
__metadata("design:paramtypes", [NbToastrConfig,
NbToastrContainerRegistry])
], NbToastrService);
return NbToastrService;
}());
export { NbToastrService };
//# sourceMappingURL=toastr.service.js.map