Skip to content

Date 03 31 2 #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
sanketkothiya2 wants to merge 14 commits into
base: main
Choose a base branch
from
Open

Date 03 31 2 #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
14 commits
Select commit Hold shift + click to select a range
21603ff
check -5
sanketkothiya2 Mar 30, 2025
dd1728d
check 6
sanketkothiya2 Mar 30, 2025
39f7b21
check 7
sanketkothiya2 Mar 30, 2025
16c5213
done
sanketkothiya2 Mar 30, 2025
4ad6175
check -1 done submission
sanketkothiya2 Mar 31, 2025
405a885
done changes to add required field
sanketkothiya2 Mar 31, 2025
e28a087
done changes in login and register
sanketkothiya2 Mar 31, 2025
6cb9b2b
login changes
sanketkothiya2 Mar 31, 2025
890ab3b
done changes
sanketkothiya2 Mar 31, 2025
02e72cc
done
sanketkothiya2 Mar 31, 2025
68da5ee
done changes
sanketkothiya2 Mar 31, 2025
ff3decb
done
sanketkothiya2 Mar 31, 2025
542d298
done
sanketkothiya2 Mar 31, 2025
fdda8b3
changes in register
sanketkothiya2 Apr 1, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
20 changes: 13 additions & 7 deletions src/app/components/auth/login.component.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,18 +20,23 @@ <h4>
</div>
</div>
<div class="login-wrapper">
<!-- Add animated background bubbles -->
<div class="bubble"></div>
<div class="bubble"></div>
<div class="bubble"></div>

<div class="login-container">
<div class="logo-section">
<i class="fas fa-envelope icon-email"></i>
</div>
<form [formGroup]="loginForm" (ngSubmit)="onSubmit()" class="login-form">
<h2>Welcome Back</h2>
<p class="subtitle">Sign in to continue to Credwise</p>
<p class="subtitle">Sign in to continue to Crediwise</p>

<div class="form-group">
<label for="email">Email Address</label>
<div class="input-wrapper">
<i class="icon-email"></i>
<i class="fas fa-envelope icon-email"></i>
<input type="email" id="email" formControlName="email" placeholder="Enter your email" required>
</div>
<div *ngIf="loginForm.get('email').invalid && (loginForm.get('email').dirty || loginForm.get('email').touched)"
Expand All @@ -44,10 +49,11 @@ <h2>Welcome Back</h2>
<div class="form-group">
<label for="password">Password</label>
<div class="input-wrapper">
<i class="icon-lock"></i>
<i class="fas fa-lock icon-lock"></i>
<input [type]="showPassword ? 'text' : 'password'" id="password" formControlName="password"
placeholder="Enter your password" required>
<i class="icon-eye" (click)="togglePasswordVisibility()" [class.active]="showPassword"></i>
<i class="fas" [class.fa-eye]="!showPassword" [class.fa-eye-slash]="showPassword" class="icon-eye"
(click)="togglePasswordVisibility()" [class.active]="showPassword"></i>
</div>
<div
*ngIf="loginForm.get('password').invalid && (loginForm.get('password').dirty || loginForm.get('password').touched)"
Expand All @@ -60,9 +66,9 @@ <h2>Welcome Back</h2>
<a href="/forgot-password">Forgot Password?</a>
</div>

<button type="submit" [disabled]="loginForm.invalid" class="login-button">
<span>Sign In</span>
<div class="button-loader" *ngIf="isLoading"></div>
<button type="submit" [disabled]="loginForm.invalid || isLoading" class="login-button">
<span *ngIf="isLoading" class="button-loader"></span>
<span *ngIf="!isLoading">Sign In</span>
</button>

<div class="register-link">
Expand Down
Loading