Update login form styles and tests

This commit is contained in:
Pablo Bonilla 2021-07-11 17:45:21 -06:00
parent 81b550b3c5
commit 54d5cad099
No known key found for this signature in database
GPG Key ID: 46877262B8DE47E2
8 changed files with 38 additions and 10 deletions

View File

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

View File

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

View File

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

View File

@ -69,7 +69,7 @@
<div class="card-body p-4"> <div class="card-body p-4">
<div class="text-center w-75 m-auto"> <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"> <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> </h4>
<p class="mb-4" style="color: rgba(146, 146, 146, 0.664)">Ingrese su correo electrónico y contraseña</p> <p class="mb-4" style="color: rgba(146, 146, 146, 0.664)">Ingrese su correo electrónico y contraseña</p>
</div> </div>
@ -83,7 +83,7 @@
<strong>Failed to sign in!</strong> Please check your credentials and try again. <strong>Failed to sign in!</strong> Please check your credentials and try again.
</div> </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="mb-3">
<div class="form-group"> <div class="form-group">
<label for="username" class="form-label">Correo electrónico</label> <label for="username" class="form-label">Correo electrónico</label>
@ -188,16 +188,27 @@
</div> </div>
<div class="mb-3 mb-0 text-center"> <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> </div>
</form> </form>
<div class="google-btn w-80 m-auto"> <!-- <div class="google-btn w-80 m-auto">
<div class="google-icon-wrapper"> <div class="google-icon-wrapper">
<img class="google-icon" src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg" /> <img class="google-icon" src="https://upload.wikimedia.org/wikipedia/commons/5/53/Google_%22G%22_Logo.svg" />
</div> </div>
<button class="btn-text" (click)="signInWithGoogle()">Iniciar con Google</button> <button class="btn-text" (click)="signInWithGoogle()">Iniciar con Google</button>
</div> </div> -->
<!--<div class="mb-3 mb-0"> <!--<div class="mb-3 mb-0">
<button class="btn" (click)="signInWithGoogle()"> <button class="btn" (click)="signInWithGoogle()">

View File

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

View File

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

View File

@ -13,7 +13,8 @@ $form-background: #f1f5f9;
} }
} }
input { input,
input:-webkit-autofill {
background-color: $form-background; background-color: $form-background;
border-radius: 15px; border-radius: 15px;
border: 1.75px solid transparent; border: 1.75px solid transparent;
@ -44,3 +45,11 @@ $form-background: #f1f5f9;
color: #757d94; 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;
}