74 lines
2.0 KiB
HTML
Raw Normal View History

2019-09-18 15:02:21 +09:00
<div class="login-form">
2019-10-24 10:07:30 +09:00
<div class="mat-title">LOGIN TO YOUR ACCOUNT</div>
2019-09-18 15:02:21 +09:00
<form name="loginForm" [formGroup]="loginForm" novalidate>
<mat-form-field>
2019-09-18 15:02:21 +09:00
<mat-label>Company</mat-label>
<mat-select formControlName="companyCode" required>
2019-10-04 13:45:02 +09:00
<mat-option
*ngFor="let company of companyList"
[value]="company.companyCode"
>{{ company.companyName }}
2019-10-02 17:12:51 +09:00
</mat-option>
2019-09-18 15:02:21 +09:00
</mat-select>
<mat-error *ngIf="loginForm.get('companyCode').hasError('required')">
Company is required
</mat-error>
</mat-form-field>
2019-10-24 10:07:30 +09:00
<mat-form-field>
2019-09-18 15:02:21 +09:00
<mat-label>Login ID</mat-label>
<input matInput formControlName="loginId" />
<mat-error *ngIf="loginForm.get('loginId').hasError('required')">
Login ID is required
</mat-error>
<mat-error *ngIf="!loginForm.get('loginId').hasError('required')">
Please enter a valid login id
</mat-error>
</mat-form-field>
<mat-form-field>
2019-09-18 15:02:21 +09:00
<mat-label>Password</mat-label>
<input matInput type="password" formControlName="loginPw" #loginPw />
<mat-error>
Password is required
</mat-error>
</mat-form-field>
<div
class="remember-forgot-password"
fxLayout="row"
fxLayout.xs="column"
fxLayoutAlign="space-between center"
>
<mat-checkbox
class="remember-me"
formControlName="remember"
aria-label="Remember Me"
>
2019-09-18 15:02:21 +09:00
Remember Me
</mat-checkbox>
<a class="forgot-password">
Forgot Password?
</a>
</div>
2019-10-04 13:45:02 +09:00
<button
mat-raised-button
2019-10-29 19:06:25 +09:00
class="submit-button bg-accent-dark"
2019-10-04 13:45:02 +09:00
aria-label="LOG IN"
[disabled]="loginForm.invalid || !loginBtnEnable"
2019-10-04 13:45:02 +09:00
(click)="onClickLogin()"
>
{{ loginBtnText }}
2019-09-18 15:02:21 +09:00
</button>
</form>
<div class="register" fxLayout="column" fxLayoutAlign="center center">
<span class="text">Don't have an account?</span>
<a class="link">Create an account</a>
</div>
2019-10-24 10:07:30 +09:00
<div class="policy"><a class="link">개인정보 처리방침</a></div>
2019-09-18 15:02:21 +09:00
</div>