2 <h2 i18n
>Please set a new password.
</h2>
3 <h4 i18n
>You will be redirected to the login page afterwards.
</h4>
9 <div class=
"form-group has-feedback">
10 <div class=
"input-group">
11 <input class=
"form-control"
13 placeholder=
"Old password..."
15 formControlName=
"oldpassword"
16 autocomplete=
"new-password"
18 <span class=
"input-group-append">
19 <button class=
"btn btn-outline-light btn-password"
20 cdPasswordButton=
"oldpassword">
24 <span class=
"invalid-feedback"
25 *
ngIf=
"userForm.showError('oldpassword', frm, 'required')"
26 i18n
>This field is required.
</span>
27 <span class=
"invalid-feedback"
28 *
ngIf=
"userForm.showError('oldpassword', frm, 'notmatch')"
29 i18n
>The old and new passwords must be different.
</span>
33 <div class=
"form-group has-feedback">
34 <div class=
"input-group">
35 <input class=
"form-control"
37 placeholder=
"New password..."
39 autocomplete=
"new-password"
40 formControlName=
"newpassword">
41 <span class=
"input-group-append">
43 class=
"btn btn-outline-light btn-password"
44 cdPasswordButton=
"newpassword">
48 <div class=
"password-strength-level">
49 <div class=
"{{ passwordStrengthLevelClass }}"
51 title=
"{{ passwordValuation }}">
54 <span class=
"invalid-feedback"
55 *
ngIf=
"userForm.showError('newpassword', frm, 'required')"
56 i18n
>This field is required.
</span>
57 <span class=
"invalid-feedback"
58 *
ngIf=
"userForm.showError('newpassword', frm, 'notmatch')"
59 i18n
>The old and new passwords must be different.
</span>
60 <span class=
"invalid-feedback"
61 *
ngIf=
"userForm.showError('newpassword', frm, 'passwordPolicy')">
62 {{ passwordValuation }}
66 <!-- Confirm new password -->
67 <div class=
"form-group has-feedback">
68 <div class=
"input-group">
69 <input class=
"form-control"
71 autocomplete=
"new-password"
72 placeholder=
"Confirm new password..."
73 id=
"confirmnewpassword"
74 formControlName=
"confirmnewpassword">
75 <span class=
"input-group-append">
76 <button class=
"btn btn-outline-light btn-password"
77 cdPasswordButton=
"confirmnewpassword">
81 <span class=
"invalid-feedback"
82 *
ngIf=
"userForm.showError('confirmnewpassword', frm, 'required')"
83 i18n
>This field is required.
</span>
84 <span class=
"invalid-feedback"
85 *
ngIf=
"userForm.showError('confirmnewpassword', frm, 'match')"
86 i18n
>Password confirmation doesn't match the new password.
</span>
88 <cd-form-button-panel (submitActionEvent)=
"onSubmit()"
89 (backActionEvent)=
"onCancel()"
91 [disabled]=
"userForm.invalid"
92 [submitText]=
"(action | titlecase) + ' ' + (resource | upperFirst)"
93 wrappingClass=
"text-right"></cd-form-button-panel>