UNPKG

ng-login-block

Version:

#### ng-login-block

78 lines (71 loc) 6.36 kB
(function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/platform-browser'), require('@angular/common'), require('ng-login-forms'), require('ng-mix-ui')) : typeof define === 'function' && define.amd ? define('ng-login-block', ['exports', '@angular/core', '@angular/platform-browser', '@angular/common', 'ng-login-forms', 'ng-mix-ui'], factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global['ng-login-block'] = {}, global.ng.core, global.ng.platformBrowser, global.ng.common, global.ngLoginForms, global.ngMixUi)); }(this, (function (exports, core, platformBrowser, common, ngLoginForms, ngMixUi) { 'use strict'; var NgLoginBlockComponent = /** @class */ (function () { function NgLoginBlockComponent() { this.activeTab = 0; this.code = ''; this.email = ''; this.passAlong = {}; this.stage = {}; } NgLoginBlockComponent.prototype.ngOnInit = function () { if (sessionStorage.getItem('session')) { this.stage['logged-in'] = true; } }; NgLoginBlockComponent.prototype.handleSuccess = function (_a, tab) { var code = _a.code, email = _a.email; this.code = code; this.email = email; this.activeTab = tab; this.stage = {}; }; return NgLoginBlockComponent; }()); NgLoginBlockComponent.decorators = [ { type: core.Component, args: [{ selector: 'ng-login-block', template: "<grid>\r\n <cell>\r\n <tile\r\n margin=\"20\"\r\n [style]=\"{ background: 'rgba(255,255,255,0.1)' }\"\r\n [style-main]=\"{ background: 'rgba(255,255,255,0.1)' }\"\r\n [style-tab-active]=\"{ background: 'rgba(255,255,255,0.1)', color: 'white' }\"\r\n [style-tab-idle]=\"{ background: 'rgba(0,0,0,0.1)', color: 'rgba(255,255,255,0.5)' }\"\r\n [tab]=\"activeTab\"\r\n [tab-save]=\"true\"\r\n title=\"Access Manager\"\r\n >\r\n <tab title=\"Register\">\r\n <register-form\r\n *ngIf=\"!stage['register-verify']\"\r\n [domain]=\"domain\"\r\n [url]=\"registerUrl\"\r\n (onSuccess)=\"passAlong = $event; stage = { 'register-verify': true }\"\r\n ></register-form>\r\n <verify-form\r\n *ngIf=\"stage['register-verify']\"\r\n [domain]=\"domain\"\r\n [email]=\"passAlong.email\"\r\n [url]=\"registerVerifyUrl\"\r\n (onSuccess)=\"handleSuccess($event, 1)\"\r\n ></verify-form>\r\n </tab>\r\n <tab title=\"Login\">\r\n <login-form\r\n *ngIf=\"!stage['logged-in']\"\r\n [domain]=\"domain\"\r\n [email]=\"passAlong.email\"\r\n [url]=\"loginUrl\"\r\n (onSuccess)=\"stage = { 'logged-in': true }\"\r\n ></login-form>\r\n <logout-form\r\n *ngIf=\"stage['logged-in']\"\r\n [domain]=\"domain\"\r\n [url]=\"logoutUrl\"\r\n (onSuccess)=\"stage = {}\"\r\n ></logout-form>\r\n </tab>\r\n <tab title=\"Forgot\">\r\n <forgot-form\r\n *ngIf=\"!stage['forgot-verify'] && !stage['forgot-password']\"\r\n [domain]=\"domain\"\r\n [url]=\"forgotUrl\"\r\n (onSuccess)=\"passAlong = $event; stage = { 'forgot-verify': true }\"\r\n ></forgot-form>\r\n <verify-form\r\n *ngIf=\"stage['forgot-verify']\"\r\n [domain]=\"domain\"\r\n [email]=\"passAlong.email\"\r\n [url]=\"forgotVerifyUrl\"\r\n (onSuccess)=\"passAlong = $event; stage = { 'forgot-password': true }\"\r\n ></verify-form>\r\n <password-form\r\n *ngIf=\"stage['forgot-password']\"\r\n [code]=\"passAlong.code\"\r\n [domain]=\"domain\"\r\n [email]=\"passAlong.email\"\r\n [url]=\"forgotPasswordUrl\"\r\n (onSuccess)=\"passAlong = $event; handleSuccess($event, 1)\"\r\n ></password-form>\r\n </tab>\r\n </tile>\r\n </cell>\r\n</grid>\r\n" },] } ]; NgLoginBlockComponent.ctorParameters = function () { return []; }; NgLoginBlockComponent.propDecorators = { domain: [{ type: core.Input }], forgotUrl: [{ type: core.Input }], forgotPasswordUrl: [{ type: core.Input }], forgotVerifyUrl: [{ type: core.Input }], loginUrl: [{ type: core.Input }], logoutUrl: [{ type: core.Input }], passwordUrl: [{ type: core.Input }], registerUrl: [{ type: core.Input }], registerVerifyUrl: [{ type: core.Input }], verifyUrl: [{ type: core.Input }] }; var NgLoginBlockModule = /** @class */ (function () { function NgLoginBlockModule() { } return NgLoginBlockModule; }()); NgLoginBlockModule.decorators = [ { type: core.NgModule, args: [{ declarations: [NgLoginBlockComponent], imports: [ platformBrowser.BrowserModule, common.CommonModule, ngLoginForms.NgLoginFormsModule, ngMixUi.NgMixUiModule ], exports: [NgLoginBlockComponent] },] } ]; /** * Generated bundle index. Do not edit. */ exports.NgLoginBlockComponent = NgLoginBlockComponent; exports.NgLoginBlockModule = NgLoginBlockModule; Object.defineProperty(exports, '__esModule', { value: true }); }))); //# sourceMappingURL=ng-login-block.umd.js.map