password.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. {% extends '../layout/2column.html' %}
  2. {% block html_title %}{{ t('Password Settings') }} · {{ path }}{% endblock %}
  3. {% block content_head %}
  4. <div class="header-wrap">
  5. <header id="page-header">
  6. <h1 class="title" id="">{{ t('User Settings') }}</h1>
  7. </header>
  8. </div>
  9. {% endblock %}
  10. {% block content_main %}
  11. <div class="content-main">
  12. <ul class="nav nav-tabs">
  13. <li><a href="/me"><i class="fa fa-gears"></i> {{ t('User Information') }}</a></li>
  14. <li><a href="/me/external-accounts"><i class="fa fa-user-plus"></i> {{ t('External Accounts') }}</a></li>
  15. <li class="active"><a href="/me/password"><i class="fa fa-key"></i> {{ t('Password Settings') }}</a></li>
  16. <li><a href="/me/apiToken"><i class="fa fa-rocket"></i> {{ t('API Settings') }}</a></li>
  17. </ul>
  18. <div class="tab-content">
  19. {% if not user.password %}
  20. <div class="alert alert-warning">
  21. {{ t('Password is not set') }}
  22. </div>
  23. {% endif %}
  24. {% set message = req.flash('successMessage') %}
  25. {% if message.length %}
  26. <div class="alert alert-success">
  27. {{ message }}
  28. </div>
  29. {% endif %}
  30. {% if req.form.errors.length > 0 %}
  31. <div class="alert alert-danger">
  32. <ul>
  33. {% for error in req.form.errors %}
  34. <li>{{ error }}</li>
  35. {% endfor %}
  36. </ul>
  37. </div>
  38. {% endif %}
  39. {% if user.email %}
  40. <p>
  41. {{ t('You can sign in with email and password', user.email) }}
  42. </p>
  43. {% endif %}
  44. <div id="form-box">
  45. <form action="/me/password" method="post" class="form-horizontal" role="form">
  46. <fieldset>
  47. {% if user.password %}
  48. <legend>{{ t('Update Password') }}</legend>
  49. {% else %}
  50. <legend>{{ t('Set new Password') }}</legend>
  51. {% endif %}
  52. {% if user.password %}
  53. <div class="form-group">
  54. <label for="mePassword[oldPassword]" class="col-xs-3 control-label">{{ t('Current password') }}</label>
  55. <div class="col-xs-6">
  56. <input class="form-control" type="password" name="mePassword[oldPassword]">
  57. </div>
  58. </div>
  59. {% endif %}
  60. <div class="form-group {% if not user.password %}has-error{% endif %}">
  61. <label for="mePassword[newPassword]" class="col-xs-3 control-label">{{ t('New password') }}</label>
  62. <div class="col-xs-6">
  63. <input class="form-control" type="password" name="mePassword[newPassword]" required>
  64. </div>
  65. </div>
  66. <div class="form-group">
  67. <label for="mePassword[newPasswordConfirm]" class="col-xs-3 control-label">{{ t('Re-enter new password') }}</label>
  68. <div class="col-xs-6">
  69. <input class="form-control col-xs-4" type="password" name="mePassword[newPasswordConfirm]" required>
  70. <p class="help-block">{{ t('page_register.form_help.password') }}</p>
  71. </div>
  72. </div>
  73. <div class="form-group">
  74. <div class="col-xs-offset-2 col-xs-10">
  75. <button type="submit" class="btn btn-primary">{{ t('Update') }}</button>
  76. </div>
  77. </div>
  78. </fieldset>
  79. </form>
  80. </div>
  81. </div>
  82. </div>
  83. {% endblock content_main %}
  84. {% block content_footer %}
  85. {% endblock %}
  86. {% block footer %}
  87. {% endblock %}