You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
6.7 KiB
HTML
125 lines
6.7 KiB
HTML
<div class="c-wrapper" style="margin:0">
|
|
|
|
<!-- <nav class="navbar navbar-expand-lg" style="padding: 16.5px;">
|
|
<div class="container">
|
|
<p class="navbar-brand d-flex align-items-center" href="#">
|
|
<img src="assets/img/emblem2.jpg" alt="" class="img-fluid" style="height: 40px;">
|
|
Thrickodithanam SCB
|
|
</p>
|
|
|
|
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
|
|
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-icon"></span>
|
|
</button>
|
|
|
|
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item">
|
|
<p class="nav-link home-link" (click)="goToHome()">Home</p>
|
|
</li>
|
|
<li class="nav-item">
|
|
<p class="nav-link contact-link" (click)="goToContactUs()">Contact Us</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</nav> -->
|
|
|
|
<mat-progress-bar mode="indeterminate" *ngIf="loading" color="warn"></mat-progress-bar>
|
|
<!-- <nav class="navbar navbar-dark-responsive" style="background-image: url('assets/img/panel_background.jpg');padding: 56px;">
|
|
</nav> -->
|
|
<div class="container">
|
|
|
|
<div class="container" style="margin-top:20px;">
|
|
<div class="row">
|
|
<!-- <div class="col-sm-4 col-md-4 col-lg-4 col-xl-4"></div> -->
|
|
<div class="col-12 col-sm-12 col-md-6 col-lg-5 col-xl-5">
|
|
<mat-card card="card-style" class="loginCard">
|
|
<mat-card-title>
|
|
<div class="row">
|
|
<!-- <img mat-card-image src="assets/accurate/images/salesapp.png" alt="logo"> -->
|
|
|
|
</div>
|
|
</mat-card-title>
|
|
<mat-card-subtitle style="text-align: left;">
|
|
<span class="loginSpan">{{ 'login.' | translate }}</span>
|
|
</mat-card-subtitle>
|
|
<mat-card-content>
|
|
<form [formGroup]="loginForm" (ngSubmit)="onSubmit()" class="form" style="width: 70%;margin-top:20px">
|
|
<p>
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Email</mat-label>
|
|
<input type="text" matInput placeholder="{{ 'email' | translate }}"
|
|
formControlName="username" [(ngModel)]="user.username" style="width:100%;border-bottom: 0px;">
|
|
</mat-form-field>
|
|
</p>
|
|
<p style="margin-bottom: 0;">
|
|
<mat-form-field appearance="outline">
|
|
<mat-label>Password</mat-label>
|
|
<input type="password" #x matInput placeholder="{{ 'password' | translate }}" (keyup.enter)="onSubmit()"
|
|
formControlName="password" [(ngModel)]="user.password" style="width:100%;border-bottom: 0px;">
|
|
<mat-icon matSuffix *ngIf="x.type=='password'" (click)="x.type='text'" class="eye-icon"><span class="material-icons-outlined">
|
|
visibility
|
|
</span></mat-icon>
|
|
<mat-icon matSuffix *ngIf="x.type=='text'" (click)="x.type='password'" class="eye-icon"><span class="material-icons-outlined">
|
|
visibility_off
|
|
</span></mat-icon>
|
|
</mat-form-field>
|
|
|
|
</p>
|
|
|
|
<div class="row" style="text-align: left;margin-bottom: 20px;margin-top: 12px;">
|
|
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6" style="text-align: left;">
|
|
<span (click)="goToForgotPassword()" class="forgotSpan" >{{'forgotPass' | translate}}</span>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6" style="text-align: right;">
|
|
<span mat-flat-button class="signUpButton" (click)="goToRegister()">Sign up</span>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="button" style="margin-top: 40px;">
|
|
<button mat-raised-button class="loginButton" type="button" (click)="onSubmit()"> {{ 'login' | translate }}
|
|
<!-- <i class="bi bi-person-plus-fill"></i> -->
|
|
</button>
|
|
</div>
|
|
<!-- <div style="text-align: center;padding-top: 5px; ">
|
|
<p color="dark" [routerLink]="" (click)="goToForgotPassword()">Reset password</p>
|
|
</div> -->
|
|
|
|
|
|
|
|
<br>
|
|
<!-- <div style="text-align: center;">
|
|
<p>No Account? <a (click)="goToRegister()" style="color: #ae1c1c;text-decoration: auto;">Create One</a></p>
|
|
</div> -->
|
|
</form>
|
|
|
|
</mat-card-content>
|
|
</mat-card>
|
|
</div>
|
|
<!-- <div class="col-sm-4"></div> -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- <div class="footer" class="fixed-bottom">
|
|
<footer id="footer" style="background-color: #48746e; padding: 70px 0; color: #ffffff; font-size: 16px; bottom: 0;" class="py-3">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-md-12 text-center">
|
|
<p class="mb-0">© <span style="font-weight: bolder;font-family: sans-serif;">Thrickodithanamscb 2023. </span>All Rights Reserved</p>
|
|
<p class="mb-0">Designed by <a href="https://www.simssoftware.in/" style="color: #ffffff;">SiMS</a></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</div> -->
|
|
|
|
<div class="footer" class="fixed-bottom"></div>
|
|
|
|
|
|
|