You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
1.5 KiB
43 lines
1.5 KiB
<div class="row navbar">
|
|
<div class="col-1"></div>
|
|
<div class="col-8">
|
|
<h2>Shopify</h2>
|
|
</div>
|
|
<div class="col-1">
|
|
<a routerLink="/home"><i class="bi bi-house"></i></a>
|
|
</div>
|
|
<div class="col-1">
|
|
<a routerLink="/products"><i class="bi bi-box-seam"></i></a>
|
|
</div>
|
|
<div class="col-1"></div>
|
|
</div>
|
|
<BR><BR><BR><BR><BR><BR>
|
|
<div class="row">
|
|
<div class="col-3 card login_form text-center">
|
|
<h1 style="color: #1B4F72;">LOGIN</h1>
|
|
<form [formGroup]='loginForm' (submit)='onLoginFormSubmit()'>
|
|
<input type="text" placeholder="Enter Username" formControlName="username" />
|
|
<div *ngIf="loginForm.controls['username'].invalid && (loginForm.controls['username'].touched || loginForm.controls['username'].dirty)">
|
|
<p>Invalid Username</p>
|
|
</div>
|
|
<BR><BR>
|
|
<input type="password" placeholder="Enter Password" formControlName="password" />
|
|
<div *ngIf="loginForm.controls['password'].invalid && (loginForm.controls['password'].touched || loginForm.controls['password'].dirty)">
|
|
<p>Invalid Password</p>
|
|
</div>
|
|
<BR><BR>
|
|
<button [disabled]='!loginForm.valid'>Login</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12">
|
|
{{msg}}
|
|
</div>
|
|
</div>
|
|
<br>
|
|
<div class="row">
|
|
<div class="col-12 text-center">
|
|
<p style="color: #1B4F72;">Don't have an account ? <a routerLink="/signup">Sign Up</a></p>
|
|
</div>
|
|
</div>
|