Merge pull request #19 from Quantum-P3/feature/US-01-tests-fix

Update login form styles and tests

src/main/webapp/app/account/register/register.component.ts

@@ -84,7 +84,6 @@ export class RegisterComponent implements AfterViewInit {
       const login = this.registerForm.get(['email'])!.value;
       const email = this.registerForm.get(['email'])!.value;
       const name = this.registerForm.get(['name'])!.value;
-      console.log(name);
 
       this.registerService
         .save({

src/main/webapp/app/account/settings/settings.component.ts

@@ -179,7 +179,6 @@ export class SettingsComponent implements OnInit {
         icon.class = 'active';
       }
     });
-    console.log(this.profileIcons);
 
     this.usersSharedCollection = this.userService.addUserToCollectionIfMissing(this.usersSharedCollection, usuarioExtra.user);
     this.plantillasSharedCollection = this.plantillaService.addPlantillaToCollectionIfMissing(

src/main/webapp/app/entities/usuario-extra/update/usuario-extra-update.component.ts

@@ -82,7 +82,6 @@ export class UsuarioExtraUpdateComponent {
       const login = this.registerForm.get(['email'])!.value;
       const email = this.registerForm.get(['email'])!.value;
       const name = this.registerForm.get(['name'])!.value;
-      console.log(name);
 
       this.registerService
         .save({

src/main/webapp/app/login/login.component.html

@@ -69,7 +69,7 @@
           <div class="card-body p-4">
             <div class="text-center w-75 m-auto">
               <h4 class="text-dark-50 text-center pb-0 fw-bold p-0 m-0" style="color: #727070; font-weight: 700; font-size: 1.3rem">
-                INICIAR SESION
+                INICIAR SESIÓN
               </h4>
               <p class="mb-4" style="color: rgba(146, 146, 146, 0.664)">Ingrese su correo electrónico y contraseña</p>
             </div>
@@ -83,7 +83,7 @@
               <strong>Failed to sign in!</strong> Please check your credentials and try again.
             </div>
 
-            <form class="form" role="form" (ngSubmit)="login()" [formGroup]="loginForm">
+            <form class="ds-form" role="form" (ngSubmit)="login()" [formGroup]="loginForm">
               <div class="mb-3">
                 <div class="form-group">
                   <label for="username" class="form-label">Correo electrónico</label>
@@ -188,16 +188,27 @@
               </div>
 
               <div class="mb-3 mb-0 text-center">
-                <button type="submit" class="btn btn-primary w-100" data-cy="submit">Iniciar sesion</button>
+                <button type="submit" class="ds-btn ds-btn--primary w-100" data-cy="submit">Iniciar sesión</button>
+              </div>
+
+              <div class="mb-3 mb-0 text-center">
+                <button
+                  type="button"
+                  class="ds-btn ds-btn--google w-100 d-flex align-items-center justify-content-center"
+                  (click)="signInWithGoogle()"
+                >
+                  <img class="mr-2" src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg" />
+                  Iniciar con Google
+                </button>
               </div>
             </form>
 
-            <div class="google-btn w-80 m-auto">
+            <!-- <div class="google-btn w-80 m-auto">
               <div class="google-icon-wrapper">
                 <img class="google-icon" src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg" />
               </div>
               <button class="btn-text" (click)="signInWithGoogle()">Iniciar con Google</button>
-            </div>
+            </div> -->
 
             <!--<div class="mb-3 mb-0">
               <button class="btn" (click)="signInWithGoogle()">

src/main/webapp/app/login/login.component.ts

@@ -69,7 +69,7 @@ export class LoginComponent implements OnInit, AfterViewInit {
   }
 
   ngAfterViewInit(): void {
-    this.username.nativeElement.focus();
+    // this.username.nativeElement.focus();
   }
 
   //Inicio Google

src/main/webapp/content/scss/paper-dashboard/_datasurvey-buttons.scss

@@ -52,3 +52,14 @@
     color: #d33232;
   }
 }
+
+.ds-btn--google {
+  background-color: transparent;
+  color: #787878;
+  border: 1px solid #e6e6e6;
+
+  img {
+    width: 20px;
+    height: 20px;
+  }
+}

src/main/webapp/content/scss/paper-dashboard/_datasurvey-form.scss

@@ -13,7 +13,8 @@ $form-background: #f1f5f9;
     }
   }
 
-  input {
+  input,
+  input:-webkit-autofill {
     background-color: $form-background;
     border-radius: 15px;
     border: 1.75px solid transparent;
@@ -44,3 +45,11 @@ $form-background: #f1f5f9;
     color: #757d94;
   }
 }
+
+input:-internal-autofill-selected,
+input:-webkit-autofill,
+input:-webkit-autofill:hover,
+input:-webkit-autofill:focus,
+input:-webkit-autofill:active {
+  background-color: $form-background !important;
+}