From b6d31e3c3b71f4b059caea7fb2c4dd390031bd98 Mon Sep 17 00:00:00 2001
From: moanos <julian-samuel@gebuehr.net>
Date: Fri, 27 Jun 2025 15:36:57 +0200
Subject: [PATCH] feat: add base for js-ification of add adoption form

---
 .../js/adoption-notice-form.js                |   1 +
 .../templates/fellchensammlung/base.html      |   1 +
 .../forms/form-add-adoption.html              | 205 +++++++++---------
 .../templates/fellchensammlung/search.html    |   5 +-
 4 files changed, 112 insertions(+), 100 deletions(-)
 create mode 100644 src/fellchensammlung/static/fellchensammlung/js/adoption-notice-form.js

diff --git a/src/fellchensammlung/static/fellchensammlung/js/adoption-notice-form.js b/src/fellchensammlung/static/fellchensammlung/js/adoption-notice-form.js
new file mode 100644
index 0000000..220a741
--- /dev/null
+++ b/src/fellchensammlung/static/fellchensammlung/js/adoption-notice-form.js
@@ -0,0 +1 @@
+console.log("Search script loaded");
\ No newline at end of file
diff --git a/src/fellchensammlung/templates/fellchensammlung/base.html b/src/fellchensammlung/templates/fellchensammlung/base.html
index 752b053..d1904d4 100644
--- a/src/fellchensammlung/templates/fellchensammlung/base.html
+++ b/src/fellchensammlung/templates/fellchensammlung/base.html
@@ -20,6 +20,7 @@
     <script src="{% static 'fellchensammlung/js/toggles.js' %}"></script>
     <script src="{% static 'fellchensammlung/js/jquery.min.js' %}"></script>
     <script type="module" src="{% static 'fellchensammlung/js/photoswipe.js' %}"></script>
+    {% block additional_scrips %}{% endblock %}
 
 
     <link rel="apple-touch-icon" sizes="180x180" href="{% static 'fellchensammlung/favicon/apple-touch-icon.png' %}">
diff --git a/src/fellchensammlung/templates/fellchensammlung/forms/form-add-adoption.html b/src/fellchensammlung/templates/fellchensammlung/forms/form-add-adoption.html
index 6be66f5..caf8f8c 100644
--- a/src/fellchensammlung/templates/fellchensammlung/forms/form-add-adoption.html
+++ b/src/fellchensammlung/templates/fellchensammlung/forms/form-add-adoption.html
@@ -2,13 +2,18 @@
 {% load i18n %}
 {% load crispy_forms_tags %}
 {% load widget_tweaks %}
+{% load static %}
 
 {% block title %}<title>{% translate "Vermittlung hinzufügen" %}</title>{% endblock %}
 
+{% block additional_scrips %}
+    <script src="{% static 'fellchensammlung/js/adoption-notice-form.js' %}"></script>
+{% endblock %}
+
+
 {% block content %}
     <h1>{% translate "Vermitteln" %}</h1>
-    <div class="notification">
-        <button class="delete"></button>
+    <div class="notification is-info">
         <p>
             {% url 'terms-of-service' as rules_url %}
             {% trans "Regeln" as rules_text %}
@@ -20,112 +25,114 @@
         </p>
     </div>
 
-    <form method="post" enctype="multipart/form-data">
-        {% csrf_token %}
+    <div id="add-adoption-notice-form">
 
-        <div class="field">
-            <label class="label" for="an-name">{{ form.name.label }}
-                {% if form.name.field.required %}<span class="special_class">*</span>{% endif %}</label>
-            {{ form.name|add_class:"input"|attr:"id:an-name" }}
-        </div>
+        <form method="post" enctype="multipart/form-data">
+            {% csrf_token %}
 
-        <div class="field">
-            <label class="label" for="an-description">
-                {% translate 'Beschreibung' %}
-                {% if form.description.field.required %}<span class="special_class">*</span>{% endif %}
-            </label>
-            {{ form.description|add_class:"input textarea"|attr:"rows:3"|attr:"id:an-description" }}
-        </div>
-
-
-        <div class="field">
-            <label class="label" for="an-location">
-                {{ form.location_string.label }}
-                {% if form.location_string.field.required %}<span class="special_class">*</span>{% endif %}
-            </label>
-            {{ form.location_string|add_class:"input"|attr:"id:an-location" }}
-        </div>
-
-        <div class="field">
-            <label class="checkbox" for="an-group-only">
-                {{ form.group_only.label }}
-                {% if form.group_only.field.required %}<span class="special_class">*</span>{% endif %}
-            </label>
-            {{ form.group_only|add_class:"checkbox"|attr:"id:an-group-only" }}
-        </div>
-
-        <div class="field">
-            <label class="label" for="an-searching-since">
-                {{ form.searching_since.label }}
-                {% if form.searching_since.field.required %}<span class="special_class">*</span>{% endif %}
-            </label>
-            {{ form.searching_since|add_class:"input"|attr:"id:an-searching-since"|attr:"type:date" }}
-        </div>
-
-
-        <div class="field">
-            <label class="label" for="an-further-information">
-                {{ form.further_information.label }}
-                {% if form.further_information.field.required %}<span class="special_class">*</span>{% endif %}
-            </label>
-            {{ form.further_information|add_class:"input"|attr:"id:an-further-information"|attr:"type:url" }}
-            <div class="help">
-                {{ form.further_information.help_text }}
+            <div class="field">
+                <label class="label" for="an-name">{{ form.name.label }}
+                    {% if form.name.field.required %}<span class="special_class">*</span>{% endif %}</label>
+                {{ form.name|add_class:"input"|attr:"id:an-name" }}
             </div>
-        </div>
 
-        <div class="notification">
-            <button class="delete"></button>
-            <p>
-
-                {% blocktranslate %}
-                    Gibt hier schonmal erste Details zu den Tieren an.
-                    Wenn du Details und Fotos zu den Tieren hinzufügen willst oder ihr Geschlecht und Geburtsdatum
-                    anpassen
-                    willst,
-                    kannst du das im nächsten Schritt tun.
-                {% endblocktranslate %}
-            </p>
-        </div>
-
-        <div class="field">
-            <label class="label" for="an-species">
-                {% translate 'Tierart' %}
-                {% if form.species.field.required %}<span class="special_class">*</span>{% endif %}
-            </label>
-            <div class="select">
-                {{ form.species|attr:"id:an-species" }}
+            <div class="field">
+                <label class="label" for="an-description">
+                    {% translate 'Beschreibung' %}
+                    {% if form.description.field.required %}<span class="special_class">*</span>{% endif %}
+                </label>
+                {{ form.description|add_class:"input textarea"|attr:"rows:3"|attr:"id:an-description" }}
             </div>
-        </div>
 
 
-        <div class="field">
-            <label class="label" for="an-num-animals">
-                {{ form.num_animals.label }}
-            {% if form.num_animals.field.required %}<span class="special_class">*</span>
-            </label>
-            {{ form.num_animals|add_class:"input"|attr:"id:an-num-animals" }}{% endif %}
-        </div>
-
-        <div class="field">
-            <label class="label" for="an-sex">
-                {% translate 'Geschlecht' %}
-                {% if form.sex.field.required %}<span class="special_class">*</span>{% endif %}
-            </label>
-            <div class="select">
-                {{ form.sex|attr:"id:an-sex" }}
+            <div class="field">
+                <label class="label" for="an-location">
+                    {{ form.location_string.label }}
+                    {% if form.location_string.field.required %}<span class="special_class">*</span>{% endif %}
+                </label>
+                {{ form.location_string|add_class:"input"|attr:"id:an-location" }}
             </div>
-        </div>
 
-        <div class="field">
-            <label class="label" for="an-date-of-birth">
-                {{ form.date_of_birth.label }}
-                {% if form.date_of_birth.field.required %}<span class="special_class">*</span>{% endif %}
-            </label>
-            {{ form.date_of_birth|add_class:"input"|attr:"id:an-date-of-birth"|attr:"type:date" }}
-        </div>
+            <div class="field">
+                <label class="checkbox" for="an-group-only">
+                    {{ form.group_only.label }}
+                    {% if form.group_only.field.required %}<span class="special_class">*</span>{% endif %}
+                </label>
+                {{ form.group_only|add_class:"checkbox"|attr:"id:an-group-only" }}
+            </div>
+
+            <div class="field">
+                <label class="label" for="an-searching-since">
+                    {{ form.searching_since.label }}
+                    {% if form.searching_since.field.required %}<span class="special_class">*</span>{% endif %}
+                </label>
+                {{ form.searching_since|add_class:"input"|attr:"id:an-searching-since"|attr:"type:date" }}
+            </div>
 
 
-        <input class="button is-primary" type="submit" value="{% translate "Speichern" %}">
-    </form>
+            <div class="field">
+                <label class="label" for="an-further-information">
+                    {{ form.further_information.label }}
+                    {% if form.further_information.field.required %}<span class="special_class">*</span>{% endif %}
+                </label>
+                {{ form.further_information|add_class:"input"|attr:"id:an-further-information"|attr:"type:url" }}
+                <div class="help">
+                    {{ form.further_information.help_text }}
+                </div>
+            </div>
+
+            <div class="notification is-info">
+                <p>
+
+                    {% blocktranslate %}
+                        Gibt hier schonmal erste Details zu den Tieren an.
+                        Wenn du Details und Fotos zu den Tieren hinzufügen willst oder ihr Geschlecht und Geburtsdatum
+                        anpassen
+                        willst,
+                        kannst du das im nächsten Schritt tun.
+                    {% endblocktranslate %}
+                </p>
+            </div>
+
+            <div class="field">
+                <label class="label" for="an-species">
+                    {% translate 'Tierart' %}
+                    {% if form.species.field.required %}<span class="special_class">*</span>{% endif %}
+                </label>
+                <div class="select">
+                    {{ form.species|attr:"id:an-species" }}
+                </div>
+            </div>
+
+
+            <div class="field">
+                <label class="label" for="an-num-animals">
+                    {{ form.num_animals.label }}
+                    {% if form.num_animals.field.required %}<span class="special_class">*</span>
+                        </label>
+                        {{ form.num_animals|add_class:"input"|attr:"id:an-num-animals" }}{% endif %}
+            </div>
+
+            <div class="field">
+                <label class="label" for="an-sex">
+                    {% translate 'Geschlecht' %}
+                    {% if form.sex.field.required %}<span class="special_class">*</span>{% endif %}
+                </label>
+                <div class="select">
+                    {{ form.sex|attr:"id:an-sex" }}
+                </div>
+            </div>
+
+            <div class="field">
+                <label class="label" for="an-date-of-birth">
+                    {{ form.date_of_birth.label }}
+                    {% if form.date_of_birth.field.required %}<span class="special_class">*</span>{% endif %}
+                </label>
+                {{ form.date_of_birth|add_class:"input"|attr:"id:an-date-of-birth"|attr:"type:date" }}
+            </div>
+
+
+            <input class="button is-primary" type="submit" value="{% translate "Speichern" %}">
+        </form>
+    </div>
 {% endblock %}
\ No newline at end of file
diff --git a/src/fellchensammlung/templates/fellchensammlung/search.html b/src/fellchensammlung/templates/fellchensammlung/search.html
index 42455df..f701340 100644
--- a/src/fellchensammlung/templates/fellchensammlung/search.html
+++ b/src/fellchensammlung/templates/fellchensammlung/search.html
@@ -1,7 +1,10 @@
 {% extends "fellchensammlung/base.html" %}
 {% load i18n %}
 
-{% block title %}<title>{% translate "Suche" %}</title>{% endblock %}
+{% block title %}
+    <title>{% translate "Suche" %}</title>
+{% endblock %}
+
 
 {% block content %}
     {% get_current_language as LANGUAGE_CODE_CURRENT %}