Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | <grt-header-element
[showReqCall]="false"
[showLogIn]="false"
[showTrips]="false"
[indexPage]="false"
[showContactUs]="false"
[showHam]="false"
></grt-header-element>
<div class="login container-fluid">
<div class="inner is-smaller">
<h1 class="center">Login to your account</h1>
<form [formGroup]="form.formData" action="" class="form">
<div class="input">
<input
type="email"
formControlName="email"
placeholder="Email address"
[ngClass]="{ 'input-error': form.getErrors('email')?.length > 0 }"
/>
<app-validation-errors [errors]="form.getErrors('email')"></app-validation-errors>
</div>
<div class="input">
<input
[type]="showPassword ? 'text' : 'password'"
formControlName="password"
placeholder="Password"
[ngClass]="{ 'input-error': form.getErrors('password')?.length > 0 }"
/>
<img
style="width: 24px; cursor: pointer"
(click)="togglePasswordVisibility()"
[src]="showPassword ? '/assets/images/show-password.svg' : '/assets/images/hide-password.svg'"
alt="Toggle Password Visibility"
class="toggle-password-icon"
/>
<app-validation-errors [errors]="form.getErrors('password')"></app-validation-errors>
</div>
<a [href]="['/forgot-password']" class="right block blue">Forgot password?</a>
<button (click)="login()" [disabled]="isLoading" class="btn btn-green form__submit wide uppercase">Login</button>
<p class="text-center mt-3">
Don't have an account? <a [href]="['/trip-planner']" class="text-green">Create a Trip</a>
</p>
<div class="mt-3 pb-2 social-container">
<div class="line mt-5"></div>
<div class="divider">OR</div>
<div id="google-btn" class="googleBtn"></div>
</div>
</form>
</div>
</div>
|