From b8178b650c781d8a4450c88564ef6e0164660e6a Mon Sep 17 00:00:00 2001
From: hono4kami <dgloaming@proton.me>
Date: Tue, 17 Dec 2024 18:15:36 +0700
Subject: [PATCH] fix: make community search page retain fields

Make community search page retain `topic_id`, `language_id`, and `search`

Refs: #362
---
 app/templates/list_communities.html | 60 +++++++++++++++++++----------
 1 file changed, 39 insertions(+), 21 deletions(-)

diff --git a/app/templates/list_communities.html b/app/templates/list_communities.html
index 98416594..edf0675a 100644
--- a/app/templates/list_communities.html
+++ b/app/templates/list_communities.html
@@ -27,27 +27,45 @@
         </div>
     </div>
     <div class="col-auto">
-        {% if topics -%}
-                <form method="get" style="display:inline;">Topic:
-                    <select name="topic_id" class="form-control-sm submit_on_change" aria-label="{{ _('Choose a topic to filter communities by') }}">
-                        <option value="0">All</option>
-                        {% for topic in topics -%}
-                            <option value="{{ topic.id }}" {{ 'selected' if topic.id == topic_id }}>{{ topic.name }}</option>
-                        {% endfor -%}
-                    </select>
-                </form>
-        {% endif -%}
-        {% if languages -%}
-                <form method="get" style="display:inline;">Language:
-                    <select name="language_id" class="form-control-sm submit_on_change" aria-label="{{ _('Choose a language to filter communities by') }}">
-                        <option value="0">All</option>
-                        {% for language in languages -%}
-                            <option value="{{ language.id }}" {{ 'selected' if language.id == language_id }}>{{ language.name }}</option>
-                        {% endfor -%}
-                    </select>
-                </form>
-        {% endif -%}
-        <form method="get" style="display:inline;"><input type="search" name="search" placeholder="{{ _('Search') }}" value="{{ search }}"></form>
+      <form action="/communities"
+        method="get"
+        hx-boost="true"
+        hx-trigger="change[event.target.matches('select[name=topic_id] select[name=language_id]')]">
+          {% if topics -%}
+              <div style="display:inline;">
+                  Topic:
+                  <select name="topic_id"
+                          class="form-control-sm"
+                          aria-label="{{ _('Choose a topic to filter communities by') }}">
+                      <option value="0">All</option>
+                      {% for topic in topics -%}
+                          <option value="{{ topic.id }}" {{ 'selected' if topic.id == topic_id }}>{{ topic.name }}
+                          </option>
+                      {% endfor -%}
+                  </select>
+              </div>
+          {% endif -%}
+          {% if languages -%}
+              <div style="display:inline;">
+                  Language:
+                  <select name="language_id"
+                          class="form-control-sm"
+                          aria-label="{{ _('Choose a language to filter communities by') }}">
+                      <option value="0">All</option>
+                      {% for language in languages -%}
+                          <option value="{{ language.id }}" {{ 'selected' if language.id == language_id }}>{{ language.name }}
+                          </option>
+                      {% endfor -%}
+                  </select>
+              </div>
+          {% endif -%}
+          <div style="display:inline;">
+              <input type="search"
+                     name="search"
+                     placeholder="{{ _('Search') }}"
+                     value="{{ search }}">
+          </div>
+      </form>
     </div>
     <div class="col-auto">
         <div class="btn-group">