38 lines
1.9 KiB
HTML
38 lines
1.9 KiB
HTML
<div class="auth">
|
|
<div class="auth-wrap">
|
|
<div class="auth-logo">
|
|
<img class="logo-auth" src="./assets/images/logo-b.png" />
|
|
</div>
|
|
|
|
<div class="auth-card">
|
|
<div class="auth-heading">Sign in for Admin</div>
|
|
<form #ngf="ngForm" (ngSubmit)="onSubmit(ngf)">
|
|
<div class="auth-card-body">
|
|
<mat-form-field>
|
|
<input matInput type="text" name="loginname" [(ngModel)]="cathayForm.userName" #loginname="ngModel"
|
|
placeholder="Username" required>
|
|
<i matSuffix class="bi bi-person-circle"></i>
|
|
<mat-error *ngIf="isFieldValid(ngf, loginname)">กรุณากรอกข้อมูล</mat-error>
|
|
</mat-form-field>
|
|
<div style="height: 10px;"></div>
|
|
<mat-form-field>
|
|
<input matInput type="password" name="password" [(ngModel)]="cathayForm.password"
|
|
#password="ngModel" placeholder="Password" required>
|
|
<i matSuffix class="bi bi-key"></i>
|
|
<mat-error *ngIf="isFieldValid(ngf, password)">กรุณากรอกข้อมูล</mat-error>
|
|
</mat-form-field>
|
|
</div>
|
|
<div class="auth-card-footer">
|
|
<button type="submit" class="btn btn-primary w-full"> เข้าสู่ระบบ</button>
|
|
</div>
|
|
<div class="auth-card-action flex items-center">
|
|
<div class="ml-auto mt-1">
|
|
<mat-checkbox name="remember" [(ngModel)]="dataForm.remember">บันทึกรหัสผ่าน</mat-checkbox>
|
|
</div>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|