@lenne.tech/ng-base 14.6.0 → 14.7.0

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

@@ -1763,12 +1763,58 @@ class ChangePasswordComponent {
     }
 }
 ChangePasswordComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChangePasswordComponent, deps: [{ token: i1$1.FormsService }, { token: i1$1.UserService }, { token: i1$1.AuthService }, { token: i1$1.ToastService }], target: i0.ɵɵFactoryTarget.Component });
-ChangePasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChangePasswordComponent, selector: "base-change-password", ngImport: i0, template: "<form [formGroup]=\"form\">\n  <base-input\n    [id]=\"'password'\"\n    [label]=\"'Passwort'\"\n    [required]=\"true\"\n    [type]=\"'password'\"\n    [control]=\"form.get('password')\"\n    [tabIndex]=\"1\"\n    [eyeButton]=\"true\"\n  ></base-input>\n  <base-input\n    [id]=\"'password-confirm'\"\n    [label]=\"'Passwort best\u00E4tigen'\"\n    [required]=\"true\"\n    [type]=\"'password'\"\n    [control]=\"form.get('passwordConfirm')\"\n    [tabIndex]=\"2\"\n    [eyeButton]=\"true\"\n  ></base-input>\n\n  <div class=\"d-flex justify-content-end\">\n    <div>\n      <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Passwort \u00E4ndern</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    </div>\n  </div>\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "base-input", inputs: ["id", "name", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton"], outputs: ["enter"] }] });
+ChangePasswordComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: ChangePasswordComponent, selector: "base-change-password", ngImport: i0, template: "<h3>Passwort \u00E4ndern</h3>\n\n<form [formGroup]=\"form\">\n  <base-input\n    [id]=\"'password'\"\n    [label]=\"'Passwort'\"\n    [required]=\"true\"\n    [type]=\"'password'\"\n    [control]=\"form.get('password')\"\n    [tabIndex]=\"1\"\n    [eyeButton]=\"true\"\n  ></base-input>\n  <base-input\n    [id]=\"'password-confirm'\"\n    [label]=\"'Passwort best\u00E4tigen'\"\n    [required]=\"true\"\n    [type]=\"'password'\"\n    [control]=\"form.get('passwordConfirm')\"\n    [tabIndex]=\"2\"\n    [eyeButton]=\"true\"\n  ></base-input>\n\n  <div class=\"d-flex justify-content-end\">\n    <div>\n      <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Passwort \u00E4ndern</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    </div>\n  </div>\n</form>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: InputComponent, selector: "base-input", inputs: ["id", "name", "label", "placeholder", "autocomplete", "tabIndex", "control", "type", "required", "eyeButton"], outputs: ["enter"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: ChangePasswordComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'base-change-password', template: "<form [formGroup]=\"form\">\n  <base-input\n    [id]=\"'password'\"\n    [label]=\"'Passwort'\"\n    [required]=\"true\"\n    [type]=\"'password'\"\n    [control]=\"form.get('password')\"\n    [tabIndex]=\"1\"\n    [eyeButton]=\"true\"\n  ></base-input>\n  <base-input\n    [id]=\"'password-confirm'\"\n    [label]=\"'Passwort best\u00E4tigen'\"\n    [required]=\"true\"\n    [type]=\"'password'\"\n    [control]=\"form.get('passwordConfirm')\"\n    [tabIndex]=\"2\"\n    [eyeButton]=\"true\"\n  ></base-input>\n\n  <div class=\"d-flex justify-content-end\">\n    <div>\n      <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Passwort \u00E4ndern</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    </div>\n  </div>\n</form>\n" }]
+            args: [{ selector: 'base-change-password', template: "<h3>Passwort \u00E4ndern</h3>\n\n<form [formGroup]=\"form\">\n  <base-input\n    [id]=\"'password'\"\n    [label]=\"'Passwort'\"\n    [required]=\"true\"\n    [type]=\"'password'\"\n    [control]=\"form.get('password')\"\n    [tabIndex]=\"1\"\n    [eyeButton]=\"true\"\n  ></base-input>\n  <base-input\n    [id]=\"'password-confirm'\"\n    [label]=\"'Passwort best\u00E4tigen'\"\n    [required]=\"true\"\n    [type]=\"'password'\"\n    [control]=\"form.get('passwordConfirm')\"\n    [tabIndex]=\"2\"\n    [eyeButton]=\"true\"\n  ></base-input>\n\n  <div class=\"d-flex justify-content-end\">\n    <div>\n      <button class=\"btn btn-primary\" (click)=\"submit()\" *ngIf=\"!loading\">Passwort \u00E4ndern</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    </div>\n  </div>\n</form>\n" }]
         }], ctorParameters: function () { return [{ type: i1$1.FormsService }, { type: i1$1.UserService }, { type: i1$1.AuthService }, { type: i1$1.ToastService }]; } });
 
+class DeleteAccountComponent {
+    constructor(userService, authService, toastService, router) {
+        this.userService = userService;
+        this.authService = authService;
+        this.toastService = toastService;
+        this.router = router;
+        this.description = 'Mit dem Löschen Deines Kontos werden alle persönlichen Daten sofort gelöscht und sind nicht wiederherstellbar.';
+        this.loading = false;
+    }
+    deleteAccount() {
+        this.loading = true;
+        this.userService.delete(this.authService.currentUser.id).subscribe({
+            next: (response) => {
+                if (response) {
+                    this.toastService.show({
+                        id: 'delete-user-success',
+                        title: 'Erfolgreich',
+                        description: 'Dein Konto wurde erfolgreich gelöscht.',
+                        type: ToastType.SUCCESS,
+                    });
+                }
+                this.authService.logout();
+                this.router.navigate(['/']);
+                this.loading = false;
+            },
+            error: (error) => {
+                this.loading = false;
+                this.toastService.show({
+                    id: 'delete-user-error',
+                    title: 'Fehlgeschlagen',
+                    description: 'Konto löschen ist fehlgeschlagen, bitte versuche es später erneut.',
+                    type: ToastType.ERROR,
+                });
+            },
+        });
+    }
+}
+DeleteAccountComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DeleteAccountComponent, deps: [{ token: i1$1.UserService }, { token: i1$1.AuthService }, { token: i1$1.ToastService }, { token: i2$1.Router }], target: i0.ɵɵFactoryTarget.Component });
+DeleteAccountComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.0", type: DeleteAccountComponent, selector: "base-delete-account", inputs: { description: "description" }, ngImport: i0, template: "<div>\n  <h3>Konto l\u00F6schen</h3>\n\n  <p>{{ description }}</p>\n\n  <div class=\"d-flex justify-content-end mt-3\">\n    <div>\n      <button class=\"btn btn-primary\" (click)=\"deleteAccount()\" *ngIf=\"!loading\">Konto l\u00F6schen</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    </div>\n  </div>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: DeleteAccountComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'base-delete-account', template: "<div>\n  <h3>Konto l\u00F6schen</h3>\n\n  <p>{{ description }}</p>\n\n  <div class=\"d-flex justify-content-end mt-3\">\n    <div>\n      <button class=\"btn btn-primary\" (click)=\"deleteAccount()\" *ngIf=\"!loading\">Konto l\u00F6schen</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    </div>\n  </div>\n</div>\n" }]
+        }], ctorParameters: function () { return [{ type: i1$1.UserService }, { type: i1$1.AuthService }, { type: i1$1.ToastService }, { type: i2$1.Router }]; }, propDecorators: { description: [{
+                type: Input
+            }] } });
+
 class BackButtonDirective {
     constructor(navigation) {
         this.navigation = navigation;
@@ -1813,6 +1859,7 @@ const elements = [
     UploadImageComponent,
     RefenceInputComponent,
     ChangePasswordComponent,
+    DeleteAccountComponent,
     // Pipes
     EllipsesPipe,
 ];
@@ -1840,6 +1887,7 @@ BaseComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         UploadImageComponent,
         RefenceInputComponent,
         ChangePasswordComponent,
+        DeleteAccountComponent,
         // Pipes
         EllipsesPipe], imports: [FormsModule, ReactiveFormsModule, CommonModule], exports: [
         // Directives
@@ -1862,6 +1910,7 @@ BaseComponentsModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ve
         UploadImageComponent,
         RefenceInputComponent,
         ChangePasswordComponent,
+        DeleteAccountComponent,
         // Pipes
         EllipsesPipe] });
 BaseComponentsModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.1.0", ngImport: i0, type: BaseComponentsModule, imports: [imports] });
@@ -1882,5 +1931,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { BackButtonDirective, BaseComponentsModule, BreadcrumbComponent, ChangePasswordComponent, CheckboxComponent, ContextMenuDirective, EllipsesPipe, InputComponent, LoadingBarComponent, ModelFormComponent, ModelFormSubComponent, ModelTableComponent, RefenceInputComponent, SelectComponent, SkeletonLoaderComponent, SortDirective, TagsComponent, TextareaComponent, ToastComponent, UploadImageComponent };
+export { BackButtonDirective, BaseComponentsModule, BreadcrumbComponent, ChangePasswordComponent, CheckboxComponent, ContextMenuDirective, DeleteAccountComponent, EllipsesPipe, InputComponent, LoadingBarComponent, ModelFormComponent, ModelFormSubComponent, ModelTableComponent, RefenceInputComponent, SelectComponent, SkeletonLoaderComponent, SortDirective, TagsComponent, TextareaComponent, ToastComponent, UploadImageComponent };
 //# sourceMappingURL=lenne.tech-ng-base-base-components.mjs.map