Iftekharul Islam | cd78950 | 2017-04-19 14:37:55 -0500 | [diff] [blame] | 1 | <div id="user-accounts"> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 2 | <div class="row column"> |
| 3 | <h1>Manage user account</h1> |
| 4 | <div class="column small-12 page-header"> |
| 5 | <h2 class="h4">Change password</h2> |
| 6 | </div> |
| 7 | </div> |
| 8 | <section class="row column" aria-label="change password form"> |
AppaRao Puli | f04960f | 2018-12-06 21:51:27 +0530 | [diff] [blame] | 9 | <form class="user-manage__form" role="form"> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 10 | <fieldset> |
| 11 | <legend aria-label="user manager" class="accessible-text">Change password form</legend> |
| 12 | <div class="row column"> |
| 13 | <label for="user-manage__current-password">Current password</label> |
Gunnar Mills | 282a8ec | 2018-10-04 13:28:04 -0500 | [diff] [blame] | 14 | <input id="user-manage__current-password" type="password" ng-model="oldPassword" class="user-manage__current-password inline" autocomplete="off"/> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 15 | </div> |
| 16 | <div class="inline"> |
| 17 | <label for="user-manage__new-password">New password</label> |
| 18 | <div class="user-manage__input-wrapper inline"> |
Gunnar Mills | 282a8ec | 2018-10-04 13:28:04 -0500 | [diff] [blame] | 19 | <input id="user-manage__new-password" type="{{showpassword ? 'text' : 'password'}}" ng-model="password" class="user-manage__new-password inline" autocomplete="off"/> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 20 | <button ng-model="showpassword" ng-click="togglePassword = !togglePassword; showpassword = !showpassword;" class="password-toggle"> |
| 21 | <span ng-hide="togglePassword">Show</span> |
| 22 | <span ng-show="togglePassword">Hide</span> |
| 23 | </button> |
| 24 | </div> |
| 25 | </div> |
| 26 | <div class="inline"> |
| 27 | <label for="user-manage__verify-password">Retype new password</label> |
| 28 | <div class="user-manage__input-wrapper inline"> |
Gunnar Mills | 282a8ec | 2018-10-04 13:28:04 -0500 | [diff] [blame] | 29 | <input id="user-manage__verify-password" type="{{showpasswordVerify ? 'text' : 'password'}}" ng-model="passwordVerify" class="user-manage__verify-password inline" autocomplete="off"/> |
Gunnar Mills | 5f0b776 | 2018-09-25 14:10:45 -0500 | [diff] [blame] | 30 | <button ng-model="showpasswordVerify" ng-click="toggleVerify = !toggleVerify; showpasswordVerify = !showpasswordVerify;" class="password-toggle"> |
| 31 | <span ng-hide="toggleVerify">Show</span> |
| 32 | <span ng-show="toggleVerify">Hide</span> |
| 33 | </button> |
| 34 | </div> |
| 35 | </div> |
| 36 | </fieldset> |
| 37 | <div class="user-manage__submit-wrapper"> |
| 38 | <button class="btn-primary inline" ng-click="changePassword(oldPassword, password, passwordVerify)">Save change</button> |
| 39 | </div> |
| 40 | <p ng-class="'change-password__' + state" role="alert"> |
| 41 | {{state === 'error' ? errorMsg : ''}} |
| 42 | {{state === 'success' ? 'Success! User Password has been changed!' : ''}} |
| 43 | </p> |
| 44 | </form> |
| 45 | </section> |
Gunnar Mills | 6b97dde | 2018-03-14 17:04:58 -0500 | [diff] [blame] | 46 | </div> |