member_webapp/@overflow/member/component/member-modify-password.component.html

94 lines
4.3 KiB
HTML
Raw Normal View History

2018-05-31 10:20:14 +00:00
<ng-template #complete>
2018-05-30 07:44:21 +00:00
<div class="ui-g" *ngIf="!member">
2018-05-30 06:13:37 +00:00
<div class="ui-g-12">
2018-05-28 05:41:56 +00:00
<form [formGroup]="modifyPasswordForm" (ngSubmit)="modifyPasswordFormSubmit()">
2018-05-16 08:14:43 +00:00
<table class="login-table">
<tr>
<td>
<div class="login-panel ui-fluid">
<div class="ui-g">
<div class="ui-g-12">
<img src="assets/layout/images/overFlow_CI_blue_185.png">
</div>
2018-06-04 08:03:58 +00:00
<div class="ui-g-12 ui-nopad font-s">
* 비밀번호는 8자 이상 이어야 하며,<br>
특수문자, 영문 대·소문자, 숫자를 포함해야 합니다.
</div>
2018-05-16 08:14:43 +00:00
<div class="ui-g-12">
<span class="md-inputfield">
<input type="password"
id="pw"
autocomplete="off" placeholder="password"
2018-05-30 07:44:21 +00:00
formControlName="password"
2018-05-16 08:14:43 +00:00
required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
2018-06-04 08:03:58 +00:00
<div *ngIf="password.touched && !password.valid" class="ui-message ui-messages-error ui-corner-all">
Invalid password
</div>
2018-05-16 08:14:43 +00:00
</span>
</div>
<div class="ui-g-12">
<span class="md-inputfield">
<input type="password"
2018-05-30 07:44:21 +00:00
id="pwConfirm"
2018-05-16 08:14:43 +00:00
autocomplete="off" placeholder="confirm password"
2018-05-30 07:44:21 +00:00
formControlName="pwConfirm"
2018-05-16 08:14:43 +00:00
required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
2018-06-04 08:03:58 +00:00
<div *ngIf="pwConfirm.touched && !pwConfirm.valid" class="ui-message ui-messages-error ui-corner-all">
Not matched password
</div>
2018-05-16 08:14:43 +00:00
</span>
</div>
<div class="ui-g-12">
2018-05-30 07:44:21 +00:00
<button
[disabled]="!modifyPasswordForm.valid"
type="submit"
class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
2018-05-16 08:14:43 +00:00
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-person"></span>
<span class="ui-button-text ui-c">Confirm</span>
</button>
2018-05-30 07:44:21 +00:00
<a style="cursor: pointer" (click)="onSignin()">Signin</a>
2018-05-16 08:14:43 +00:00
</div>
</div>
</div>
</td>
</tr>
</table>
</form>
</div>
2018-05-29 09:32:22 +00:00
</div>
2018-05-31 10:20:14 +00:00
</ng-template>
<div class="ui-g" *ngIf="member$ | async as member; else complete">
<div class="ui-g-12">
<table class="login-table">
<tr>
<td>
<div class="login-panel ui-fluid">
<div class="ui-g">
<div class="ui-g-12">
<img src="assets/layout/images/overFlow_CI_blue_185.png">
</div>
<div class="ui-g-12 ui-g-padding-15">
<strong>패스워드 변경이 완료 되었습니다.</strong>
</div>
<div class="ui-g-12 ui-g-padding-15" style="text-align: left !important">
<p>입력하신 패스워드로 변경 되었으며,</p>
<p>로그인 페이지로 이동 후 변경된 패스워드로 로그인을 하시면 됩니다.</p>
<p>버튼 클릭 시 로그인 페이지로 이동 합니다.</p>
</div>
<div class="ui-g-12 ui-g-padding-15">
<button
type="button"
class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left"
(click)="onSignin()">
<span class="ui-button-icon-left ui-c fa fa-fw ui-icon-home"></span>
<span class="ui-button-text ui-c">Go to Sign In</span>
</button>
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
2018-05-30 07:44:21 +00:00
</div>