Update projects-search form

rdmorganiser · Jul 27, 2023 · c682785 · c682785
1 parent cfd1b76
commit c682785
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/rdmo/projects/templates/projects/site_projects.html b/rdmo/projects/templates/projects/site_projects.html
@@ -15,7 +15,7 @@
 {% block sidebar %}
     <h2>{% trans 'Filter projects' %}</h2>
 
-    <form method="GET" class="projects-search">
+    <form method="GET" id="projects-search" class="projects-search">
         <input type="text" class="form-control" id="search" name="title" placeholder="{% trans 'Search project title' %}"
                value="{{request.GET.title }}" />
         <a href="{% url 'site_projects' %}" class="projects-search-reset">
@@ -28,16 +28,22 @@ <h2>{% trans 'Filter projects' %}</h2>
                 {% endblocktrans %}
             </small>
         </p>
-        <select name="catalog" id="id_catalog" class="form-control">
+        <select name="catalog" id="catalog" class="form-control">
             <option value="">{% trans 'All catalogs' %}</option>
             {% for catalog in catalogs %}
                 <option value="{{ catalog.id }}" {% if catalog.id|stringformat:'s' == request.GET.catalog %}selected{% endif %}>
                     {{ catalog.title }}
                 </option>
             {% endfor %}
         </select>
-        <button type="submit" class="btn btn-primary">{% trans 'Filter projects' %}</button>
     </form>
+    <script>
+        $(document).ready(function() {
+            $('#catalog').change(function() {
+                $('#projects-search').trigger('submit');
+            });
+        });
+    </script>
 
     <h2>{% trans 'Options' %}</h2>