login-update-password.ftl 2.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name='viewport' content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no' />
  6. <title>${realm.displayName}</title>
  7. <link rel="stylesheet" href="${url.resourcesPath}/css/password.css" />
  8. </head>
  9. <body>
  10. <div class="c-login">
  11. <form
  12. class="c-login__main c-login-form"
  13. action="${url.loginAction}"
  14. method="post"
  15. onsubmit="login.disabled = true; return true;"
  16. >
  17. <div class="c-login-form__header">修改密码</div>
  18. <div class="c-login-form__tip">
  19. <#if !messagesPerField.existsError('password','password-confirm') && message?has_content && !isAppInitiatedAction??>
  20. <span class="${message.type}">${kcSanitize(message.summary)?no_esc}</span>
  21. </#if>
  22. </div>
  23. <input id="username" name="username" type="text" value="${username}" autocomplete="username" readonly="readonly" style="display:none;"/>
  24. <input id="password" name="password" type="password" autocomplete="current-password" style="display:none;"/>
  25. <div class="c-login-form__section">
  26. <div class="c-login-form__wrapper">
  27. <label
  28. for="password-new"
  29. class="c-login-form__label"
  30. >
  31. 新密码:
  32. </label>
  33. <input
  34. id="password-new"
  35. name="password-new"
  36. type="password"
  37. class="c-login-form__input"
  38. placeholder="请输入新密码"
  39. autocomplete="new-password"
  40. aria-autocomplete="none"
  41. >
  42. </div>
  43. <div class="c-login-form__error">
  44. <#if messagesPerField.existsError('password')>
  45. ${kcSanitize(messagesPerField.get('password'))?no_esc}
  46. </#if>
  47. </div>
  48. </div>
  49. <div class="c-login-form__section">
  50. <div class="c-login-form__wrapper">
  51. <label
  52. for="password-confirm"
  53. class="c-login-form__label"
  54. >
  55. 确认新密码:
  56. </label>
  57. <input
  58. id="password-confirm"
  59. name="password-confirm"
  60. type="password"
  61. class="c-login-form__input"
  62. placeholder="请输入新密码"
  63. autocomplete="new-password"
  64. aria-autocomplete="none"
  65. >
  66. </div>
  67. <div class="c-login-form__error">
  68. <#if messagesPerField.existsError('password-confirm')>
  69. ${kcSanitize(messagesPerField.get('password-confirm'))?no_esc}
  70. </#if>
  71. </div>
  72. </div>
  73. <input
  74. class="c-login-form__submit"
  75. name="login"
  76. type="submit"
  77. value="保存"
  78. >
  79. </form>
  80. </div>
  81. </body>
  82. </html>