blob: 80b6c7dd504254d5c109a39b01d6b32cea42ab7c [file] [log] [blame]
Iftekharul Islamcd789502017-04-19 14:37:55 -05001<div id="user-accounts">
Michael Davis3a94fc52017-05-08 11:20:12 -05002 <div class="row column">
3 <h1>Manage user account</h1>
Michael Davis3a94fc52017-05-08 11:20:12 -05004 <div class="column small-12 page-header">
5 <h2 class="h4">Change password</h2>
6 </div>
Michael Davis706b75b2017-08-18 16:40:03 -05007 </div>
8 <section class="row column" aria-label="change password form">
Michael Davis3a94fc52017-05-08 11:20:12 -05009 <form class="user-manage__form" role="form" action="">
10 <fieldset>
Michael Davisb8a41c12017-08-14 14:59:46 -050011 <legend aria-label="user manager" class="accessible-text">Change password form</legend>
Michael Davis3a94fc52017-05-08 11:20:12 -050012 <div class="row column">
Michael Davis093c01c2017-07-20 14:30:11 -050013 <label for="user-manage__current-password">Current password</label>
Gunnar Mills6b97dde2018-03-14 17:04:58 -050014 <input id="user-manage__current-password" type="password" ng-model="oldPassword" class="user-manage__current-password inline"/>
Michael Davis3a94fc52017-05-08 11:20:12 -050015 </div>
Michael Davis093c01c2017-07-20 14:30:11 -050016 <div class="inline">
17 <label for="user-manage__new-password">New password</label>
Michael Davis3a94fc52017-05-08 11:20:12 -050018 <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 Davis093c01c2017-07-20 14:30:11 -050026 <div class="inline">
27 <label for="user-manage__verify-password">Retype new password</label>
Michael Davis3a94fc52017-05-08 11:20:12 -050028 <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 Mills6b97dde2018-03-14 17:04:58 -050038 <button class="btn-primary inline" ng-click="changePassword(oldPassword, password, passwordVerify)">Save change</button>
Michael Davis3a94fc52017-05-08 11:20:12 -050039 </div>
40 </form>
41 </section>
Gunnar Mills6b97dde2018-03-14 17:04:58 -050042</div>