@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
26 lines • 7.41 kB
JavaScript
import { Component } from '@angular/core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/material/dialog";
import * as i2 from "@netgrif/components-core";
import * as i3 from "@angular/material/button";
import * as i4 from "@ngbracket/ngx-layout";
import * as i5 from "@angular/common";
import * as i6 from "@ngx-translate/core";
export class PopupSessionIdleComponent {
dialogRef;
sessionTimer;
constructor(dialogRef, sessionTimer) {
this.dialogRef = dialogRef;
this.sessionTimer = sessionTimer;
}
getTime() {
return this.sessionTimer.remainSeconds$;
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupSessionIdleComponent, deps: [{ token: i1.MatDialogRef }, { token: i2.SessionIdleTimerService }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PopupSessionIdleComponent, selector: "nc-popup-session-idle", ngImport: i0, template: "<div mat-dialog-title>{{ 'session.expireTitle' | translate}}</div>\n<div mat-dialog-content>\n <p class=\"white-space\">\n {{ 'session.expireDetail' | translate: {time: getTime() | async} }}\n </p>\n</div>\n<div mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\n <button mat-button [mat-dialog-close]=\"true\">{{ 'session.exitButton' | translate}}</button>\n <button mat-raised-button color=\"primary\" [mat-dialog-close]=\"false\"\n cdkFocusInitial>{{ 'session.refreshButton' | translate}}</button>\n</div>\n", styles: [".white-space{white-space:pre-line}\n"], dependencies: [{ kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "component", type: i3.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "directive", type: i4.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i4.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "pipe", type: i5.AsyncPipe, name: "async" }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PopupSessionIdleComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-popup-session-idle', template: "<div mat-dialog-title>{{ 'session.expireTitle' | translate}}</div>\n<div mat-dialog-content>\n <p class=\"white-space\">\n {{ 'session.expireDetail' | translate: {time: getTime() | async} }}\n </p>\n</div>\n<div mat-dialog-actions fxLayout=\"row\" fxLayoutAlign=\"space-between stretch\">\n <button mat-button [mat-dialog-close]=\"true\">{{ 'session.exitButton' | translate}}</button>\n <button mat-raised-button color=\"primary\" [mat-dialog-close]=\"false\"\n cdkFocusInitial>{{ 'session.refreshButton' | translate}}</button>\n</div>\n", styles: [".white-space{white-space:pre-line}\n"] }]
}], ctorParameters: () => [{ type: i1.MatDialogRef }, { type: i2.SessionIdleTimerService }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wdXAtc2Vzc2lvbi1pZGxlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2F1dGhlbnRpY2F0aW9uL3Nlc3Npb24taWRsZS9wb3B1cC1zZXNzaW9uLWlkbGUvcG9wdXAtc2Vzc2lvbi1pZGxlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2F1dGhlbnRpY2F0aW9uL3Nlc3Npb24taWRsZS9wb3B1cC1zZXNzaW9uLWlkbGUvcG9wdXAtc2Vzc2lvbi1pZGxlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxTQUFTLEVBQUMsTUFBTSxlQUFlLENBQUM7Ozs7Ozs7O0FBU3hDLE1BQU0sT0FBTyx5QkFBeUI7SUFFZjtJQUNBO0lBRG5CLFlBQW1CLFNBQWtELEVBQ2xELFlBQXFDO1FBRHJDLGNBQVMsR0FBVCxTQUFTLENBQXlDO1FBQ2xELGlCQUFZLEdBQVosWUFBWSxDQUF5QjtJQUN4RCxDQUFDO0lBRU0sT0FBTztRQUNOLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQyxjQUFjLENBQUM7SUFFaEQsQ0FBQzt3R0FUUSx5QkFBeUI7NEZBQXpCLHlCQUF5Qiw2RENUdEMseWpCQVdBOzs0RkRGYSx5QkFBeUI7a0JBTHJDLFNBQVM7K0JBQ0ksdUJBQXVCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtNYXREaWFsb2dSZWZ9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC9kaWFsb2dcIjtcbmltcG9ydCB7U2Vzc2lvbklkbGVUaW1lclNlcnZpY2V9IGZyb20gJ0BuZXRncmlmL2NvbXBvbmVudHMtY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnbmMtcG9wdXAtc2Vzc2lvbi1pZGxlJyxcbiAgICB0ZW1wbGF0ZVVybDogJy4vcG9wdXAtc2Vzc2lvbi1pZGxlLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9wb3B1cC1zZXNzaW9uLWlkbGUuY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBQb3B1cFNlc3Npb25JZGxlQ29tcG9uZW50IHtcblxuICAgIGNvbnN0cnVjdG9yKHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxQb3B1cFNlc3Npb25JZGxlQ29tcG9uZW50PixcbiAgICAgICAgICAgICAgICBwdWJsaWMgc2Vzc2lvblRpbWVyOiBTZXNzaW9uSWRsZVRpbWVyU2VydmljZSkge1xuICAgIH1cblxuICAgIHB1YmxpYyBnZXRUaW1lKCkge1xuICAgICAgICAgICAgcmV0dXJuIHRoaXMuc2Vzc2lvblRpbWVyLnJlbWFpblNlY29uZHMkO1xuXG4gICAgfVxuXG59XG4iLCI8ZGl2IG1hdC1kaWFsb2ctdGl0bGU+e3sgJ3Nlc3Npb24uZXhwaXJlVGl0bGUnIHwgdHJhbnNsYXRlfX08L2Rpdj5cbjxkaXYgbWF0LWRpYWxvZy1jb250ZW50PlxuICAgIDxwIGNsYXNzPVwid2hpdGUtc3BhY2VcIj5cbiAgICAgICAge3sgJ3Nlc3Npb24uZXhwaXJlRGV0YWlsJyB8IHRyYW5zbGF0ZToge3RpbWU6IGdldFRpbWUoKSB8IGFzeW5jfSB9fVxuICAgIDwvcD5cbjwvZGl2PlxuPGRpdiBtYXQtZGlhbG9nLWFjdGlvbnMgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEFsaWduPVwic3BhY2UtYmV0d2VlbiBzdHJldGNoXCI+XG4gICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFttYXQtZGlhbG9nLWNsb3NlXT1cInRydWVcIj57eyAnc2Vzc2lvbi5leGl0QnV0dG9uJyB8IHRyYW5zbGF0ZX19PC9idXR0b24+XG4gICAgPGJ1dHRvbiBtYXQtcmFpc2VkLWJ1dHRvbiBjb2xvcj1cInByaW1hcnlcIiBbbWF0LWRpYWxvZy1jbG9zZV09XCJmYWxzZVwiXG4gICAgICAgICAgICBjZGtGb2N1c0luaXRpYWw+e3sgJ3Nlc3Npb24ucmVmcmVzaEJ1dHRvbicgfCB0cmFuc2xhdGV9fTwvYnV0dG9uPlxuPC9kaXY+XG4iXX0=