UNPKG

ng-login-block

Version:

#### ng-login-block

2 lines 4.68 kB
!function(r,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/core"),require("@angular/platform-browser"),require("@angular/common"),require("ng-login-forms"),require("ng-mix-ui")):"function"==typeof define&&define.amd?define("ng-login-block",["exports","@angular/core","@angular/platform-browser","@angular/common","ng-login-forms","ng-mix-ui"],n):n((r="undefined"!=typeof globalThis?globalThis:r||self)["ng-login-block"]={},r.ng.core,r.ng.platformBrowser,r.ng.common,r.ngLoginForms,r.ngMixUi)}(this,(function(r,n,e,o,t,s){"use strict";var i=function(){function r(){this.activeTab=0,this.code="",this.email="",this.passAlong={},this.stage={}}return r.prototype.ngOnInit=function(){sessionStorage.getItem("session")&&(this.stage["logged-in"]=!0)},r.prototype.handleSuccess=function(r,n){var e=r.code,o=r.email;this.code=e,this.email=o,this.activeTab=n,this.stage={}},r}();i.decorators=[{type:n.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'}]}],i.ctorParameters=function(){return[]},i.propDecorators={domain:[{type:n.Input}],forgotUrl:[{type:n.Input}],forgotPasswordUrl:[{type:n.Input}],forgotVerifyUrl:[{type:n.Input}],loginUrl:[{type:n.Input}],logoutUrl:[{type:n.Input}],passwordUrl:[{type:n.Input}],registerUrl:[{type:n.Input}],registerVerifyUrl:[{type:n.Input}],verifyUrl:[{type:n.Input}]};var a=function(){};a.decorators=[{type:n.NgModule,args:[{declarations:[i],imports:[e.BrowserModule,o.CommonModule,t.NgLoginFormsModule,s.NgMixUiModule],exports:[i]}]}],r.NgLoginBlockComponent=i,r.NgLoginBlockModule=a,Object.defineProperty(r,"__esModule",{value:!0})})); //# sourceMappingURL=ng-login-block.umd.min.js.map