|
11 | 11 | .form-label Email
|
12 | 12 | input.form-field.grey(name="email", value="{{vm.userData.email}}", disabled=true)
|
13 | 13 |
|
14 |
| - div(ng-hide="vm.isSocialRegistration") |
| 14 | + div(ng-hide="vm.isSocialRegistrant") |
15 | 15 | form(name="vm.newPasswordForm", role="form", ng-submit="vm.newPasswordForm.$valid && vm.submitNewPassword()", novalidate)
|
16 | 16 | .form-label Current password
|
17 | 17 |
|
18 | 18 | .validation-bar(ng-class="{ 'error-bar': (vm.newPasswordForm.currentPassword.$dirty && vm.newPasswordForm.currentPassword.$invalid) }")
|
19 |
| - toggle-password.tc-input.password( |
20 |
| - ng-model="vm.currentPassword" |
21 |
| - ) |
| 19 | + toggle-password.tc-input.password(ng-model="vm.currentPassword") |
22 | 20 |
|
23 | 21 | .form-input-error(ng-show="vm.newPasswordForm.currentPassword.$dirty && vm.newPasswordForm.currentPassword.$invalid")
|
24 | 22 | p(ng-show="vm.newPasswordForm.currentPassword.$error.required") This is a required field.
|
25 | 23 |
|
26 | 24 | p(ng-show="vm.newPasswordForm.currentPassword.$error.incorrect") Your current password is incorrect. Please check that you entered the right one.
|
27 | 25 |
|
28 | 26 | .form-label New Password
|
| 27 | + |
29 | 28 | .validation-bar
|
30 |
| - toggle-password-with-tips.tc-input.password( |
31 |
| - placeholder="Pick a new password" |
32 |
| - ) |
| 29 | + toggle-password-with-tips.tc-input.password(placeholder="Pick a new password") |
| 30 | + |
33 | 31 | .tips.password-tips(ng-show="vm.passwordFocus")
|
34 | 32 | .arrow
|
| 33 | + |
35 | 34 | h3 Password Tips:
|
36 | 35 |
|
37 | 36 | p Your password must have:
|
|
46 | 45 | button.tc-btn.save(type="submit", tc-busy-button, tc-busy-when="vm.formProcessing.newPasswordForm", ng-disabled="vm.newPasswordForm.$invalid || vm.newPasswordForm.$pristine", ng-class="{'disabled': vm.newPasswordForm.$invalid || vm.newPasswordForm.$pristine}") Change Password
|
47 | 46 |
|
48 | 47 |
|
49 |
| - div(ng-show="vm.isSocialRegistration") |
| 48 | + div(ng-show="vm.isSocialRegistrant") |
50 | 49 | p You joined Topcoder by using an external account, so we don't have a password for you.
|
51 | 50 |
|
52 |
| - |
53 | 51 | form(name="vm.accountInfoForm", role="form", novalidate, autocomplete="off")
|
54 |
| - |
55 | 52 | .settings-section.name
|
56 | 53 | .section-info
|
57 | 54 | h2 Name
|
| 55 | + |
58 | 56 | .description Required for legal purposes; will be kept private and not shared with anyone.
|
59 | 57 |
|
60 | 58 | .section-fields
|
| 59 | + // Stops Chrome from autofilling and autocompleting (along with autocomplete="off" on the form) |
| 60 | + input(autocomplete="false", name="hidden", type="text", style="display:none;") |
61 | 61 |
|
62 |
| - // Stops Chrome from autofilling and autocompleting (along with autocomplete="off" on the form) |
63 |
| - input(autocomplete="false", name="hidden", type="text", style="display:none;") |
64 |
| - .form-label.first First name |
65 |
| - span(style="text-transform: none;") (Given name) |
66 |
| - span.mandatory *mandatory |
67 |
| - .validation-bar(ng-class="{ 'error-bar': (vm.accountInfoForm.$dirty && vm.accountInfoForm.firstname.$invalid), 'success-bar': (vm.accountInfoForm.$dirty && vm.accountInfoForm.firstname.$valid)}") |
68 |
| - input.tc-input( |
69 |
| - name="firstname", type="text", |
70 |
| - placeholder="First", |
71 |
| - ng-model="vm.userData.firstName", |
72 |
| - maxlength="64", required, |
73 |
| - ng-class="{'form-field-focused': hasFocus==true}" |
74 |
| - ) |
75 |
| - .form-input-error(ng-show="vm.accountInfoForm.firstname.$invalid") |
76 |
| - p(ng-show="vm.accountInfoForm.firstname.$error.required") This is a required field. |
77 |
| - |
78 |
| - .form-label Last name |
79 |
| - span(style="text-transform: none;") (Surname) |
80 |
| - span.mandatory *mandatory |
81 |
| - .validation-bar(ng-class="{ 'error-bar': (vm.accountInfoForm.$dirty && vm.accountInfoForm.lastname.$invalid), 'success-bar': (vm.accountInfoForm.$dirty && vm.accountInfoForm.lastname.$valid)}") |
82 |
| - input.tc-input( |
83 |
| - name="lastname", type="text", |
84 |
| - placeholder="Last", |
85 |
| - ng-model="vm.userData.lastName", |
86 |
| - maxlength="64", required, |
87 |
| - ng-class="{'form-field-focused': hasFocus==true}" |
88 |
| - ) |
89 |
| - .form-input-error(ng-show="vm.accountInfoForm.lastname.$invalid") |
90 |
| - p(ng-show="vm.accountInfoForm.lastname.$error.required") This is a required field. |
| 62 | + .form-label.first First name |
| 63 | + span(style="text-transform: none;") (Given name) |
91 | 64 |
|
| 65 | + span.mandatory *mandatory |
| 66 | + .validation-bar(ng-class="{ 'error-bar': (vm.accountInfoForm.$dirty && vm.accountInfoForm.firstname.$invalid), 'success-bar': (vm.accountInfoForm.$dirty && vm.accountInfoForm.firstname.$valid)}") |
| 67 | + input.tc-input( |
| 68 | + name="firstname", type="text", |
| 69 | + placeholder="First", |
| 70 | + ng-model="vm.userData.firstName", |
| 71 | + maxlength="64", required, |
| 72 | + ng-class="{'form-field-focused': hasFocus==true}" |
| 73 | + ) |
| 74 | + .form-input-error(ng-show="vm.accountInfoForm.firstname.$invalid") |
| 75 | + p(ng-show="vm.accountInfoForm.firstname.$error.required") This is a required field. |
| 76 | + |
| 77 | + .form-label Last name |
| 78 | + span(style="text-transform: none;") (Surname) |
| 79 | + span.mandatory *mandatory |
| 80 | + .validation-bar(ng-class="{ 'error-bar': (vm.accountInfoForm.$dirty && vm.accountInfoForm.lastname.$invalid), 'success-bar': (vm.accountInfoForm.$dirty && vm.accountInfoForm.lastname.$valid)}") |
| 81 | + input.tc-input( |
| 82 | + name="lastname", type="text", |
| 83 | + placeholder="Last", |
| 84 | + ng-model="vm.userData.lastName", |
| 85 | + maxlength="64", required, |
| 86 | + ng-class="{'form-field-focused': hasFocus==true}" |
| 87 | + ) |
| 88 | + .form-input-error(ng-show="vm.accountInfoForm.lastname.$invalid") |
| 89 | + p(ng-show="vm.accountInfoForm.lastname.$error.required") This is a required field. |
92 | 90 |
|
93 | 91 | .settings-section.address
|
94 | 92 | .section-info
|
|
0 commit comments