public/src/js/modules/reset/reset.html/reset.html

   1 <div
   2   id="reset-password"
   3   class="flex-scrollable"
   4   layout="column"
   5   ng-init="vm.onInit()"
   6   ms-scroll
   7 >
   8   <div
   9     id="reset-password-form-wrapper"
  10     layout="column"
  11     layout-align="center center"
  12   >
  13     <div id="reset-password-form" class="md-whiteframe-8dp">
  14       <img
  15         ng-src="{{vm.baseUrl}}api/settings/1/logo_login"
  16         alt="logo_login"
  17         class="logo_login"
  18       />
  19
  20       <div class="title" translate="RESETPASSWORD.TITLE">
  21         Reset your password
  22       </div>
  23
  24       <form name="resetPasswordForm" novalidate>
  25         <md-input-container class="md-block" md-no-float>
  26           <input
  27             type="password"
  28             name="password"
  29             ng-model="vm.form.password"
  30             ng-pattern="vm.passwordPattern"
  31             placeholder="Password"
  32             translate
  33             translate-attr-placeholder="RESETPASSWORD.PASSWORD"
  34             required
  35           />
  36           <div ng-messages="resetPasswordForm.password.$error" role="alert">
  37             <div ng-message="required">
  38               <span translate="RESETPASSWORD.ERRORS.PASSWORD_REQUIRED"
  39                 >Password field is required</span
  40               >
  41             </div>
  42             <div ng-message="pattern">
  43               <span translate="RESETPASSWORD.ERRORS.SECURE_PASSWORD_PATTERN"
  44                 >Must contain at least 8 characters, with a minimum of 1
  45                 lowercase letter, 1 uppercase letter, 1 numeric character and 1
  46                 special character ~!?*@#$%^&-_=+[{]}.</span
  47               >
  48             </div>
  49           </div>
  50         </md-input-container>
  51
  52         <md-input-container class="md-block" md-no-float>
  53           <input
  54             type="password"
  55             name="passwordConfirm"
  56             ng-model="vm.form.passwordConfirm"
  57             placeholder="Password (Confirm)"
  58             match-password="password"
  59             translate
  60             translate-attr-placeholder="RESETPASSWORD.PASSWORD_CONFIRM"
  61           />
  62           <div
  63             ng-messages="resetPasswordForm.passwordConfirm.$error"
  64             role="alert"
  65           >
  66             <div ng-message="passwordMatch">
  67               <span translate="TOOLBAR.ERRORS.CONFIRM_NOT_MATCH"
  68                 >Your password did not match</span
  69               >
  70             </div>
  71           </div>
  72         </md-input-container>
  73
  74         <md-button
  75           type="button"
  76           ng-click="vm.resetPassword()"
  77           class="md-raised md-accent submit-button"
  78           aria-label="UPDATE MY PASSWORD"
  79           ng-disabled="resetPasswordForm.$invalid || resetPasswordForm.$pristine"
  80           translate="RESETPASSWORD.UPDATE_PASSWORD"
  81           translate-attr-aria-label="RESETPASSWORD.UPDATE_PASSWORD"
  82         >
  83           RESET MY PASSWORD
  84         </md-button>
  85       </form>
  86     </div>
  87   </div>
  88 </div>