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>
|
2019-10-24 10:07:30 +09:00
|
|
|
<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>
|
|
|
|
|
2019-10-24 10:07:30 +09:00
|
|
|
<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>
|
|
|
|
|
2019-10-15 09:31:33 +09:00
|
|
|
<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"
|
|
|
|
(click)="onClickLogin()"
|
|
|
|
>
|
2019-09-18 15:02:21 +09:00
|
|
|
LOGIN
|
|
|
|
</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>
|