ng-login-block
Version:
#### ng-login-block
78 lines (71 loc) • 6.36 kB
JavaScript
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('/core'), require('@angular/platform-browser'), require('/common'), require('ng-login-forms'), require('ng-mix-ui')) :
typeof define === 'function' && define.amd ? define('ng-login-block', ['exports', '/core', '@angular/platform-browser', '/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