@lenne.tech/ng-base 13.6.5 → 13.7.0

package/fesm2020/lenne.tech-ng-base-base-prototype.mjs

@@ -1,17 +1,22 @@
 import * as i0 from '@angular/core';
 import { Component, NgModule } from '@angular/core';
+import * as i4 from '@angular/forms';
 import { FormGroup, FormControl, Validators, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i5 from '@angular/common';
 import { CommonModule } from '@angular/common';
-import * as i3 from '@angular/router';
+import * as i2 from '@angular/router';
 import { RouterModule } from '@angular/router';
-import * as i1 from '@lenne.tech/ng-base';
-import { MustMatch } from '@lenne.tech/ng-base';
-import * as i2 from '@lenne.tech/ng-base/base-components';
+import * as i3 from '@lenne.tech/ng-base/base-components';
 import { BaseComponentsModule } from '@lenne.tech/ng-base/base-components';
+import * as i1 from '@lenne.tech/ng-base/shared';
+import { Validation } from '@lenne.tech/ng-base/shared';
+import { BaseModule } from '@lenne.tech/ng-base';
 
 class LoginComponent {
-    constructor(formsService) {
+    constructor(formsService, userService, router) {
         this.formsService = formsService;
+        this.userService = userService;
+        this.router = router;
     }
     ngOnInit() {
         this.createForm();
@@ -29,22 +34,57 @@ class LoginComponent {
      * Submit login form
      */
     submit() {
+        this.error = '';
+        this.loading = true;
         if (this.form.invalid) {
             this.formsService.validateAllFormFields(this.form);
+            this.scrollToTop();
+            this.loading = false;
             return;
         }
+        this.userService.login(this.form.value).subscribe({
+            next: (response) => {
+                if (response) {
+                    this.router.navigate(['/main']);
+                    this.form.reset();
+                }
+                else {
+                    this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
+                    this.scrollToTop();
+                }
+                this.loading = false;
+            },
+            error: (error) => {
+                this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
+                // Wrong password
+                if (error?.message?.includes('Unauthorized')) {
+                    this.error = 'Dein Passwort ist leider falsch. Bitte überprüfe deine Eingabe!';
+                }
+                // User not found
+                if (error?.message?.includes('Not user found')) {
+                    this.error = 'Es konnte kein Konto mit der E-Mail gefunden werden. Bitte gib eine gültige E-Mail ein!';
+                }
+                this.scrollToTop();
+                this.loading = false;
+            },
+        });
+    }
+    scrollToTop() {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
     }
 }
-LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LoginComponent, deps: [{ token: i1.FormsService }], target: i0.ɵɵFactoryTarget.Component });
-LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: LoginComponent, selector: "base-login", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <base-input\n        [id]=\"'password'\"\n        [label]=\"'Passwort'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('password')\"\n      ></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">Einloggen</button>\n        <hr />\n        <a routerLink=\"../passwort-vergessen\">Passwort vergessen</a>\n        <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".login-container{width:100%;padding:20px 0}@media (min-width: 768px){.login-container{max-width:400px}}\n"], components: [{ type: i2.InputComponent, selector: "base-input", inputs: ["id", "name", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required"] }], directives: [{ type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
+LoginComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LoginComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+LoginComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: LoginComponent, selector: "base-login", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [autocomplete]=\"'current-password'\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Einloggen</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../passwort-vergessen\">Passwort vergessen</a>\n          <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".login-container{width:100%;padding:20px 0}@media (min-width: 768px){.login-container{max-width:400px}}\n"], components: [{ type: i3.InputComponent, selector: "base-input", inputs: ["id", "name", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required"] }], directives: [{ type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: LoginComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-login', template: "<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <base-input\n        [id]=\"'password'\"\n        [label]=\"'Passwort'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('password')\"\n      ></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">Einloggen</button>\n        <hr />\n        <a routerLink=\"../passwort-vergessen\">Passwort vergessen</a>\n        <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".login-container{width:100%;padding:20px 0}@media (min-width: 768px){.login-container{max-width:400px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormsService }]; } });
+            args: [{ selector: 'base-login', template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [autocomplete]=\"'current-password'\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Einloggen</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../passwort-vergessen\">Passwort vergessen</a>\n          <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".login-container{width:100%;padding:20px 0}@media (min-width: 768px){.login-container{max-width:400px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }]; } });
 
 class RegisterComponent {
-    constructor(formsService) {
+    constructor(formsService, userService, router) {
         this.formsService = formsService;
+        this.userService = userService;
+        this.router = router;
     }
     ngOnInit() {
         this.createForm();
@@ -59,30 +99,62 @@ class RegisterComponent {
             email: new FormControl('', [Validators.required, Validators.email]),
             password: new FormControl('', Validators.required),
             passwordConfirm: new FormControl('', Validators.required),
+            privacy: new FormControl(false, Validators.requiredTrue),
         }, {
-            validators: MustMatch,
+            validators: [Validation.match('password', 'passwordConfirm')],
         });
     }
     /**
      * Submit login form
      */
     submit() {
+        this.error = '';
+        this.loading = true;
         if (this.form.invalid) {
             this.formsService.validateAllFormFields(this.form);
+            this.scrollToTop();
+            this.loading = false;
             return;
         }
+        const input = this.form.value;
+        delete input.privacy;
+        this.userService.register(input).subscribe({
+            next: (auth) => {
+                if (auth) {
+                    this.router.navigate(['/main']);
+                }
+                else {
+                    this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
+                    this.scrollToTop();
+                }
+                this.loading = false;
+            },
+            error: (err) => {
+                if (err?.message?.includes('already exists')) {
+                    this.error =
+                        'Mit dieser E-Mail gibt es bereits ein Konto. Bitte wähle eine andere E-Mail Adresse oder logge dich mit deinem Passwort ein.';
+                    this.scrollToTop();
+                }
+                this.loading = false;
+            },
+        });
+    }
+    scrollToTop() {
+        window.scrollTo({ top: 0, behavior: 'smooth' });
     }
 }
-RegisterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: RegisterComponent, deps: [{ token: i1.FormsService }], target: i0.ɵɵFactoryTarget.Component });
-RegisterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: RegisterComponent, selector: "base-register", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column register-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'firstName'\" [label]=\"'Vorname'\" [type]=\"'text'\" [control]=\"form.get('firstName')\"></base-input>\n      <base-input [id]=\"'lastName'\" [label]=\"'Nachname'\" [type]=\"'text'\" [control]=\"form.get('lastName')\"></base-input>\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <base-input\n        [id]=\"'password'\"\n        [label]=\"'Passwort'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('password')\"\n      ></base-input>\n      <base-input\n        [id]=\"'password-confirm'\"\n        [label]=\"'Passwort best\u00E4tigen'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('passwordConfirm')\"\n      ></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">Registrieren</button>\n        <hr />\n        <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".register-container{width:100%;padding:20px 0}@media (min-width: 768px){.register-container{max-width:400px}}\n"], components: [{ type: i2.InputComponent, selector: "base-input", inputs: ["id", "name", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required"] }], directives: [{ type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
+RegisterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: RegisterComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+RegisterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: RegisterComponent, selector: "base-register", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column register-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div id=\"register-error\" class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'firstName'\"\n          [name]=\"'firstName'\"\n          [label]=\"'Vorname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('firstName')\"\n          [autocomplete]=\"'given-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'lastName'\"\n          [name]=\"'lastName'\"\n          [label]=\"'Nachname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('lastName')\"\n          [autocomplete]=\"'family-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [autocomplete]=\"'new-password'\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <base-input\n          [id]=\"'password-confirm'\"\n          [name]=\"'password-confirm'\"\n          [label]=\"'Passwort best\u00E4tigen'\"\n          [autocomplete]=\"'new-password'\"\n          [type]=\"'password'\"\n          [control]=\"form.get('passwordConfirm')\"\n        ></base-input>\n        <base-checkbox [id]=\"'privacy'\" [control]=\"form.get('privacy')\">\n          Hiermit best\u00E4tige ich, dass ich die <a routerLink=\"/datenschutz\">Datenschutzerkl\u00E4rung</a> gelesen habe und\n          akzeptiere.\n        </base-checkbox>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Registrieren</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".register-container{width:100%;padding:20px 0}@media (min-width: 768px){.register-container{max-width:400px}}\n"], components: [{ type: i3.InputComponent, selector: "base-input", inputs: ["id", "name", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required"] }, { type: i3.CheckboxComponent, selector: "base-checkbox", inputs: ["id", "name", "label", "value", "control", "required"] }], directives: [{ type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: RegisterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-register', template: "<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column register-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'firstName'\" [label]=\"'Vorname'\" [type]=\"'text'\" [control]=\"form.get('firstName')\"></base-input>\n      <base-input [id]=\"'lastName'\" [label]=\"'Nachname'\" [type]=\"'text'\" [control]=\"form.get('lastName')\"></base-input>\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <base-input\n        [id]=\"'password'\"\n        [label]=\"'Passwort'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('password')\"\n      ></base-input>\n      <base-input\n        [id]=\"'password-confirm'\"\n        [label]=\"'Passwort best\u00E4tigen'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('passwordConfirm')\"\n      ></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">Registrieren</button>\n        <hr />\n        <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [".register-container{width:100%;padding:20px 0}@media (min-width: 768px){.register-container{max-width:400px}}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.FormsService }]; } });
+            args: [{ selector: 'base-register', template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column register-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div id=\"register-error\" class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'firstName'\"\n          [name]=\"'firstName'\"\n          [label]=\"'Vorname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('firstName')\"\n          [autocomplete]=\"'given-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'lastName'\"\n          [name]=\"'lastName'\"\n          [label]=\"'Nachname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('lastName')\"\n          [autocomplete]=\"'family-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [autocomplete]=\"'new-password'\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <base-input\n          [id]=\"'password-confirm'\"\n          [name]=\"'password-confirm'\"\n          [label]=\"'Passwort best\u00E4tigen'\"\n          [autocomplete]=\"'new-password'\"\n          [type]=\"'password'\"\n          [control]=\"form.get('passwordConfirm')\"\n        ></base-input>\n        <base-checkbox [id]=\"'privacy'\" [control]=\"form.get('privacy')\">\n          Hiermit best\u00E4tige ich, dass ich die <a routerLink=\"/datenschutz\">Datenschutzerkl\u00E4rung</a> gelesen habe und\n          akzeptiere.\n        </base-checkbox>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Registrieren</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".register-container{width:100%;padding:20px 0}@media (min-width: 768px){.register-container{max-width:400px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }]; } });
 
 class ForgotPasswordComponent {
-    constructor(formsService) {
+    constructor(formsService, userService, router) {
         this.formsService = formsService;
+        this.userService = userService;
+        this.router = router;
     }
     ngOnInit() {
         this.createForm();
@@ -99,21 +171,38 @@ class ForgotPasswordComponent {
      * Submit form
      */
     submit() {
+        this.loading = true;
         if (this.form.invalid) {
             this.formsService.validateAllFormFields(this.form);
+            this.loading = false;
             return;
         }
+        this.userService.requestPasswordResetMail(this.form.get('email').value).subscribe({
+            next: (response) => {
+                if (response) {
+                    this.router.navigate(['/']);
+                }
+                else {
+                    this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
+                }
+                this.loading = false;
+            },
+            error: () => {
+                this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';
+                this.loading = false;
+            },
+        });
     }
 }
-ForgotPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormsService }], target: i0.ɵɵFactoryTarget.Component });
-ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: ForgotPasswordComponent, selector: "base-forgot-password", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">E-Mail senden</button>\n        <hr />\n        <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n        <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""], components: [{ type: i2.InputComponent, selector: "base-input", inputs: ["id", "name", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required"] }], directives: [{ type: i3.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
+ForgotPasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ForgotPasswordComponent, deps: [{ token: i1.FormsService }, { token: i1.UserService }, { token: i2.Router }], target: i0.ɵɵFactoryTarget.Component });
+ForgotPasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.3", type: ForgotPasswordComponent, selector: "base-forgot-password", ngImport: i0, template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column forgot-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [autocomplete]=\"'email'\"\n          [control]=\"form.get('email')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">E-Mail senden</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n          <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".forgot-container{width:100%;padding:20px 0}@media (min-width: 768px){.forgot-container{max-width:400px}}\n"], components: [{ type: i3.InputComponent, selector: "base-input", inputs: ["id", "name", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required"] }], directives: [{ type: i4.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { type: i4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i2.RouterLinkWithHref, selector: "a[routerLink],area[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "preserveFragment", "skipLocationChange", "replaceUrl", "state", "relativeTo", "routerLink"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.3", ngImport: i0, type: ForgotPasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-forgot-password', template: "<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">E-Mail senden</button>\n        <hr />\n        <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n        <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n      </div>\n    </div>\n  </div>\n</div>\n", styles: [""] }]
-        }], ctorParameters: function () { return [{ type: i1.FormsService }]; } });
+            args: [{ selector: 'base-forgot-password', template: "<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column forgot-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [autocomplete]=\"'email'\"\n          [control]=\"form.get('email')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">E-Mail senden</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n          <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n", styles: [".forgot-container{width:100%;padding:20px 0}@media (min-width: 768px){.forgot-container{max-width:400px}}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1.FormsService }, { type: i1.UserService }, { type: i2.Router }]; } });
 
 // Modules
-const imports = [FormsModule, RouterModule, ReactiveFormsModule, CommonModule, BaseComponentsModule];
+const imports = [BaseModule, FormsModule, RouterModule, ReactiveFormsModule, CommonModule, BaseComponentsModule];
 // Imported and exported elements
 const elements = [
     // Components
@@ -128,7 +217,7 @@ BasePrototypeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", ver
         // Components
         LoginComponent,
         RegisterComponent,
-        ForgotPasswordComponent], imports: [FormsModule, RouterModule, ReactiveFormsModule, CommonModule, BaseComponentsModule], exports: [
+        ForgotPasswordComponent], imports: [BaseModule, FormsModule, RouterModule, ReactiveFormsModule, CommonModule, BaseComponentsModule], exports: [
         // Components
         LoginComponent,
         RegisterComponent,

package/fesm2020/lenne.tech-ng-base-base-prototype.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"lenne.tech-ng-base-base-prototype.mjs","sources":["../../../projects/ng-base/base-prototype/pages/login/login.component.ts","../../../projects/ng-base/base-prototype/pages/login/login.component.html","../../../projects/ng-base/base-prototype/pages/register/register.component.ts","../../../projects/ng-base/base-prototype/pages/register/register.component.html","../../../projects/ng-base/base-prototype/pages/forgot-password/forgot-password.component.ts","../../../projects/ng-base/base-prototype/pages/forgot-password/forgot-password.component.html","../../../projects/ng-base/base-prototype/base-prototype.module.ts","../../../projects/ng-base/base-prototype/public-api.ts","../../../projects/ng-base/base-prototype/lenne.tech-ng-base-base-prototype.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { FormsService } from '@lenne.tech/ng-base';\n\n@Component({\n  selector: 'base-login',\n  templateUrl: './login.component.html',\n  styleUrls: ['./login.component.scss'],\n})\nexport class LoginComponent implements OnInit {\n  form: FormGroup;\n\n  constructor(private formsService: FormsService) {}\n\n  ngOnInit(): void {\n    this.createForm();\n  }\n\n  /**\n   * Create login form\n   */\n  createForm() {\n    this.form = new FormGroup({\n      email: new FormControl('', [Validators.required, Validators.email]),\n      password: new FormControl('', Validators.required),\n    });\n  }\n\n  /**\n   * Submit login form\n   */\n  submit() {\n    if (this.form.invalid) {\n      this.formsService.validateAllFormFields(this.form);\n      return;\n    }\n  }\n}\n","<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <base-input\n        [id]=\"'password'\"\n        [label]=\"'Passwort'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('password')\"\n      ></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">Einloggen</button>\n        <hr />\n        <a routerLink=\"../passwort-vergessen\">Passwort vergessen</a>\n        <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n      </div>\n    </div>\n  </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { FormsService, MustMatch } from '@lenne.tech/ng-base';\n\n@Component({\n  selector: 'base-register',\n  templateUrl: './register.component.html',\n  styleUrls: ['./register.component.scss'],\n})\nexport class RegisterComponent implements OnInit {\n  form: FormGroup;\n\n  constructor(private formsService: FormsService) {}\n\n  ngOnInit(): void {\n    this.createForm();\n  }\n\n  /**\n   * Create login form\n   */\n  createForm() {\n    this.form = new FormGroup(\n      {\n        firstName: new FormControl('', [Validators.required]),\n        lastName: new FormControl('', [Validators.required]),\n        email: new FormControl('', [Validators.required, Validators.email]),\n        password: new FormControl('', Validators.required),\n        passwordConfirm: new FormControl('', Validators.required),\n      },\n      {\n        validators: MustMatch,\n      }\n    );\n  }\n\n  /**\n   * Submit login form\n   */\n  submit() {\n    if (this.form.invalid) {\n      this.formsService.validateAllFormFields(this.form);\n      return;\n    }\n  }\n}\n","<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column register-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'firstName'\" [label]=\"'Vorname'\" [type]=\"'text'\" [control]=\"form.get('firstName')\"></base-input>\n      <base-input [id]=\"'lastName'\" [label]=\"'Nachname'\" [type]=\"'text'\" [control]=\"form.get('lastName')\"></base-input>\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <base-input\n        [id]=\"'password'\"\n        [label]=\"'Passwort'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('password')\"\n      ></base-input>\n      <base-input\n        [id]=\"'password-confirm'\"\n        [label]=\"'Passwort bestätigen'\"\n        [type]=\"'password'\"\n        [control]=\"form.get('passwordConfirm')\"\n      ></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">Registrieren</button>\n        <hr />\n        <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n      </div>\n    </div>\n  </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { FormsService } from '@lenne.tech/ng-base';\n\n@Component({\n  selector: 'base-forgot-password',\n  templateUrl: './forgot-password.component.html',\n  styleUrls: ['./forgot-password.component.scss'],\n})\nexport class ForgotPasswordComponent implements OnInit {\n  form: FormGroup;\n\n  constructor(private formsService: FormsService) {}\n\n  ngOnInit(): void {\n    this.createForm();\n  }\n\n  /**\n   * Create login form\n   */\n  createForm() {\n    this.form = new FormGroup({\n      email: new FormControl('', [Validators.required, Validators.email]),\n    });\n  }\n\n  /**\n   * Submit form\n   */\n  submit() {\n    if (this.form.invalid) {\n      this.formsService.validateAllFormFields(this.form);\n      return;\n    }\n  }\n}\n","<div class=\"d-flex justify-content-center align-items-center vh-100\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <base-input [id]=\"'email'\" [label]=\"'E-Mail Adresse'\" [type]=\"'email'\" [control]=\"form.get('email')\"></base-input>\n      <div class=\"d-grid gap-2 text-center\">\n        <button class=\"btn btn-primary\" (click)=\"submit()\">E-Mail senden</button>\n        <hr />\n        <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n        <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n      </div>\n    </div>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { LoginComponent } from './pages/login/login.component';\nimport { RegisterComponent } from './pages/register/register.component';\nimport { BaseComponentsModule } from '@lenne.tech/ng-base/base-components';\nimport { ForgotPasswordComponent } from './pages/forgot-password/forgot-password.component';\n\n// Modules\nconst imports = [FormsModule, RouterModule, ReactiveFormsModule, CommonModule, BaseComponentsModule];\n\n// Imported and exported elements\nconst elements = [\n  // Components\n  LoginComponent,\n  RegisterComponent,\n  ForgotPasswordComponent,\n];\n\n@NgModule({\n  declarations: elements,\n  imports,\n  exports: elements,\n})\nexport class BasePrototypeModule {}\n","/**\n * Exports for public API\n */\n\n// Module\nexport * from './base-prototype.module';\n\n// Pages\nexport * from './pages/login/login.component';\nexport * from './pages/register/register.component';\nexport * from './pages/forgot-password/forgot-password.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;MASa,cAAc,CAAA;AAGzB,IAAA,WAAA,CAAoB,YAA0B,EAAA;QAA1B,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAc;KAAI;IAElD,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;AAED;;AAEG;IACH,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CAAC;AACxB,YAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;YACnE,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;AACnD,SAAA,CAAC,CAAC;KACJ;AAED;;AAEG;IACH,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnD,OAAO;AACR,SAAA;KACF;;2GA3BU,cAAc,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAd,cAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,kDCT3B,szBAmBA,EAAA,MAAA,EAAA,CAAA,2GAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDVa,cAAc,EAAA,UAAA,EAAA,CAAA;kBAL1B,SAAS;+BACE,YAAY,EAAA,QAAA,EAAA,szBAAA,EAAA,MAAA,EAAA,CAAA,2GAAA,CAAA,EAAA,CAAA;;;MEIX,iBAAiB,CAAA;AAG5B,IAAA,WAAA,CAAoB,YAA0B,EAAA;QAA1B,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAc;KAAI;IAElD,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;AAED;;AAEG;IACH,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CACvB;YACE,SAAS,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;YACrD,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;AACpD,YAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;YACnE,QAAQ,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;YAClD,eAAe,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,UAAU,CAAC,QAAQ,CAAC;SAC1D,EACD;AACE,YAAA,UAAU,EAAE,SAAS;AACtB,SAAA,CACF,CAAC;KACH;AAED;;AAEG;IACH,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnD,OAAO;AACR,SAAA;KACF;;8GAnCU,iBAAiB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAjB,iBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,qDCT9B,gsCA0BA,EAAA,MAAA,EAAA,CAAA,iHAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDjBa,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;+BACE,eAAe,EAAA,QAAA,EAAA,gsCAAA,EAAA,MAAA,EAAA,CAAA,iHAAA,CAAA,EAAA,CAAA;;;MEId,uBAAuB,CAAA;AAGlC,IAAA,WAAA,CAAoB,YAA0B,EAAA;QAA1B,IAAY,CAAA,YAAA,GAAZ,YAAY,CAAc;KAAI;IAElD,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,EAAE,CAAC;KACnB;AAED;;AAEG;IACH,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,IAAI,GAAG,IAAI,SAAS,CAAC;AACxB,YAAA,KAAK,EAAE,IAAI,WAAW,CAAC,EAAE,EAAE,CAAC,UAAU,CAAC,QAAQ,EAAE,UAAU,CAAC,KAAK,CAAC,CAAC;AACpE,SAAA,CAAC,CAAC;KACJ;AAED;;AAEG;IACH,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;YACrB,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACnD,OAAO;AACR,SAAA;KACF;;oHA1BU,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,YAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,4DCTpC,spBAaA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,aAAA,EAAA,cAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,UAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,EAAA,UAAA,EAAA,qBAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,YAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;2FDJa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;+BACE,sBAAsB,EAAA,QAAA,EAAA,spBAAA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;;AEKlC;AACA,MAAM,OAAO,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,oBAAoB,CAAC,CAAC;AAErG;AACA,MAAM,QAAQ,GAAG;;IAEf,cAAc;IACd,iBAAiB;IACjB,uBAAuB;CACxB,CAAC;MAOW,mBAAmB,CAAA;;gHAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;iHAAnB,mBAAmB,EAAA,YAAA,EAAA;;QAV9B,cAAc;QACd,iBAAiB;QACjB,uBAAuB,CAAA,EAAA,OAAA,EAAA,CAPR,WAAW,EAAE,YAAY,EAAE,mBAAmB,EAAE,YAAY,EAAE,oBAAoB,CAAA,EAAA,OAAA,EAAA;;QAKjG,cAAc;QACd,iBAAiB;QACjB,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAQZ,mBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAH9B,OAAO,CAAA,EAAA,CAAA,CAAA;2FAGI,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAL/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,QAAQ;oBACtB,OAAO;AACP,oBAAA,OAAO,EAAE,QAAQ;AAClB,iBAAA,CAAA;;;ACzBD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"lenne.tech-ng-base-base-prototype.mjs","sources":["../../../projects/ng-base/base-prototype/pages/login/login.component.ts","../../../projects/ng-base/base-prototype/pages/login/login.component.html","../../../projects/ng-base/base-prototype/pages/register/register.component.ts","../../../projects/ng-base/base-prototype/pages/register/register.component.html","../../../projects/ng-base/base-prototype/pages/forgot-password/forgot-password.component.ts","../../../projects/ng-base/base-prototype/pages/forgot-password/forgot-password.component.html","../../../projects/ng-base/base-prototype/base-prototype.module.ts","../../../projects/ng-base/base-prototype/public-api.ts","../../../projects/ng-base/base-prototype/lenne.tech-ng-base-base-prototype.ts"],"sourcesContent":["import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { Router } from '@angular/router';\nimport { FormsService, UserService } from '@lenne.tech/ng-base/shared';\n\n@Component({\n  selector: 'base-login',\n  templateUrl: './login.component.html',\n  styleUrls: ['./login.component.scss'],\n})\nexport class LoginComponent implements OnInit {\n  form: FormGroup;\n  error: string;\n  loading: boolean;\n\n  constructor(private formsService: FormsService, private userService: UserService, private router: Router) {}\n\n  ngOnInit(): void {\n    this.createForm();\n  }\n\n  /**\n   * Create login form\n   */\n  createForm() {\n    this.form = new FormGroup({\n      email: new FormControl('', [Validators.required, Validators.email]),\n      password: new FormControl('', Validators.required),\n    });\n  }\n\n  /**\n   * Submit login form\n   */\n  submit() {\n    this.error = '';\n    this.loading = true;\n\n    if (this.form.invalid) {\n      this.formsService.validateAllFormFields(this.form);\n      this.scrollToTop();\n      this.loading = false;\n      return;\n    }\n\n    this.userService.login(this.form.value).subscribe({\n      next: (response) => {\n        if (response) {\n          this.router.navigate(['/main']);\n          this.form.reset();\n        } else {\n          this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';\n          this.scrollToTop();\n        }\n        this.loading = false;\n      },\n      error: (error) => {\n        this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';\n\n        // Wrong password\n        if (error?.message?.includes('Unauthorized')) {\n          this.error = 'Dein Passwort ist leider falsch. Bitte überprüfe deine Eingabe!';\n        }\n\n        // User not found\n        if (error?.message?.includes('Not user found')) {\n          this.error = 'Es konnte kein Konto mit der E-Mail gefunden werden. Bitte gib eine gültige E-Mail ein!';\n        }\n\n        this.scrollToTop();\n        this.loading = false;\n      },\n    });\n  }\n\n  scrollToTop() {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n}\n","<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column login-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [autocomplete]=\"'current-password'\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Einloggen</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../passwort-vergessen\">Passwort vergessen</a>\n          <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { FormsService, UserService, Validation } from '@lenne.tech/ng-base/shared';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'base-register',\n  templateUrl: './register.component.html',\n  styleUrls: ['./register.component.scss'],\n})\nexport class RegisterComponent implements OnInit {\n  form: FormGroup;\n  error: string;\n  loading: boolean;\n\n  constructor(private formsService: FormsService, private userService: UserService, private router: Router) {}\n\n  ngOnInit(): void {\n    this.createForm();\n  }\n\n  /**\n   * Create login form\n   */\n  createForm() {\n    this.form = new FormGroup(\n      {\n        firstName: new FormControl('', [Validators.required]),\n        lastName: new FormControl('', [Validators.required]),\n        email: new FormControl('', [Validators.required, Validators.email]),\n        password: new FormControl('', Validators.required),\n        passwordConfirm: new FormControl('', Validators.required),\n        privacy: new FormControl(false, Validators.requiredTrue),\n      },\n      {\n        validators: [Validation.match('password', 'passwordConfirm')],\n      }\n    );\n  }\n\n  /**\n   * Submit login form\n   */\n  submit() {\n    this.error = '';\n    this.loading = true;\n\n    if (this.form.invalid) {\n      this.formsService.validateAllFormFields(this.form);\n      this.scrollToTop();\n      this.loading = false;\n      return;\n    }\n\n    const input = this.form.value;\n    delete input.privacy;\n\n    this.userService.register(input).subscribe({\n      next: (auth) => {\n        if (auth) {\n          this.router.navigate(['/main']);\n        } else {\n          this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';\n          this.scrollToTop();\n        }\n        this.loading = false;\n      },\n      error: (err) => {\n        if (err?.message?.includes('already exists')) {\n          this.error =\n            'Mit dieser E-Mail gibt es bereits ein Konto. Bitte wähle eine andere E-Mail Adresse oder logge dich mit deinem Passwort ein.';\n          this.scrollToTop();\n        }\n\n        this.loading = false;\n      },\n    });\n  }\n\n  scrollToTop() {\n    window.scrollTo({ top: 0, behavior: 'smooth' });\n  }\n}\n","<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column register-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div id=\"register-error\" class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'firstName'\"\n          [name]=\"'firstName'\"\n          [label]=\"'Vorname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('firstName')\"\n          [autocomplete]=\"'given-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'lastName'\"\n          [name]=\"'lastName'\"\n          [label]=\"'Nachname'\"\n          [type]=\"'text'\"\n          [control]=\"form.get('lastName')\"\n          [autocomplete]=\"'family-name'\"\n        ></base-input>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [control]=\"form.get('email')\"\n          [autocomplete]=\"'email'\"\n        ></base-input>\n        <base-input\n          [id]=\"'password'\"\n          [name]=\"'password'\"\n          [label]=\"'Passwort'\"\n          [type]=\"'password'\"\n          [autocomplete]=\"'new-password'\"\n          [control]=\"form.get('password')\"\n        ></base-input>\n        <base-input\n          [id]=\"'password-confirm'\"\n          [name]=\"'password-confirm'\"\n          [label]=\"'Passwort bestätigen'\"\n          [autocomplete]=\"'new-password'\"\n          [type]=\"'password'\"\n          [control]=\"form.get('passwordConfirm')\"\n        ></base-input>\n        <base-checkbox [id]=\"'privacy'\" [control]=\"form.get('privacy')\">\n          Hiermit bestätige ich, dass ich die <a routerLink=\"/datenschutz\">Datenschutzerklärung</a> gelesen habe und\n          akzeptiere.\n        </base-checkbox>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Registrieren</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n","import { Component, OnInit } from '@angular/core';\nimport { FormControl, FormGroup, Validators } from '@angular/forms';\nimport { FormsService, UserService } from '@lenne.tech/ng-base/shared';\nimport { Router } from '@angular/router';\n\n@Component({\n  selector: 'base-forgot-password',\n  templateUrl: './forgot-password.component.html',\n  styleUrls: ['./forgot-password.component.scss'],\n})\nexport class ForgotPasswordComponent implements OnInit {\n  form: FormGroup;\n  error: string;\n  loading: boolean;\n\n  constructor(private formsService: FormsService, private userService: UserService, private router: Router) {}\n\n  ngOnInit(): void {\n    this.createForm();\n  }\n\n  /**\n   * Create login form\n   */\n  createForm() {\n    this.form = new FormGroup({\n      email: new FormControl('', [Validators.required, Validators.email]),\n    });\n  }\n\n  /**\n   * Submit form\n   */\n  submit() {\n    this.loading = true;\n\n    if (this.form.invalid) {\n      this.formsService.validateAllFormFields(this.form);\n      this.loading = false;\n      return;\n    }\n\n    this.userService.requestPasswordResetMail(this.form.get('email').value).subscribe({\n      next: (response) => {\n        if (response) {\n          this.router.navigate(['/']);\n        } else {\n          this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';\n        }\n        this.loading = false;\n      },\n      error: () => {\n        this.error = 'Etwas ist schiefgelaufen. Bitte probiere es später erneut.';\n        this.loading = false;\n      },\n    });\n  }\n}\n","<div class=\"d-flex justify-content-center align-items-center h-100 py-5\">\n  <div class=\"d-flex flex-column forgot-container\">\n    <div class=\"container\">\n      <form [formGroup]=\"form\">\n        <div class=\"alert alert-danger\" role=\"alert\" *ngIf=\"error\">\n          {{ error }}\n        </div>\n        <base-input\n          [id]=\"'email'\"\n          [name]=\"'email'\"\n          [label]=\"'E-Mail Adresse'\"\n          [type]=\"'email'\"\n          [autocomplete]=\"'email'\"\n          [control]=\"form.get('email')\"\n        ></base-input>\n        <div class=\"d-grid gap-2 text-center\">\n          <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">E-Mail senden</button>\n          <button class=\"btn btn-primary\" type=\"button\" disabled *ngIf=\"loading\">\n            <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\n            Loading...\n          </button>\n          <hr />\n          <a routerLink=\"../login\">Bereits ein Konto? Dann logge Dich hier ein!</a>\n          <a routerLink=\"../registrieren\">Noch kein Konto? Dann registiere Dich jetzt!</a>\n        </div>\n      </form>\n    </div>\n  </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { RouterModule } from '@angular/router';\n\nimport { BaseComponentsModule } from '@lenne.tech/ng-base/base-components';\nimport { LoginComponent } from './pages/login/login.component';\nimport { RegisterComponent } from './pages/register/register.component';\nimport { ForgotPasswordComponent } from './pages/forgot-password/forgot-password.component';\nimport { BaseModule } from '@lenne.tech/ng-base';\n\n// Modules\nconst imports = [BaseModule, FormsModule, RouterModule, ReactiveFormsModule, CommonModule, BaseComponentsModule];\n\n// Imported and exported elements\nconst elements = [\n  // Components\n  LoginComponent,\n  RegisterComponent,\n  ForgotPasswordComponent,\n];\n\n@NgModule({\n  declarations: elements,\n  imports,\n  exports: elements,\n})\nexport class BasePrototypeModule {}\n","/**\n * Exports for public API\n */\n\n// Module\nexport * from './base-prototype.module';\n\n// Pages\nexport * from './pages/login/login.component';\nexport * from './pages/register/register.component';\nexport * from './pages/forgot-password/forgot-password.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}