ngx-firebase-cms
Version:
Angular Content Management System using Google Firebase (Authentication, Storage & Firestore)
80 lines • 7.87 kB
JavaScript
/**
* @fileoverview added by tsickle
* @suppress {checkTypes,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
*/
import { Component, Inject } from '@angular/core';
import { AuthService } from '../../service/auth.service';
import { FormBuilder, Validators } from '@angular/forms';
var LoginComponent = /** @class */ (function () {
function LoginComponent(config, fb, auth) {
this.config = config;
this.fb = fb;
this.auth = auth;
this.isLoading = false;
}
/**
* @return {?}
*/
LoginComponent.prototype.ngOnInit = /**
* @return {?}
*/
function () {
this.validateForm = this.fb.group({
userName: [null, [Validators.required, Validators.email]],
password: [null, [Validators.required]]
});
};
/**
* @return {?}
*/
LoginComponent.prototype.submitForm = /**
* @return {?}
*/
function () {
for (var i in this.validateForm.controls) {
this.validateForm.controls[i].markAsDirty();
this.validateForm.controls[i].updateValueAndValidity();
}
if (this.validateForm.valid && !this.isLoading) {
this.isLoading = true;
this.auth.login("" + this.validateForm.value.userName, this.validateForm.value.password);
}
};
LoginComponent.decorators = [
{ type: Component, args: [{
selector: 'aq-login',
template: "<div class=\"table-cell\">\n <form *ngIf=\"!isLoading\" nz-form [formGroup]=\"validateForm\" class=\"login-form\" (ngSubmit)=\"submitForm()\">\n <nz-form-item>\n <nz-form-control>\n <nz-input-group [nzPrefix]=\"prefixUserTemplate\" nzSize=\"large\">\n <input type=\"text\" nz-input formControlName=\"userName\" placeholder=\"Username\" autocomplete=\"email\" autofocus>\n </nz-input-group>\n <nz-form-explain *ngIf=\"validateForm.get('userName').dirty && validateForm.get('userName').errors\">Please\n input\n your username!</nz-form-explain>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-control>\n <nz-input-group [nzPrefix]=\"prefixLockTemplate\" nzSize=\"large\">\n <input type=\"password\" nz-input formControlName=\"password\" placeholder=\"Password\" autocomplete=\"password\">\n </nz-input-group>\n <nz-form-explain *ngIf=\"validateForm.get('password').dirty && validateForm.get('password').errors\">Please\n input\n your Password!</nz-form-explain>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <nz-form-control>\n <button nz-button class=\"login-form-button\" [nzType]=\"'primary'\" nzSize=\"large\">Log in</button>\n </nz-form-control>\n </nz-form-item>\n <nz-form-item>\n <p class=\"text-center\">Not yet a member? Sign up <a routerLink=\"../signup\">here</a></p>\n </nz-form-item>\n </form>\n</div>\n\n<ng-template #prefixUserTemplate>\n <i nz-icon type=\"user\" theme=\"outline\"></i>\n</ng-template>\n\n<ng-template #prefixLockTemplate>\n <i nz-icon type=\"lock\" theme=\"outline\"></i>\n</ng-template>",
styles: [":host{display:table;width:100%;height:100%;min-height:calc(100vh - 70px)}.login-form{max-width:340px;margin:20px auto}.login-form .login-form-button{width:100%}.table-cell{display:table-cell;vertical-align:middle}"]
}] }
];
/** @nocollapse */
LoginComponent.ctorParameters = function () { return [
{ type: undefined, decorators: [{ type: Inject, args: ['env',] }] },
{ type: FormBuilder },
{ type: AuthService }
]; };
return LoginComponent;
}());
export { LoginComponent };
if (false) {
/** @type {?} */
LoginComponent.prototype.validateForm;
/** @type {?} */
LoginComponent.prototype.isLoading;
/**
* @type {?}
* @private
*/
LoginComponent.prototype.config;
/**
* @type {?}
* @private
*/
LoginComponent.prototype.fb;
/**
* @type {?}
* @private
*/
LoginComponent.prototype.auth;
}
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vbmd4LWZpcmViYXNlLWNtcy8iLCJzb3VyY2VzIjpbImxpYi9jb21wb25lbnQvbG9naW4vbG9naW4uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUcxRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDekQsT0FBTyxFQUFFLFdBQVcsRUFBYSxVQUFVLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUdwRTtJQVlFLHdCQUN5QixNQUFpQixFQUNoQyxFQUFlLEVBQ2YsSUFBaUI7UUFGRixXQUFNLEdBQU4sTUFBTSxDQUFXO1FBQ2hDLE9BQUUsR0FBRixFQUFFLENBQWE7UUFDZixTQUFJLEdBQUosSUFBSSxDQUFhO1FBTDNCLGNBQVMsR0FBRyxLQUFLLENBQUE7SUFNYixDQUFDOzs7O0lBRUwsaUNBQVE7OztJQUFSO1FBQ0UsSUFBSSxDQUFDLFlBQVksR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLEtBQUssQ0FBQztZQUNoQyxRQUFRLEVBQUUsQ0FBRSxJQUFJLEVBQUUsQ0FBRSxVQUFVLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxLQUFLLENBQUUsQ0FBRTtZQUM3RCxRQUFRLEVBQUUsQ0FBRSxJQUFJLEVBQUUsQ0FBRSxVQUFVLENBQUMsUUFBUSxDQUFFLENBQUU7U0FDNUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs7OztJQUVELG1DQUFVOzs7SUFBVjtRQUNFLEtBQUssSUFBTSxDQUFDLElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLEVBQUU7WUFDMUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUUsQ0FBQyxDQUFFLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDOUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxRQUFRLENBQUUsQ0FBQyxDQUFFLENBQUMsc0JBQXNCLEVBQUUsQ0FBQztTQUMxRDtRQUNELElBQUksSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxFQUFFO1lBQzlDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFBO1lBQ3JCLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxLQUFLLENBQUMsUUFBVSxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFBO1NBQ3pGO0lBQ0gsQ0FBQzs7Z0JBbENGLFNBQVMsU0FBQztvQkFDVCxRQUFRLEVBQUUsVUFBVTtvQkFDcEIsZ3NEQUFxQzs7aUJBSXRDOzs7O2dEQU9JLE1BQU0sU0FBQyxLQUFLO2dCQWhCUixXQUFXO2dCQURYLFdBQVc7O0lBd0NwQixxQkFBQztDQUFBLEFBcENELElBb0NDO1NBN0JZLGNBQWM7OztJQUV6QixzQ0FBdUI7O0lBQ3ZCLG1DQUFpQjs7Ozs7SUFHZixnQ0FBd0M7Ozs7O0lBQ3hDLDRCQUF1Qjs7Ozs7SUFDdkIsOEJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBPbkluaXQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTnpNZXNzYWdlU2VydmljZSB9IGZyb20gJ25nLXpvcnJvLWFudGQnO1xuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcbmltcG9ydCB7IEF1dGhTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZS9hdXRoLnNlcnZpY2UnO1xuaW1wb3J0IHsgRm9ybUJ1aWxkZXIsIEZvcm1Hcm91cCwgVmFsaWRhdG9ycyB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IEVudkNvbmZpZyB9IGZyb20gJy4uLy4uL2ludGVyZmFjZS9lbnYtY29uZmlnJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXEtbG9naW4nLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9naW4uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFtcbiAgICAnLi9sb2dpbi5jb21wb25lbnQuY3NzJ1xuICBdXG59KVxuZXhwb3J0IGNsYXNzIExvZ2luQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcblxuICB2YWxpZGF0ZUZvcm06IEZvcm1Hcm91cFxuICBpc0xvYWRpbmcgPSBmYWxzZVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoJ2VudicpIHByaXZhdGUgY29uZmlnOiBFbnZDb25maWcsXG4gICAgcHJpdmF0ZSBmYjogRm9ybUJ1aWxkZXIsXG4gICAgcHJpdmF0ZSBhdXRoOiBBdXRoU2VydmljZVxuICApIHsgfVxuXG4gIG5nT25Jbml0KCkge1xuICAgIHRoaXMudmFsaWRhdGVGb3JtID0gdGhpcy5mYi5ncm91cCh7XG4gICAgICB1c2VyTmFtZTogWyBudWxsLCBbIFZhbGlkYXRvcnMucmVxdWlyZWQsIFZhbGlkYXRvcnMuZW1haWwgXSBdLFxuICAgICAgcGFzc3dvcmQ6IFsgbnVsbCwgWyBWYWxpZGF0b3JzLnJlcXVpcmVkIF0gXVxuICAgIH0pO1xuICB9XG5cbiAgc3VibWl0Rm9ybSgpIHtcbiAgICBmb3IgKGNvbnN0IGkgaW4gdGhpcy52YWxpZGF0ZUZvcm0uY29udHJvbHMpIHtcbiAgICAgIHRoaXMudmFsaWRhdGVGb3JtLmNvbnRyb2xzWyBpIF0ubWFya0FzRGlydHkoKTtcbiAgICAgIHRoaXMudmFsaWRhdGVGb3JtLmNvbnRyb2xzWyBpIF0udXBkYXRlVmFsdWVBbmRWYWxpZGl0eSgpO1xuICAgIH1cbiAgICBpZiAodGhpcy52YWxpZGF0ZUZvcm0udmFsaWQgJiYgIXRoaXMuaXNMb2FkaW5nKSB7XG4gICAgICB0aGlzLmlzTG9hZGluZyA9IHRydWVcbiAgICAgIHRoaXMuYXV0aC5sb2dpbihgJHt0aGlzLnZhbGlkYXRlRm9ybS52YWx1ZS51c2VyTmFtZX1gLCB0aGlzLnZhbGlkYXRlRm9ybS52YWx1ZS5wYXNzd29yZClcbiAgICB9XG4gIH1cblxufVxuIl19