Add feature user can change mail address

templates/base.html

@@ -21,6 +21,7 @@
       {% if current_user %}
         <a href="{{ url_for('write') }}">Write</a>
         {% if current_user.role == 'admin' %}<a href="{{ url_for('admin_users') }}">Accounts</a>{% endif %}
+        <a href="{{ url_for('change_email') }}">Email</a>
         <a href="{{ url_for('change_password') }}">Password</a>
         <span class="user-chip">{{ current_user.username }}</span>
         <form action="{{ url_for('logout') }}" method="post"><input type="hidden" name="csrf_token" value="{{ csrf_token() }}"><button class="text-button" type="submit">Log out</button></form>

templates/email_form.html

@@ -0,0 +1,14 @@
+{% extends 'base.html' %}
+{% block title %}Email address | Eternity Project{% endblock %}
+{% block content %}
+<section class="auth-layout">
+  <div class="auth-copy"><span class="signal-label">ACCOUNT DETAILS</span><h1>Update your<br>address.</h1><p>Use an email address you control. Confirm your current password before saving the change.</p></div>
+  <form class="auth-form" method="post">
+    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
+    <label>Current email<input type="email" value="{{ email or '' }}" readonly></label>
+    <label>New email<input name="email" type="email" autocomplete="email" required placeholder="you@example.com"></label>
+    <label>Current password<input name="current_password" type="password" autocomplete="current-password" required></label>
+    <button class="button" type="submit">Save email <span aria-hidden="true">→</span></button>
+  </form>
+</section>
+{% endblock %}