reset_password.html 2.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <div class="login-container container">
  2. <div class="login-box">
  3. <div class="login-box-logo">
  4. <img class="logo-icon" src="public/img/grafana_icon.svg"></img><br>
  5. <i class="icon-gf icon-gf-grafana_wordmark"></i>
  6. </div>
  7. <div class="login-inner-box">
  8. <div class="login-tab-header">
  9. <button class="btn-login-tab" class="active">
  10. Reset password
  11. </button>
  12. </div>
  13. <form name="sendResetForm" class="login-form gf-form-group" ng-show="mode === 'send'">
  14. <div class="gf-form">
  15. <span class="gf-form-label width-7">User</span>
  16. <input type="text" name="username" class="gf-form-input max-width-14" required ng-model='formModel.userOrEmail' placeholder="email or username">
  17. </div>
  18. <div class="gf-form-button-row">
  19. <br />
  20. <br />
  21. <button type="submit" class="btn btn-large" ng-click="sendResetEmail();" ng-class="{'btn-inverse': !sendResetForm.$valid, 'btn-primary': sendResetForm.$valid}">
  22. Reset Password
  23. </button>
  24. </div>
  25. </form>
  26. <div style="text-align: center; padding: 20px;" ng-if="mode === 'email-sent'">
  27. An email with a reset link as been sent to the email address. <br>
  28. You should receive it shortly.
  29. </div>
  30. <br />
  31. <br />
  32. <form name="resetForm" class="login-form gf-form-group" ng-show="mode === 'reset'">
  33. <div class="gf-form">
  34. <span class="gf-form-label width-10">New Password</span>
  35. <input type="password" name="NewPassword" class="gf-form-input max-width-14" required ng-minlength="4" ng-model='formModel.newPassword' placeholder="password" watch-change="formModel.newPassword = inputValue;">
  36. </div>
  37. <div class="gf-form">
  38. <span class="gf-form-label width-10">Confirm Password</span>
  39. <input type="password" name="ConfirmPassword" class="gf-form-input max-width-14" required ng-minlength="4" ng-model='formModel.confirmPassword' placeholder="confirm password">
  40. </div>
  41. <div style="margin-left: 141px; width: 207px;">
  42. <password-strength password="formModel.newPassword"></password-strength>
  43. </div>
  44. <div class="gf-form-button-row">
  45. <button type="submit" class="btn" ng-click="submitReset();" ng-class="{'btn-inverse': !resetForm.$valid, 'btn-primary': resetForm.$valid}">
  46. Reset Password
  47. </button>
  48. </div>
  49. </form>
  50. </div>
  51. <div class="row" style="margin-top: 20px">
  52. <div class="text-center">
  53. <a href="login">Back to login</a>
  54. </div>
  55. </div>
  56. </div>
  57. </div>