| Iftekharul Islam | cd78950 | 2017-04-19 14:37:55 -0500 | [diff] [blame] | 1 | <div id="user-accounts"> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 2 | <div class="row column"> | 
|  | 3 | <h1>Manage user account</h1> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 4 | <div class="column small-12 page-header"> | 
|  | 5 | <h2 class="h4">Change password</h2> | 
|  | 6 | </div> | 
| Michael Davis | 706b75b | 2017-08-18 16:40:03 -0500 | [diff] [blame] | 7 | </div> | 
|  | 8 | <section class="row column" aria-label="change password form"> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 9 | <form class="user-manage__form" role="form" action=""> | 
|  | 10 | <fieldset> | 
| Michael Davis | b8a41c1 | 2017-08-14 14:59:46 -0500 | [diff] [blame] | 11 | <legend aria-label="user manager" class="accessible-text">Change password form</legend> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 12 | <div class="row column"> | 
| Michael Davis | 093c01c | 2017-07-20 14:30:11 -0500 | [diff] [blame] | 13 | <label for="user-manage__current-password">Current password</label> | 
| Gunnar Mills | 6b97dde | 2018-03-14 17:04:58 -0500 | [diff] [blame] | 14 | <input id="user-manage__current-password" type="password" ng-model="oldPassword" class="user-manage__current-password inline"/> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 15 | </div> | 
| Michael Davis | 093c01c | 2017-07-20 14:30:11 -0500 | [diff] [blame] | 16 | <div class="inline"> | 
|  | 17 | <label for="user-manage__new-password">New password</label> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 18 | <div class="user-manage__input-wrapper inline"> | 
|  | 19 | <input id="user-manage__new-password" type="{{showpassword ? 'text' : 'password'}}" ng-model="password" class="user-manage__new-password inline"/> | 
|  | 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> | 
| Michael Davis | 093c01c | 2017-07-20 14:30:11 -0500 | [diff] [blame] | 26 | <div class="inline"> | 
|  | 27 | <label for="user-manage__verify-password">Retype new password</label> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 28 | <div class="user-manage__input-wrapper inline"> | 
|  | 29 | <input id="user-manage__verify-password" type="{{showpasswordVerify ? 'text' : 'password'}}" ng-model="passwordVerify" class="user-manage__verify-password inline"/> | 
|  | 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"> | 
| Gunnar Mills | 6b97dde | 2018-03-14 17:04:58 -0500 | [diff] [blame] | 38 | <button class="btn-primary inline" ng-click="changePassword(oldPassword, password, passwordVerify)">Save change</button> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 39 | </div> | 
| Gunnar Mills | 08744f8 | 2018-03-19 16:24:41 -0500 | [diff] [blame] | 40 | <p ng-class="'change-password__' + state"  role="alert"> | 
|  | 41 | {{state === 'error' ? errorMsg : ''}} | 
|  | 42 | {{state === 'success' ? 'Success! User Password has been changed!' : ''}} | 
|  | 43 | </p> | 
| Michael Davis | 3a94fc5 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 44 | </form> | 
|  | 45 | </section> | 
| Gunnar Mills | 6b97dde | 2018-03-14 17:04:58 -0500 | [diff] [blame] | 46 | </div> |