Add a get view and template that enable changing team members email

app/main/views/manage_users.py

@@ -9,7 +9,7 @@ from app import (
     user_api_client,
 )
 from app.main import main
-from app.main.forms import InviteUserForm, PermissionsForm, SearchUsersForm
+from app.main.forms import InviteUserForm, PermissionsForm, SearchUsersForm, ChangeEmailForm
 from app.models.user import permissions
 from app.utils import user_has_permissions
 
@@ -122,6 +122,22 @@ def remove_user_from_service(service_id, user_id):
     )
 
 
+@main.route("/services/<service_id>/users/<user_id>/edit-email", methods=['GET'])
+@login_required
+@user_has_permissions('manage_service')
+def edit_user_email(service_id, user_id):
+    user = user_api_client.get_user(user_id)
+    user_email = user.email_address
+    form = ChangeEmailForm(user_api_client.is_email_already_in_use(user_email), email_address=user_email)
+
+    return render_template(
+        'views/manage-users/edit-user-email.html',
+        user=user,
+        form=form,
+        service_id=service_id
+    )
+
+
 @main.route("/services/<service_id>/cancel-invited-user/<invited_user_id>", methods=['GET'])
 @user_has_permissions('manage_service')
 def cancel_invited_user(service_id, invited_user_id):

app/templates/views/manage-users.html

@@ -64,6 +64,8 @@
                 <a href="{{ url_for('.cancel_invited_user', service_id=current_service.id, invited_user_id=user.id)}}">Cancel invitation</a>
               {% elif user.state == 'active' and current_user.id != user.id %}
                 <a href="{{ url_for('.edit_user_permissions', service_id=current_service.id, user_id=user.id)}}">Edit permissions</a>
+                <br>
+                <a href="{{ url_for('.edit_user_email', service_id=current_service.id, user_id=user.id)}}">Edit user email</a>
               {% endif %}
             </li>
           {% endif %}

app/templates/views/manage-users/edit-user-email.html

@@ -0,0 +1,27 @@
+{% extends "withoutnav_template.html" %}
+{% from "components/textbox.html" import textbox %}
+{% from "components/page-footer.html" import page_footer %}
+{% from "components/form.html" import form_wrapper %}
+
+{% block per_page_title %}
+  Edit user email
+{% endblock %}
+
+{% block maincolumn_content %}
+
+  <h1 class="heading-large">Edit user email</h1>
+  <p id="user_name">for {{ user.name }}</p>
+  <div class="grid-row">
+    <div class="column-three-quarters">
+      {% call form_wrapper() %}
+        {{ textbox(form.email_address) }}
+        {{ page_footer(
+          'Save',
+          back_link=url_for('.manage_users', service_id=service_id),
+          back_link_text="Back to team members"
+        ) }}
+      {% endcall %}
+    </div>
+  </div>
+
+{% endblock %}