indent_size à 4

Front/skydivelogs-app/src/app/create-user/create-user.component.html

@@ -1,126 +1,136 @@
 <form
-  focusInvalidInput
-  autocomplete="off"
-  style="padding: 10px"
-  (ngSubmit)="onCreateSubmit()"
-  [formGroup]="createForm"
-  >
-  <p>
-    <mat-form-field>
-      <mat-label>{{ "LoginCreateUser_Firstname" | translate }}</mat-label>
-      <input
-        type="text"
-        matInput
-        #firstname="matInput"
-        formControlName="firstname"
-        [ngClass]="{ 'is-invalid': submitted && formCtrls['firstname'].errors }"
-        tabindex="0"
-        />
-      @if (formCtrls['firstname'].hasError('required')) {
-        <mat-error>
-          {{ "LoginCreateUser_FirstnameRequired" | translate }}
-        </mat-error>
-      }
-      @if (formCtrls['firstname'].hasError('minlength')) {
-        <mat-error>
-          {{ "LoginCreateUser_FirstnamePattern" | translate }}
-        </mat-error>
-      }
-    </mat-form-field>
-  </p>
-  <p>
-    <mat-form-field>
-      <mat-label>{{ "LoginCreateUser_Lastname" | translate }}</mat-label>
-      <input
-        matInput
-        type="text"
-        formControlName="lastname"
-        [ngClass]="{ 'is-invalid': submitted && formCtrls['lastname'].errors }"
-        tabindex="1"
-        />
-      @if (formCtrls['lastname'].hasError('required')) {
-        <mat-error>
-          {{ "LoginCreateUser_LastnameRequired" | translate }}
-        </mat-error>
-      }
-      @if (formCtrls['lastname'].hasError('minlength')) {
-        <mat-error>
-          {{ "LoginCreateUser_LastnamePattern" | translate }}
-        </mat-error>
-      }
-    </mat-form-field>
-  </p>
-  <p>
-    <mat-form-field>
-      <mat-label>{{ "LoginCreateUser_Email" | translate }}</mat-label>
-      <input
-        matInput
-        type="email"
-        formControlName="email"
-        [ngClass]="{ 'is-invalid': submitted && formCtrls['email'].errors }"
-        tabindex="3"
-        />
-      @if (formCtrls['email'].hasError('required')) {
-        <mat-error>
-          {{ "LoginCreateUser_EmailRequired" | translate }}
-        </mat-error>
-      }
-      @if (formCtrls['email'].hasError('email')) {
-        <mat-error>
-          {{ "LoginCreateUser_EmailPattern" | translate }}
-        </mat-error>
-      }
-    </mat-form-field>
-  </p>
-  <p>
-    <mat-form-field>
-      <mat-label>{{ "LoginCreateUser_Username" | translate }}</mat-label>
-      <input
-        matInput
-        type="text"
-        formControlName="username"
-        [ngClass]="{ 'is-invalid': submitted && formCtrls['username'].errors }"
-        tabindex="4"
-        />
-      @if (formCtrls['username'].hasError('required')) {
-        <mat-error>
-          {{ "LoginCreateUser_UsernameRequired" | translate }}
-        </mat-error>
-      }
-      @if (formCtrls['username'].hasError('minlength')) {
-        <mat-error>
-          {{ "LoginCreateUser_UsernamePattern" | translate }}
-        </mat-error>
-      }
-    </mat-form-field>
-  </p>
-  <p>
-    <mat-form-field>
-      <mat-label>{{ "LoginCreateUser_Password" | translate }}</mat-label>
-      <input
-        matInput
-        type="password"
-        formControlName="password"
-        [ngClass]="{ 'is-invalid': submitted && formCtrls['password'].errors }"
-        tabindex="5"
-        />
-      @if (formCtrls['password'].hasError('required')) {
-        <mat-error>
-          {{ "LoginCreateUser_PasswordRequired" | translate }}
-        </mat-error>
-      }
-      @if (formCtrls['password'].hasError('pattern')) {
-        <mat-error>
-          {{ "LoginCreateUser_PasswordPattern" | translate }}
-        </mat-error>
-      }
-    </mat-form-field>
-  </p>
+    focusInvalidInput
+    autocomplete="off"
+    style="padding: 10px"
+    (ngSubmit)="onCreateSubmit()"
+    [formGroup]="createForm"
+>
+    <p>
+        <mat-form-field>
+            <mat-label>{{ "LoginCreateUser_Firstname" | translate }}</mat-label>
+            <input
+                type="text"
+                matInput
+                #firstname="matInput"
+                formControlName="firstname"
+                [ngClass]="{
+                    'is-invalid': submitted && formCtrls['firstname'].errors,
+                }"
+                tabindex="0"
+            />
+            @if (formCtrls["firstname"].hasError("required")) {
+                <mat-error>
+                    {{ "LoginCreateUser_FirstnameRequired" | translate }}
+                </mat-error>
+            }
+            @if (formCtrls["firstname"].hasError("minlength")) {
+                <mat-error>
+                    {{ "LoginCreateUser_FirstnamePattern" | translate }}
+                </mat-error>
+            }
+        </mat-form-field>
+    </p>
+    <p>
+        <mat-form-field>
+            <mat-label>{{ "LoginCreateUser_Lastname" | translate }}</mat-label>
+            <input
+                matInput
+                type="text"
+                formControlName="lastname"
+                [ngClass]="{
+                    'is-invalid': submitted && formCtrls['lastname'].errors,
+                }"
+                tabindex="1"
+            />
+            @if (formCtrls["lastname"].hasError("required")) {
+                <mat-error>
+                    {{ "LoginCreateUser_LastnameRequired" | translate }}
+                </mat-error>
+            }
+            @if (formCtrls["lastname"].hasError("minlength")) {
+                <mat-error>
+                    {{ "LoginCreateUser_LastnamePattern" | translate }}
+                </mat-error>
+            }
+        </mat-form-field>
+    </p>
+    <p>
+        <mat-form-field>
+            <mat-label>{{ "LoginCreateUser_Email" | translate }}</mat-label>
+            <input
+                matInput
+                type="email"
+                formControlName="email"
+                [ngClass]="{
+                    'is-invalid': submitted && formCtrls['email'].errors,
+                }"
+                tabindex="3"
+            />
+            @if (formCtrls["email"].hasError("required")) {
+                <mat-error>
+                    {{ "LoginCreateUser_EmailRequired" | translate }}
+                </mat-error>
+            }
+            @if (formCtrls["email"].hasError("email")) {
+                <mat-error>
+                    {{ "LoginCreateUser_EmailPattern" | translate }}
+                </mat-error>
+            }
+        </mat-form-field>
+    </p>
+    <p>
+        <mat-form-field>
+            <mat-label>{{ "LoginCreateUser_Username" | translate }}</mat-label>
+            <input
+                matInput
+                type="text"
+                formControlName="username"
+                [ngClass]="{
+                    'is-invalid': submitted && formCtrls['username'].errors,
+                }"
+                tabindex="4"
+            />
+            @if (formCtrls["username"].hasError("required")) {
+                <mat-error>
+                    {{ "LoginCreateUser_UsernameRequired" | translate }}
+                </mat-error>
+            }
+            @if (formCtrls["username"].hasError("minlength")) {
+                <mat-error>
+                    {{ "LoginCreateUser_UsernamePattern" | translate }}
+                </mat-error>
+            }
+        </mat-form-field>
+    </p>
+    <p>
+        <mat-form-field>
+            <mat-label>{{ "LoginCreateUser_Password" | translate }}</mat-label>
+            <input
+                matInput
+                type="password"
+                formControlName="password"
+                [ngClass]="{
+                    'is-invalid': submitted && formCtrls['password'].errors,
+                }"
+                tabindex="5"
+            />
+            @if (formCtrls["password"].hasError("required")) {
+                <mat-error>
+                    {{ "LoginCreateUser_PasswordRequired" | translate }}
+                </mat-error>
+            }
+            @if (formCtrls["password"].hasError("pattern")) {
+                <mat-error>
+                    {{ "LoginCreateUser_PasswordPattern" | translate }}
+                </mat-error>
+            }
+        </mat-form-field>
+    </p>
 
-  <button [disabled]="!createForm.valid" mat-raised-button color="accent">
-    {{ "LoginCreateUser_BtnLogin" | translate }}
-  </button>
-  @if (error) {
-    <div class="alert alert-danger mt-3 mb-0">{{ error }}</div>
-  }
+    <button [disabled]="!createForm.valid" mat-raised-button color="accent">
+        {{ "LoginCreateUser_BtnLogin" | translate }}
+    </button>
+    @if (error) {
+        <div class="alert alert-danger mt-3 mb-0">{{ error }}</div>
+    }
 </form>

Front/skydivelogs-app/src/app/create-user/create-user.component.ts

@@ -1,15 +1,15 @@
 import { Component, OnInit, ViewChild } from "@angular/core";
 import { Router, ActivatedRoute } from "@angular/router";
 import {
-  FormBuilder,
-  FormGroup,
-  ReactiveFormsModule,
-  Validators,
+    FormBuilder,
+    FormGroup,
+    ReactiveFormsModule,
+    Validators,
 } from "@angular/forms";
 import {
-  TranslateModule,
-  TranslatePipe,
-  TranslateService,
+    TranslateModule,
+    TranslatePipe,
+    TranslateService,
 } from "@ngx-translate/core";
 import { CommonModule } from "@angular/common";
 import { MatFormFieldModule } from "@angular/material/form-field";
@@ -22,90 +22,90 @@ import { AuthenticationService } from "../../services/authentication.service";
 import { User } from "../../models/user";
 
 @Component({
-  selector: "app-create-user",
-  templateUrl: "./create-user.component.html",
-  styleUrls: ["./create-user.component.css"],
-  imports: [
-    CommonModule,
-    MatFormFieldModule,
-    ReactiveFormsModule,
-    MatInputModule,
-    MatButtonModule,
-    TranslateModule,
-    TranslatePipe,
-  ],
+    selector: "app-create-user",
+    templateUrl: "./create-user.component.html",
+    styleUrls: ["./create-user.component.css"],
+    imports: [
+        CommonModule,
+        MatFormFieldModule,
+        ReactiveFormsModule,
+        MatInputModule,
+        MatButtonModule,
+        TranslateModule,
+        TranslatePipe,
+    ],
 })
 export class CreateUserComponent implements OnInit {
-  public createForm: FormGroup;
-  public invalidForm = true;
-  public submitted = false;
-  public returnUrl: string;
-  public error: string = "";
+    public createForm: FormGroup;
+    public invalidForm = true;
+    public submitted = false;
+    public returnUrl: string;
+    public error: string = "";
 
-  constructor(
-    private formBuilder: FormBuilder,
-    private route: ActivatedRoute,
-    private router: Router,
-    private authenticationService: AuthenticationService,
-    private translateService: TranslateService,
-  ) {
-    // redirect to home if already logged in
-    if (this.authenticationService.currentUserValue) {
-      this.router.navigate(["/"]);
+    constructor(
+        private formBuilder: FormBuilder,
+        private route: ActivatedRoute,
+        private router: Router,
+        private authenticationService: AuthenticationService,
+        private translateService: TranslateService,
+    ) {
+        // redirect to home if already logged in
+        if (this.authenticationService.currentUserValue) {
+            this.router.navigate(["/"]);
+        }
     }
-  }
 
-  ngOnInit() {
-    this.createForm = this.formBuilder.group(
-      {
-        firstname: ["", [Validators.required, Validators.minLength(3)]],
-        lastname: ["", [Validators.required, Validators.minLength(3)]],
-        email: ["", [Validators.required, Validators.email]],
-        username: ["", [Validators.required, Validators.minLength(3)]],
-        password: [
-          "",
-          [
-            Validators.required,
-            Validators.pattern(
-              "^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[@$!%*#?&-_|]).{8,}$",
-            ),
-          ],
-        ],
-      },
-      { updateOn: "blur" },
-    );
+    ngOnInit() {
+        this.createForm = this.formBuilder.group(
+            {
+                firstname: ["", [Validators.required, Validators.minLength(3)]],
+                lastname: ["", [Validators.required, Validators.minLength(3)]],
+                email: ["", [Validators.required, Validators.email]],
+                username: ["", [Validators.required, Validators.minLength(3)]],
+                password: [
+                    "",
+                    [
+                        Validators.required,
+                        Validators.pattern(
+                            "^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9])(?=.*?[@$!%*#?&-_|]).{8,}$",
+                        ),
+                    ],
+                ],
+            },
+            { updateOn: "blur" },
+        );
 
-    // get return url from route parameters or default to '/'
-    this.returnUrl = this.route.snapshot.queryParams["returnUrl"] || "/";
-  }
-
-  get formCtrls() {
-    return this.createForm.controls;
-  }
-
-  onCreateSubmit() {
-    this.invalidForm = false;
-    this.submitted = true;
-    if (this.createForm.invalid) {
-      this.invalidForm = true;
-      return;
+        // get return url from route parameters or default to '/'
+        this.returnUrl = this.route.snapshot.queryParams["returnUrl"] || "/";
+    }
+
+    get formCtrls() {
+        return this.createForm.controls;
+    }
+
+    onCreateSubmit() {
+        this.invalidForm = false;
+        this.submitted = true;
+        if (this.createForm.invalid) {
+            this.invalidForm = true;
+            return;
+        }
+        let createUser = new User();
+        createUser.login = this.formCtrls["username"].value;
+        createUser.password = this.formCtrls["password"].value;
+        createUser.firstName = this.formCtrls["firstname"].value;
+        createUser.lastName = this.formCtrls["lastname"].value;
+        createUser.email = this.formCtrls["email"].value;
+        createUser.language = this.translateService.getCurrentLang();
+        this.authenticationService
+            .create(createUser)
+            .pipe(first())
+            .subscribe({
+                complete: () => this.router.navigate([this.returnUrl]),
+                error: (error) => {
+                    this.error = error.message;
+                    this.invalidForm = false;
+                },
+            });
     }
-    let createUser = new User();
-    createUser.login = this.formCtrls["username"].value;
-    createUser.password = this.formCtrls["password"].value;
-    createUser.firstName = this.formCtrls["firstname"].value;
-    createUser.lastName = this.formCtrls["lastname"].value;
-    createUser.email = this.formCtrls["email"].value;
-    createUser.language = this.translateService.getCurrentLang();
-    this.authenticationService
-      .create(createUser)
-      .pipe(first())
-      .subscribe({
-        complete: () => this.router.navigate([this.returnUrl]),
-        error: (error) => {
-          this.error = error.message;
-          this.invalidForm = false;
-        },
-      });
-  }
 }