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>
|
|
|
|
|
<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">
|
|
|
|
|
</span>
|
2018-05-30 07:44:21 +00:00
|
|
|
<div *ngIf="password.touched && !password.valid" class="ui-message ui-messages-error ui-corner-all">
|
|
|
|
|
Invalid password
|
2018-05-16 08:14:43 +00:00
|
|
|
</div>
|
|
|
|
|
</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">
|
|
|
|
|
</span>
|
2018-05-30 07:44:21 +00:00
|
|
|
<div *ngIf="pwConfirm.touched && !pwConfirm.valid" class="ui-message ui-messages-error ui-corner-all">
|
|
|
|
|
Not matched password
|
2018-05-16 08:14:43 +00:00
|
|
|
</div>
|
|
|
|
|
</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-30 07:44:21 +00:00
|
|
|
|
|
|
|
|
<div class="ui-g" *ngIf="!member">
|
|
|
|
|
Password Modify Complete
|
|
|
|
|
</div>
|
