From 5f576896b7eff1e10ba45bf4c646545f87e843fa Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Fri, 9 May 2025 18:02:58 +0200
Subject: [PATCH] feat: Add custom form rendering to support bulma

---
 src/fellchensammlung/forms.py                 |  2 ++
 .../fellchensammlung/bulma-search.html        |  8 +++---
 .../fellchensammlung/forms/form_snippets.html | 26 +++++++++++++++++++
 .../templates/fellchensammlung/search.html    |  2 +-
 .../templatetags/custom_tags.py               | 13 ++++++++++
 5 files changed, 46 insertions(+), 5 deletions(-)
 create mode 100644 src/fellchensammlung/templates/fellchensammlung/forms/form_snippets.html

diff --git a/src/fellchensammlung/forms.py b/src/fellchensammlung/forms.py
index 84c8668..86b99bb 100644
--- a/src/fellchensammlung/forms.py
+++ b/src/fellchensammlung/forms.py
@@ -193,6 +193,8 @@ class CustomRegistrationForm(RegistrationForm):
 
 
 class AdoptionNoticeSearchForm(forms.Form):
+    template_name = "fellchensammlung/forms/form_snippets.html"
+
     sex = forms.ChoiceField(choices=SexChoicesWithAll, label=_("Geschlecht"), required=False,
                             initial=SexChoicesWithAll.ALL)
     max_distance = forms.ChoiceField(choices=DistanceChoices, initial=DistanceChoices.ONE_HUNDRED, label=_("Suchradius"))
diff --git a/src/fellchensammlung/templates/fellchensammlung/bulma-search.html b/src/fellchensammlung/templates/fellchensammlung/bulma-search.html
index 9af2c8f..6650e27 100644
--- a/src/fellchensammlung/templates/fellchensammlung/bulma-search.html
+++ b/src/fellchensammlung/templates/fellchensammlung/bulma-search.html
@@ -15,20 +15,20 @@
             <input type="hidden" name="latitude" maxlength="200" id="latitude">
             <input type="hidden" id="place_id" name="place_id">
             <!--- https://docs.djangoproject.com/en/5.2/topics/forms/#reusable-form-templates -->
-            {{ search_form.as_p }}
+            {{ search_form }}
             <ul id="results"></ul>
             <div class="container-edit-buttons">
-                <button class="btn" type="submit" value="search" name="search">
+                <button class="button is-primary" type="submit" value="search" name="search">
                     <i class="fas fa-search"></i> {% trans 'Suchen' %}
                 </button>
                 {% if searched %}
                     {% if subscribed_search %}
-                        <button class="btn" type="submit" value="{{ subscribed_search.pk }}"
+                        <button class="button" type="submit" value="{{ subscribed_search.pk }}"
                                 name="unsubscribe_to_search">
                             <i class="fas fa-bell-slash"></i> {% trans 'Suche nicht mehr abonnieren' %}
                         </button>
                     {% else %}
-                        <button class="btn" type="submit" name="subscribe_to_search">
+                        <button class="button" type="submit" name="subscribe_to_search">
                             <i class="fas fa-bell"></i> {% trans 'Suche abonnieren' %}
                         </button>
                     {% endif %}
diff --git a/src/fellchensammlung/templates/fellchensammlung/forms/form_snippets.html b/src/fellchensammlung/templates/fellchensammlung/forms/form_snippets.html
new file mode 100644
index 0000000..84c72c3
--- /dev/null
+++ b/src/fellchensammlung/templates/fellchensammlung/forms/form_snippets.html
@@ -0,0 +1,26 @@
+<!--- See https://docs.djangoproject.com/en/5.2/topics/forms/#reusable-form-templates -->
+
+{% load custom_tags %}
+{% for field in form %}
+    <div class="field">
+
+        <label class="label">
+            {{ field.label }}
+        </label>
+        <div class="control">
+            {% if field|widget_type == 'TextInput' %}
+                {{ field|add_class:"input" }}
+            {% elif field|widget_type == 'Select' %}
+                <div class="select">
+                    {{ field }}
+                </div>
+            {% else %}
+                {{ field|add_class:"input" }}
+            {% endif %}
+        </div>
+        <div class="help is-danger">
+            {{ field.errors }}
+        </div>
+    </div>
+
+{% endfor %}
\ No newline at end of file
diff --git a/src/fellchensammlung/templates/fellchensammlung/search.html b/src/fellchensammlung/templates/fellchensammlung/search.html
index 27a4d79..fc4325e 100644
--- a/src/fellchensammlung/templates/fellchensammlung/search.html
+++ b/src/fellchensammlung/templates/fellchensammlung/search.html
@@ -11,7 +11,7 @@
             <input type="hidden" name="longitude" maxlength="200" id="longitude">
             <input type="hidden" name="latitude" maxlength="200" id="latitude">
             <input type="hidden" id="place_id" name="place_id">
-            {{ search_form.as_p }}
+            {{ search_form }}
             <ul id="results"></ul>
             <div class="container-edit-buttons">
                 <button class="btn" type="submit" value="search" name="search">
diff --git a/src/fellchensammlung/templatetags/custom_tags.py b/src/fellchensammlung/templatetags/custom_tags.py
index ae04582..eb060c0 100644
--- a/src/fellchensammlung/templatetags/custom_tags.py
+++ b/src/fellchensammlung/templatetags/custom_tags.py
@@ -49,6 +49,7 @@ def get_oxitraffic_script_if_enabled():
     else:
         return ""
 
+
 @register.filter
 @stringfilter
 def pointdecimal(value):
@@ -57,6 +58,7 @@ def pointdecimal(value):
     except ValueError:
         return value
 
+
 @register.filter
 @stringfilter
 def domain(url):
@@ -68,6 +70,17 @@ def domain(url):
     except ValueError:
         return url
 
+
 @register.simple_tag
 def settings_value(name):
     return getattr(settings, name)
+
+
+@register.filter(name='add_class')
+def add_class(field, css_class):
+    return field.as_widget(attrs={"class": css_class})
+
+
+@register.filter
+def widget_type(field):
+    return field.field.widget.__class__.__name__