Add live-search to /email-branding page

app/main/views/email_branding.py

@@ -4,6 +4,7 @@ from flask_login import login_required
 from app import email_branding_client
 from app.main import main
 from app.main.forms import (
+    SearchTemplatesForm,
     ServiceSelectEmailBranding,
     ServiceUpdateEmailBranding,
 )
@@ -41,6 +42,8 @@ def email_branding():
         'views/email-branding/select-branding.html',
         form=form,
         branding_dict=get_branding_as_dict(brandings),
+        search_form=SearchTemplatesForm(),
+        show_search_box=len(brandings) > 9,
     )
 
 

app/templates/views/email-branding/select-branding.html

@@ -1,6 +1,7 @@
 {% extends "views/platform-admin/_base_template.html" %}
 {% from "components/radios.html" import radios %}
 {% from "components/page-footer.html" import page_footer %}
+{% from "components/live-search.html" import live_search %}
 
 {% block service_page_title %}
   Select email branding
@@ -15,6 +16,7 @@
   <div class="grid-row">
     <div class="column-three-quarters">
       <form method="post">
+        {{ live_search(target_selector='.multiple-choice', show=show_search_box, form=search_form) }}
         {{ radios(form.email_branding) }}
         {{ page_footer(
           'Next'