ng-login-block
Version:
#### ng-login-block
41 lines • 7.08 kB
JavaScript
import { Component, Input } from '@angular/core';
export class NgLoginBlockComponent {
constructor() {
this.activeTab = 0;
this.code = '';
this.email = '';
this.passAlong = {};
this.stage = {};
}
ngOnInit() {
if (sessionStorage.getItem('session')) {
this.stage['logged-in'] = true;
}
}
handleSuccess({ code, email }, tab) {
this.code = code;
this.email = email;
this.activeTab = tab;
this.stage = {};
}
}
NgLoginBlockComponent.decorators = [
{ type: 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 = () => [];
NgLoginBlockComponent.propDecorators = {
domain: [{ type: Input }],
forgotUrl: [{ type: Input }],
forgotPasswordUrl: [{ type: Input }],
forgotVerifyUrl: [{ type: Input }],
loginUrl: [{ type: Input }],
logoutUrl: [{ type: Input }],
passwordUrl: [{ type: Input }],
registerUrl: [{ type: Input }],
registerVerifyUrl: [{ type: Input }],
verifyUrl: [{ type: Input }]
};
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibmctbG9naW4tYmxvY2suY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IkM6L1VzZXJzL0p1c3Rpbi9XZWJzdG9ybVByb2plY3RzL25nLWxvZ2luLWZvcm1zL215LXdvcmtzcGFjZS9wcm9qZWN0cy9uZy1sb2dpbi1ibG9jay9zcmMvIiwic291cmNlcyI6WyJsaWIvbmctbG9naW4tYmxvY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBT3pELE1BQU0sT0FBTyxxQkFBcUI7SUFzQjlCO1FBcEJBLGNBQVMsR0FBVyxDQUFDLENBQUM7UUFDdEIsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQUNWLFVBQUssR0FBRyxFQUFFLENBQUM7UUFDWCxjQUFTLEdBR0wsRUFBRSxDQUFDO1FBQ1AsVUFBSyxHQUFPLEVBQUUsQ0FBQztJQWFDLENBQUM7SUFFakIsUUFBUTtRQUNKLElBQUksY0FBYyxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUNuQyxJQUFJLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxHQUFHLElBQUksQ0FBQztTQUNsQztJQUNMLENBQUM7SUFFRCxhQUFhLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUUsR0FBVztRQUN0QyxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztRQUNuQixJQUFJLENBQUMsU0FBUyxHQUFHLEdBQUcsQ0FBQztRQUNyQixJQUFJLENBQUMsS0FBSyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDOzs7WUF4Q0osU0FBUyxTQUFDO2dCQUNQLFFBQVEsRUFBRSxnQkFBZ0I7Z0JBRTFCLG1oR0FBOEM7YUFDakQ7Ozs7cUJBWUksS0FBSzt3QkFDTCxLQUFLO2dDQUNMLEtBQUs7OEJBQ0wsS0FBSzt1QkFDTCxLQUFLO3dCQUNMLEtBQUs7MEJBQ0wsS0FBSzswQkFDTCxLQUFLO2dDQUNMLEtBQUs7d0JBQ0wsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ25nLWxvZ2luLWJsb2NrJyxcbiAgICBzdHlsZXM6IFtdLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9uZy1sb2dpbi1ibG9jay5jb25wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgTmdMb2dpbkJsb2NrQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICAgIGFjdGl2ZVRhYjogbnVtYmVyID0gMDtcbiAgICBjb2RlID0gJyc7XG4gICAgZW1haWwgPSAnJztcbiAgICBwYXNzQWxvbmc6IHtcbiAgICAgICAgY29kZT86IHN0cmluZyxcbiAgICAgICAgZW1haWw/OiBzdHJpbmdcbiAgICB9ID0ge307XG4gICAgc3RhZ2U6IHt9ID0ge307XG5cbiAgICBASW5wdXQoKSBkb21haW46IHN0cmluZztcbiAgICBASW5wdXQoKSBmb3Jnb3RVcmw6IHN0cmluZztcbiAgICBASW5wdXQoKSBmb3Jnb3RQYXNzd29yZFVybDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGZvcmdvdFZlcmlmeVVybDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGxvZ2luVXJsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgbG9nb3V0VXJsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgcGFzc3dvcmRVcmw6IHN0cmluZztcbiAgICBASW5wdXQoKSByZWdpc3RlclVybDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHJlZ2lzdGVyVmVyaWZ5VXJsOiBzdHJpbmc7XG4gICAgQElucHV0KCkgdmVyaWZ5VXJsOiBzdHJpbmc7XG5cbiAgICBjb25zdHJ1Y3RvcigpIHsgfVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIGlmIChzZXNzaW9uU3RvcmFnZS5nZXRJdGVtKCdzZXNzaW9uJykpIHtcbiAgICAgICAgICAgIHRoaXMuc3RhZ2VbJ2xvZ2dlZC1pbiddID0gdHJ1ZTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGhhbmRsZVN1Y2Nlc3MoeyBjb2RlLCBlbWFpbCB9LCB0YWI6IG51bWJlcik6IHZvaWQge1xuICAgICAgICB0aGlzLmNvZGUgPSBjb2RlO1xuICAgICAgICB0aGlzLmVtYWlsID0gZW1haWw7XG4gICAgICAgIHRoaXMuYWN0aXZlVGFiID0gdGFiO1xuICAgICAgICB0aGlzLnN0YWdlID0ge307XG4gICAgfVxuXG59XG4iXX0=