member_webapp/@overflow/member/component/member-modify-password.component.html
2018-05-30 16:44:21 +09:00

58 lines
2.7 KiB
HTML

<div class="ui-g" *ngIf="!member">
<div class="ui-g-12">
<form [formGroup]="modifyPasswordForm" (ngSubmit)="modifyPasswordFormSubmit()">
<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">
<span class="md-inputfield">
<input type="password"
id="pw"
autocomplete="off" placeholder="password"
formControlName="password"
required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
</span>
<div *ngIf="password.touched && !password.valid" class="ui-message ui-messages-error ui-corner-all">
Invalid password
</div>
</div>
<div class="ui-g-12">
<span class="md-inputfield">
<input type="password"
id="pwConfirm"
autocomplete="off" placeholder="confirm password"
formControlName="pwConfirm"
required class="ui-inputtext ui-corner-all ui-state-default ui-widget">
</span>
<div *ngIf="pwConfirm.touched && !pwConfirm.valid" class="ui-message ui-messages-error ui-corner-all">
Not matched password
</div>
</div>
<div class="ui-g-12">
<button
[disabled]="!modifyPasswordForm.valid"
type="submit"
class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-icon-left">
<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>
<a style="cursor: pointer" (click)="onSignin()">Signin</a>
</div>
</div>
</div>
</td>
</tr>
</table>
</form>
</div>
</div>
<div class="ui-g" *ngIf="!member">
Password Modify Complete
</div>