Update default templates

flask_security/templates/security/confirmations/new.html

@@ -1,7 +1,8 @@
+{% from "security/macros.html" import render_field_with_errors, render_field %}
 {% include "security/messages.html" %}
 <h1>Resend confirmation instructions</h1>
 <form action="{{ url_for('flask_security.send_confirmation') }}" method="POST" name="reset_confirmation_form">
   {{ reset_confirmation_form.hidden_tag() }}
-  {{ reset_confirmation_form.email.label }} {{ reset_confirmation_form.email }}
-  {{ reset_confirmation_form.submit }}
+  {{ render_field_with_errors(reset_confirmation_form.email) }}
+  {{ render_field(reset_confirmation_form.submit) }}
 </form>

flask_security/templates/security/logins/new.html

@@ -1,10 +1,11 @@
+{% from "security/macros.html" import render_field_with_errors, render_field %}
 {% include "security/messages.html" %}
 <h1>Login</h1>
 <form action="{{ url_for('flask_security.authenticate') }}" method="POST" name="login_form">
   {{ login_form.hidden_tag() }}
-  {{ login_form.email.label }} {{ login_form.email }}<br/>
-  {{ login_form.password.label }} {{ login_form.password }}<br/>
-  {{ login_form.remember.label }} {{ login_form.remember }}<br/>
-  {{ login_form.next }}
-  {{ login_form.submit }}
+  {{ render_field_with_errors(login_form.email) }}
+  {{ render_field_with_errors(login_form.password) }}
+  {{ render_field_with_errors(login_form.remember) }}
+  {{ render_field(login_form.next) }}
+  {{ render_field(login_form.submit) }}
 </form>

flask_security/templates/security/logins/passwordless.html

@@ -1,8 +1,9 @@
+{% from "security/macros.html" import render_field_with_errors, render_field %}
 {% include "security/messages.html" %}
 <h1>Login</h1>
 <form action="{{ url_for('flask_security.send_login') }}" method="POST" name="login_form">
   {{ login_form.hidden_tag() }}
-  {{ login_form.email.label }} {{ login_form.email }}<br/>
-  {{ login_form.next }}
-  {{ login_form.submit }}
+  {{ render_field_with_errors(login_form.email) }}
+  {{ render_field(login_form.next) }}
+  {{ render_field(login_form.submit) }}
 </form>

flask_security/templates/security/macros.html

@@ -0,0 +1,16 @@
+{% macro render_field_with_errors(field) %}
+  <p>
+    {{ field.label }} {{ field(**kwargs)|safe }}
+    {% if field.errors %}
+      <ul>
+      {% for error in field.errors %}
+        <li>{{ error }}</li>
+      {% endfor %}
+      </ul>
+    {% endif %}
+  </p>
+{% endmacro %}
+
+{% macro render_field(field) %}
+  <p>{{ field(**kwargs)|safe }}</p>
+{% endmacro %}

flask_security/templates/security/passwords/edit.html

@@ -1,8 +1,9 @@
+{% from "security/macros.html" import render_field_with_errors, render_field %}
 {% include "security/messages.html" %}
 <h1>Change password</h1>
 <form action="{{ url_for('flask_security.reset_password', token=password_reset_token) }}" method="POST" name="reset_password_form">
   {{ reset_password_form.hidden_tag() }}
-  {{ reset_password_form.password.label }} {{ reset_password_form.password }}<br/>
-  {{ reset_password_form.password_confirm.label }} {{ reset_password_form.password_confirm }}<br/>
-  {{ reset_password_form.submit }}
+  {{ render_field_with_errors(reset_password_form.password) }}
+  {{ render_field_with_errors(reset_password_form.password_confirm) }}
+  {{ render_field(reset_password_form.submit) }}
 </form>

flask_security/templates/security/passwords/new.html

@@ -1,7 +1,8 @@
+{% from "security/macros.html" import render_field_with_errors, render_field %}
 {% include "security/messages.html" %}
 <h1>Send reset password instructions</h1>
 <form action="{{ url_for('flask_security.forgot_password') }}" method="POST" name="forgot_password_form">
   {{ forgot_password_form.hidden_tag() }}
-  {{ forgot_password_form.email.label }} {{ forgot_password_form.email }}
-  {{ forgot_password_form.submit }}
+  {{ render_field_with_errors(forgot_password_form.email) }} 
+  {{ render_field(forgot_password_form.submit) }}
 </form>

flask_security/templates/security/registrations/edit.html

@@ -1,10 +1,11 @@
+{% from "security/macros.html" import render_field_with_errors, render_field %}
 {% include "security/messages.html" %}
-<h1>Edit account</h1>
+<h1>Edit Account</h1>
 <form action="{{ url_for('flask_security.update_user') }}" method="POST" name="edit_user_form">
   {{ edit_user_form.hidden_tag() }}
-  {{ edit_user_form.email.label }} {{ edit_user_form.email }}<br/>
-  {{ edit_user_form.password.label }} {{ edit_user_form.password }}<br/>
-  {{ edit_user_form.password_confirm.label }} {{ edit_user_form.password_confirm }}<br/>
-  {{ edit_user_form.current_password.label }} {{ edit_user_form.current_password }}<br/>
-  {{ edit_user_form.submit }}
+  {{ render_field_with_errors(edit_user_form.email) }}
+  {{ render_field_with_errors(edit_user_form.password) }}
+  {{ render_field_with_errors(edit_user_form.password_confirm) }}
+  {{ render_field_with_errors(edit_user_form.current_password) }}
+  {{ render_field(edit_user_form.submit) }}
 </form>

flask_security/templates/security/registrations/new.html

@@ -1,9 +1,10 @@
+{% from "security/macros.html" import render_field_with_errors, render_field %}
 {% include "security/messages.html" %}
 <h1>Register</h1>
 <form action="{{ url_for('flask_security.register') }}" method="POST" name="register_user_form">
   {{ register_user_form.hidden_tag() }}
-  {{ register_user_form.email.label }} {{ register_user_form.email }}<br/>
-  {{ register_user_form.password.label }} {{ register_user_form.password }}<br/>
-  {{ register_user_form.password_confirm.label }} {{ register_user_form.password_confirm }}<br/>
-  {{ register_user_form.submit }}
+  {{ render_field_with_errors(register_user_form.email) }}
+  {{ render_field_with_errors(register_user_form.password) }}
+  {{ render_field_with_errors(register_user_form.password_confirm) }}
+  {{ render_field(register_user_form.submit) }}
 </form>