update-password.component.html
2.01 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<div class="ui vertical stripe"></div>
<div class="ui middle aligned grid child">
<div class="column">
<div class="ui center aligned page grid">
<div class="sixteen wide column">
<div class="ui left aligned segment">
<h3 class="ui dividing header">Reset Password</h3>
<div class="ui form" *ngIf="!isPasswordResetValidityExpired">
<div class="field">
<label for="username">New Password:</label>
<div class="ui icon input">
<input type="password" required placeholder="Enter your new password" [(ngModel)]="password" /> <i class="lock icon"></i>
</div>
</div>
<div class="field">
<label for="username">Confirm Password:</label>
<div class="ui icon input">
<input type="password" required placeholder="Confirm new password" [(ngModel)]="confirmPassword" /> <i class="lock icon"></i>
</div>
</div>
<p style="text-align: center"><button class="ui primary button" (click)="updatePassword()">Update Password</button></p>
<div class="ui icon negative message" *ngIf="isProcessing || message != ''">
<i class="notched circle loading icon" *ngIf="isProcessing"></i>
<div class="content">
<p>{{message != "" ? message: "Your request is being processed!"}}</p>
</div>
</div>
</div>
<div class="ui raised segment" *ngIf="isPasswordResetValidityExpired">
This link to reset password is no longer valid.
</div>
</div>
</div>
</div>
</div>
</div>