petits correctifs

.gitignore

@@ -5,6 +5,7 @@
 /tmp
 /out-tsc
 /bazel-out
+.nx/*
 
 # Node
 /node_modules

package-lock.json

@@ -6515,12 +6515,12 @@
       }
     },
     "node_modules/braces": {
-      "version": "3.0.2",
+      "version": "3.0.3",
-      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
-      "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
       "dev": true,
       "dependencies": {
-        "fill-range": "^7.0.1"
+        "fill-range": "^7.1.1"
       },
       "engines": {
         "node": ">=8"
@@ -8721,9 +8721,9 @@
       }
     },
     "node_modules/fill-range": {
-      "version": "7.0.1",
+      "version": "7.1.1",
-      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
-      "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
       "dev": true,
       "dependencies": {
         "to-regex-range": "^5.0.1"

src/app/components/login/login.component.html

@@ -3,13 +3,8 @@
 
   <mat-form-field class="form-field">
     <mat-label>Enter your login</mat-label>
-    <input
+    <input matInput placeholder="pat" [formControl]="login" required />
-      matInput
+    <mat-error *ngIf="login.invalid"></mat-error>
-      placeholder="pat"
-      [formControl]="login"
-      (blur)="updateErrorMessage()"
-      required />
-    <mat-error *ngIf="login.invalid">{{ errorMessage }}</mat-error>
   </mat-form-field>
 
   <mat-form-field class="form-field">
@@ -18,7 +13,6 @@
       matInput
       [type]="hide ? 'password' : 'text'"
       [formControl]="password"
-      (blur)="updateErrorMessage()"
       required />
     <button
       mat-icon-button

src/app/components/login/login.component.ts

@@ -46,43 +46,11 @@ export class LoginComponent {
   errorLogin = '';
 
   constructor(private userService: UserService) {
-    merge(this.email.statusChanges, this.email.valueChanges)
+    merge(this.email.statusChanges, this.email.valueChanges).pipe(
-      .pipe(takeUntilDestroyed())
+      takeUntilDestroyed()
-      .subscribe(() => this.updateErrorMessage());
+    );
   }
 
-  updateErrorMessage() {
-    if (this.email.hasError('required')) {
-      this.errorMessage = 'You must enter a value';
-    } else if (this.login.hasError('required')) {
-      this.errorMessage = 'You must enter a login';
-    } else {
-      this.errorMessage = '';
-    }
-  }
-
-  // register() {
-  //   console.log('registering user :', this.login.value);
-
-  //   const form: any = {
-  //     value: {
-  //       login: this.login.value,
-  //       password: this.password.value,
-  //     },
-  //   };
-  //   this.userService.postUser(form).subscribe((response) => {
-  //     console.log('response :', response);
-  //     if ((response as any).success) {
-  //       this.successRegister = 'Votre compte a été créé avec succès.';
-  //       this.errorRegister = '';
-  //     } else {
-  //       this.errorRegister =
-  //         "L'inscription a échoué : un compte avec ce login existe déjà.";
-  //       this.successRegister = '';
-  //     }
-  //   });
-  // }
-
   loginAction() {
     console.log('login user :', this.login.value);
 

src/app/services/user.service.ts

@@ -10,14 +10,8 @@ import { NgForm } from '@angular/forms';
 export class UserService {
   API_URL = 'http://127.0.0.1:3000';
 
-  private Users: User[] = [];
-
   constructor(private http: HttpClient) {}
 
-  getUsers(): Observable<any> {
-    return this.http.get(`${this.API_URL}/Users`);
-  }
-
   postUser(form: NgForm): Observable<HttpResponse<Response>> {
     let body = {
       login: form.value.login,

src/styles.scss

@@ -22,6 +22,3 @@ body {
   margin: 0;
   font-family: Roboto, 'Helvetica Neue', sans-serif;
 }
-
-html, body { height: 100%; }
-body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }