66 lines
2.0 KiB
HTML
66 lines
2.0 KiB
HTML
|
<div class="login-container">
|
||
|
|
<div class="login-box">
|
||
|
|
<div class="logo-img">
|
||
|
|
<img src="../../../assets/images/logo_140.png" alt="" />
|
||
|
|
</div>
|
||
|
|
<h1>Welcome to Messenger</h1>
|
||
|
|
<div class="login-content">
|
||
|
|
<mat-form-field class="example-full-width" appearance="none">
|
||
|
|
<mat-select
|
||
|
|
(change)="onChange($event)"
|
||
|
|
placeholder="선택"
|
||
|
|
class="login-input-area login-select-form"
|
||
|
|
>
|
||
|
|
<mat-option *ngFor="let company of companyList" [value]="company">
|
||
|
|
{{ company.companyName }}
|
||
|
|
</mat-option>
|
||
|
|
</mat-select>
|
||
|
|
</mat-form-field>
|
||
|
|
|
||
|
|
<div class="login-input-area idpass-type">
|
||
|
|
<mat-form-field
|
||
|
|
class="login-idpass-txt"
|
||
|
|
appearance="none"
|
||
|
|
floatLabel=""
|
||
|
|
>
|
||
|
|
<mat-label>ID</mat-label>
|
||
|
|
<input matInput placeholder="ID" value="" />
|
||
|
|
</mat-form-field>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="login-input-area idpass-type pass-type">
|
||
|
|
<mat-form-field class="login-idpass-txt" appearance="none">
|
||
|
|
<mat-label>Password</mat-label>
|
||
|
|
<input matInput type="password" placeholder="Password" value="" />
|
||
|
|
</mat-form-field>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="error-container">
|
||
|
|
<mat-error *ngIf="isLoginId">
|
||
|
|
아이디를 입력하세요.
|
||
|
|
</mat-error>
|
||
|
|
<mat-error *ngIf="isLoginId">
|
||
|
|
패스워드 입력하세요.
|
||
|
|
</mat-error>
|
||
|
|
</div>
|
||
|
|
<button mat-raised-button class="login-input-submit" aria-label="LOG IN">
|
||
|
|
로그인
|
||
|
|
</button>
|
||
|
|
|
||
|
|
<div class="login-chk-area">
|
||
|
|
<mat-checkbox>Remember Me</mat-checkbox>
|
||
|
|
<mat-checkbox>실행 시 자동 로그인</mat-checkbox>
|
||
|
|
</div>
|
||
|
|
<div class="login-pass-info">
|
||
|
|
<ul>
|
||
|
|
<li><a href="">비밀번호 찾기</a></li>
|
||
|
|
<li><a href="" class="fir-pass">비밀번호 초기화</a></li>
|
||
|
|
</ul>
|
||
|
|
</div>
|
||
|
|
<div class="login-button-area">
|
||
|
|
<button type="button">이용 시 주의 사항</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|