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.
46 lines
2.6 KiB
46 lines
2.6 KiB
<div class="container-fluid" style="height:100%;border:1px solid black;bottom:0px;overflow:hidden;">
|
|
<div class="row">
|
|
<div class="col-md-8" style="background-image: url('assets/images/Logo.png');background-repeat: no-repeat;
|
|
background-size: cover;">
|
|
</div>
|
|
<!-- ========================= SECTION CONTENT ========================= -->
|
|
<div class="col-lg-4">
|
|
<section class="section-conten padding-y" style="min-height:99.7vh;overflow:hidden;">
|
|
|
|
<!-- ============================ COMPONENT LOGIN ================================= -->
|
|
<div class="card mx-auto" style="max-width: 380px; margin-top:125.5px;">
|
|
<div class="card-body">
|
|
<h4 class="card-title mb-4">Sign in</h4>
|
|
<form [formGroup]='loginForm' (submit)='onloginFormSubmit()'>
|
|
<a href="#" class="btn btn-google btn-block mb-4"> <i class="fab fa-google"></i> Sign in with Google</a>
|
|
<p>{{msg}}</p>
|
|
<div class="form-group">
|
|
<input name="" class="form-control" placeholder="Username" type="text" formControlName="username">
|
|
<div *ngIf="loginForm.controls['username'].invalid && (loginForm.controls['username'].touched)" style="color:red;">Invalid UserName</div>
|
|
</div> <!-- form-group// -->
|
|
<div class="form-group">
|
|
<input name="" class="form-control" placeholder="Password" type="password" formControlName="password">
|
|
<div *ngIf="loginForm.controls['password'].invalid && (loginForm.controls['password'].touched)" style="color:red;">Invalid Password</div>
|
|
</div> <!-- form-group// -->
|
|
|
|
<div class="form-group">
|
|
<a href="#" class="float-right">Forgot password?</a>
|
|
<label class="float-left custom-control custom-checkbox"> <input type="checkbox" class="custom-control-input" checked=""> <div class="custom-control-label"> Remember </div> </label>
|
|
</div> <!-- form-group form-check .// -->
|
|
<div class="form-group">
|
|
<button type="submit" class="btn btn-primary btn-block" [disabled]='!loginForm.valid'> Login </button>
|
|
</div> <!-- form-group// -->
|
|
</form>
|
|
</div> <!-- card-body.// -->
|
|
</div> <!-- card .// -->
|
|
|
|
<p class="text-center mt-4">Don't have account? <a routerLink="/signup">Sign-Up</a></p>
|
|
<br><br>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<router-outlet></router-outlet>
|
|
|
|
<!-- ========================= FOOTER END // ========================= -->
|
|
|