angular-bootstrap-italia
Version:
<p align="center"> <h1 align="center">Bootstrap Italia + Angular 9</h1>
32 lines • 5.18 kB
JavaScript
import { __decorate } from "tslib";
import { Component, Input, Output, EventEmitter } from '@angular/core';
var LoginPageComponent = /** @class */ (function () {
function LoginPageComponent() {
this.formSubmit = new EventEmitter();
}
LoginPageComponent.prototype.onSubmit = function (form) {
if (!form.valid) {
return;
}
var email = form.value.email;
var password = form.value.password;
this.formSubmit.emit({ email: email, password: password });
form.reset();
};
__decorate([
Input()
], LoginPageComponent.prototype, "isLoading", void 0);
__decorate([
Output()
], LoginPageComponent.prototype, "formSubmit", void 0);
LoginPageComponent = __decorate([
Component({
selector: 'lib-login-page',
template: "<div id=\"content\" class=\"container py-5\">\r\n <div class=\"wrapper\">\r\n\r\n <section class=\"container\" style=\"max-width: 40em\">\r\n <h1 class=\"pb-5\">Log in</h1>\r\n\r\n <form class=\"login\" #authForm=\"ngForm\" (ngSubmit)=\"onSubmit(authForm)\" *ngIf=\"!isLoading\">\r\n\r\n <div class=\"form-group\">\r\n <input type=\"text\" name=\"email\" class=\"form-control \" id=\"email\" ngModel required email>\r\n <label for=\"email\">Email</label>\r\n </div>\r\n\r\n <div class=\"form-group\">\r\n <input type=\"password\" name=\"password\" class=\"form-control input-password\" id=\"password\" ngModel required minlength=\"14\">\r\n <label for=\"password\">Password</label>\r\n <span class=\"password-icon bg-transparent\" aria-hidden=\"true\">\r\n <svg class=\"password-icon-visible icon icon-sm\">\r\n <use\r\n xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-password-visible\">\r\n </use>\r\n </svg>\r\n <svg class=\"password-icon-invisible icon icon-sm d-none\">\r\n <use\r\n xlink:href=\"./assets/bootstrap-italia/svg/sprite.svg#it-password-invisible\">\r\n </use>\r\n </svg>\r\n </span>\r\n </div>\r\n\r\n <div class=\"form-check\">\r\n <input id=\"remember\" name=\"remember\" type=\"checkbox\">\r\n <label for=\"remember\">Ricordami</label>\r\n </div>\r\n\r\n <div class=\"py-4 login_buttons\">\r\n <button class=\"btn btn-primary\" type=\"submit\" [disabled]=\"!authForm.valid\">Log in</button>\r\n </div>\r\n\r\n <!-- <p>Se non hai ancora creato un account, <a [routerLink]=\"['/']\" >registrati</a> adesso.</p> -->\r\n\r\n <p>Se invece hai dimenticato la password, puoi <a [routerLink]=\"['/reset-password']\">reimpostarla</a>.</p>\r\n\r\n </form>\r\n\r\n </section>\r\n\r\n </div>\r\n</div>\r\n",
styles: [".form-group{margin-bottom:1.5rem}"]
})
], LoginPageComponent);
return LoginPageComponent;
}());
export { LoginPageComponent };
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9naW4tcGFnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9hbmd1bGFyLWJvb3RzdHJhcC1pdGFsaWEvIiwic291cmNlcyI6WyJsaWIvcGFnZXMvbG9naW4tcGFnZS9sb2dpbi1wYWdlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxNQUFNLGVBQWUsQ0FBQztBQVF2RTtJQUlFO1FBRlUsZUFBVSxHQUFHLElBQUksWUFBWSxFQUFxQyxDQUFDO0lBRTdELENBQUM7SUFFakIscUNBQVEsR0FBUixVQUFTLElBQVk7UUFDbkIsSUFBSSxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDZixPQUFPO1NBQ1I7UUFDRCxJQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUMvQixJQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQztRQUVyQyxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLEtBQUssT0FBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLENBQUMsQ0FBQztRQUUxQyxJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7SUFDZixDQUFDO0lBZlE7UUFBUixLQUFLLEVBQUU7eURBQW9CO0lBQ2xCO1FBQVQsTUFBTSxFQUFFOzBEQUFvRTtJQUZsRSxrQkFBa0I7UUFMOUIsU0FBUyxDQUFDO1lBQ1QsUUFBUSxFQUFFLGdCQUFnQjtZQUMxQixtL0RBQTBDOztTQUUzQyxDQUFDO09BQ1csa0JBQWtCLENBa0I5QjtJQUFELHlCQUFDO0NBQUEsQUFsQkQsSUFrQkM7U0FsQlksa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT3V0cHV0LCBFdmVudEVtaXR0ZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgTmdGb3JtIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdsaWItbG9naW4tcGFnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2xvZ2luLXBhZ2UuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWycuL2xvZ2luLXBhZ2UuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgTG9naW5QYWdlQ29tcG9uZW50IHtcclxuICBASW5wdXQoKSBpc0xvYWRpbmc6IGJvb2xlYW47XHJcbiAgQE91dHB1dCgpIGZvcm1TdWJtaXQgPSBuZXcgRXZlbnRFbWl0dGVyPHtlbWFpbDogc3RyaW5nLCBwYXNzd29yZDogc3RyaW5nfT4oKTtcclxuXHJcbiAgY29uc3RydWN0b3IoKSB7IH1cclxuXHJcbiAgb25TdWJtaXQoZm9ybTogTmdGb3JtKSB7XHJcbiAgICBpZiAoIWZvcm0udmFsaWQpIHtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG4gICAgY29uc3QgZW1haWwgPSBmb3JtLnZhbHVlLmVtYWlsO1xyXG4gICAgY29uc3QgcGFzc3dvcmQgPSBmb3JtLnZhbHVlLnBhc3N3b3JkO1xyXG5cclxuICAgIHRoaXMuZm9ybVN1Ym1pdC5lbWl0KHsgZW1haWwsIHBhc3N3b3JkIH0pO1xyXG5cclxuICAgIGZvcm0ucmVzZXQoKTtcclxuICB9XHJcblxyXG59XHJcbiJdfQ==