From 852f8946052411ca3d9e338721227a5b86e833f8 Mon Sep 17 00:00:00 2001
From: apuente <apuente@qindel.com>
Date: Mon, 28 Oct 2024 12:28:57 +0100
Subject: [PATCH] Login - show password bug fix

---
 .../app/components/login/login.component.html | 46 +++++++++----------
 .../app/components/login/login.component.ts   |  4 +-
 2 files changed, 24 insertions(+), 26 deletions(-)

diff --git a/ogWebconsole/src/app/components/login/login.component.html b/ogWebconsole/src/app/components/login/login.component.html
index 3229fbc..c5b2dc7 100644
--- a/ogWebconsole/src/app/components/login/login.component.html
+++ b/ogWebconsole/src/app/components/login/login.component.html
@@ -1,32 +1,30 @@
 <div>
   <form class="login" (ngSubmit)="onLogin()" #loginForm="ngForm" (keydown.enter)="onLogin()">
-      <img src="assets/images/logo.png" alt="Opengnsys"
-           class="login-logo" [class.rotating]="isLoading">
-      <h2 i18n="@@headerOpengnsys">Opengnsys</h2>
-      <mat-form-field>
-        <mat-label i18n="@@loginlabelUsername">Introduce tu usuario</mat-label>
-        <input matInput [(ngModel)]="loginObj.username" name="username" required #usernameInput="ngModel" [ngClass]="{'invalid': !usernameInput.valid && usernameInput.touched}" />
-      </mat-form-field>
-      <mat-form-field>
-        <mat-label i18n="@@loginlabelPassword">Introduce tu contraseña</mat-label>
-        <input matInput (keydown.enter)="$event.preventDefault()" [type]="hide() ? 'password' : 'text'" required [(ngModel)]="loginObj.password" name="password"/>
-        <button
-          mat-icon-button
-          matSuffix
-          (click)="clickEvent()"
-          [attr.aria-label]="'Ocultar contraseña'"
-        >
-          <mat-icon>{{hide() ? 'visibility_off' : 'visibility'}}</mat-icon>
-        </button>
-      </mat-form-field>
-      <div class="button-row">
-        <button mat-flat-button color="primary" type="submit" [disabled]="!loginObj.username || !loginObj.password" i18n="@@buttonLogin">Iniciar sesión</button>
-      </div>
+    <img src="assets/images/logo.png" alt="Opengnsys" class="login-logo" [class.rotating]="isLoading">
+    <h2 i18n="@@headerOpengnsys">Opengnsys</h2>
+    <mat-form-field>
+      <mat-label i18n="@@loginlabelUsername">Introduce tu usuario</mat-label>
+      <input matInput [(ngModel)]="loginObj.username" name="username" required #usernameInput="ngModel"
+        [ngClass]="{'invalid': !usernameInput.valid && usernameInput.touched}" />
+    </mat-form-field>
+    <mat-form-field>
+      <mat-label i18n="@@loginlabelPassword">Introduce tu contraseña</mat-label>
+      <input matInput (keydown.enter)="$event.preventDefault()" [type]="hide() ? 'password' : 'text'" required
+        [(ngModel)]="loginObj.password" name="password" />
+      <button mat-icon-button matSuffix (click)="clickEvent($event)" [attr.aria-label]="'Ocultar contraseña'">
+        <mat-icon>{{hide() ? 'visibility_off' : 'visibility'}}</mat-icon>
+      </button>
+
+    </mat-form-field>
+    <div class="button-row">
+      <button mat-flat-button color="primary" type="submit" [disabled]="!loginObj.username || !loginObj.password"
+        i18n="@@buttonLogin">Iniciar sesión</button>
+    </div>
 
   </form>
 </div>
 <!-- BORRAR DESPUES DE LA DEMO -->
-<button mat-flat-button  (click)="redirectToUrl1()">Español</button>
+<button mat-flat-button (click)="redirectToUrl1()">Español</button>
 
 <!-- Botón para redirigir a http://localhost:4200/auth/login -->
-<button mat-flat-button (click)="redirectToUrl2()">Inglés</button>
+<button mat-flat-button (click)="redirectToUrl2()">Inglés</button>
\ No newline at end of file
diff --git a/ogWebconsole/src/app/components/login/login.component.ts b/ogWebconsole/src/app/components/login/login.component.ts
index 29bbcbd..aeb2dac 100644
--- a/ogWebconsole/src/app/components/login/login.component.ts
+++ b/ogWebconsole/src/app/components/login/login.component.ts
@@ -45,7 +45,6 @@ export class LoginComponent {
             return;
         }
 
-        // Usar la URL base de la variable de entorno
         this.http.post(`${this.baseUrl}/auth/login`, this.loginObj).subscribe({
             next: (res: any) => {
                 if (res.token) {
@@ -65,7 +64,8 @@ export class LoginComponent {
     }
 
   hide = signal(true);
-  clickEvent() {
+  clickEvent(event: Event) {
+    event.stopPropagation();
     this.hide.set(!this.hide());
   }