feat: crispy formsets support (#1275)

Author: lukasvinclav

src/unfold/templates/unfold_crispy/errors_formset.html

@@ -0,0 +1,3 @@
+{% if formset.non_form_errors %}
+    {% include "unfold/helpers/messages/error.html" with errors=formset.non_form_errors %}
+{% endif %}

src/unfold/templates/unfold_crispy/field.html

@@ -3,7 +3,7 @@
 {% if field.is_hidden %}
     {{ field }}
 {% else %}
-    <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="group {% if tag == "td" %}align-top border-t border-base-200 font-normal gap-4 min-w-0 overflow-hidden px-3 py-3 text-left dark:border-base-800 dark:before:text-font-important-dark{% endif%} {% if field.errors %}errors{% endif %} {% if field_class %} {{ field_class }}{% endif %} {% if field|is_checkbox and tag == "td" %}flex flex-row gap-2 h-[38px] items-center{% else %}{% if 'form-horizontal' in form_class %} row{% endif %}{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
+    <{% if tag %}{{ tag }}{% else %}div{% endif %} id="div_{{ field.auto_id }}" class="group {% if tag == "td" %}align-top border-t border-base-200 font-normal gap-4 min-w-0 overflow-hidden px-3 py-3 text-left dark:border-base-800 dark:before:text-font-important-dark{% endif%} {% if field.errors %}errors{% endif %} {% if field_class %} {{ field_class }}{% endif %} {% if field|is_checkbox and tag == "td" %}flex flex-row gap-2 items-center{% else %}{% if 'form-horizontal' in form_class %} row{% endif %}{% endif %}{% if wrapper_class %} {{ wrapper_class }}{% endif %}{% if field.css_classes %} {{ field.css_classes }}{% endif %}">
     {% if field.label and not field|is_checkbox and form_show_labels %}
         <label {% if field.id_for_label %}for="{{ field.id_for_label }}"{% endif %} class="block font-semibold mb-2 text-font-important-light text-sm dark:text-font-important-dark {% if label_class %} {{ label_class }}{% endif %}">
             {{ field.label }}{% if field.field.required %} <span class="asteriskField">*</span>{% endif %}

src/unfold/templates/unfold_crispy/inputs.html

@@ -1,5 +1,5 @@
 {% if inputs %}
-    <div class="border border-base-200 rounded-default flex flex-col gap-2 justify-end p-3 lg:flex-row dark:border-base-800 {{ field_class }}">
+    <div class="flex flex-col gap-2 justify-end lg:flex-row {{ field_class }}">
         {% for input in inputs %}
             {% include "unfold_crispy/layout/baseinput.html" %}
         {% endfor %}

src/unfold/templates/unfold_crispy/layout/table_inline_formset.html

@@ -9,7 +9,9 @@
         {% csrf_token %}
     {% endif %}
 
-    <div class="overflow-x-auto border border-base-200 rounded-default shadow-xs dark:border-base-800" {% if form_id %} id="{{ form_id }}"{% endif %}>
+    {% include "unfold_crispy/errors_formset.html" %}
+
+    <div class="overflow-x-auto border border-base-200 mb-8 rounded-default shadow-xs dark:border-base-800" {% if form_id %} id="{{ form_id }}"{% endif %}>
         {{ formset.management_form|crispy }}
 
         <table class="w-full">
@@ -66,10 +68,10 @@
                 </tbody>
             {% endif %}
         </table>
-
-        {% include "unfold_crispy/inputs.html" %}
     </div>
 
+    {% include "unfold_crispy/inputs.html" %}
+
     {% if formset_tag %}
         </form>
     {% endif %}

src/unfold/templates/unfold_crispy/whole_uni_formset.html

@@ -0,0 +1,30 @@
+{% load crispy_forms_tags %}
+{% load crispy_forms_utils %}
+
+{% specialspaceless %}
+    {% if formset_tag %}
+        <form {{ flat_attrs }} method="{{ form_method }}" {% if formset.is_multipart %} enctype="multipart/form-data"{% endif %}>
+    {% endif %}
+    {% if formset_method|lower == 'post' and not disable_csrf %}
+        {% csrf_token %}
+    {% endif %}
+
+    <div>
+        {{ formset.management_form|crispy }}
+    </div>
+
+    {% include "unfold_crispy/errors_formset.html" %}
+
+    {% for form in formset %}
+        {% include "unfold_crispy/display_form.html" %}
+    {% endfor %}
+
+    {% if inputs %}
+        <div class="form-actions">
+            {% for input in inputs %}
+                {% include "unfold_crispy/layout/baseinput.html" %}
+            {% endfor %}
+        </div>
+    {% endif %}
+    {% if formset_tag %}</form>{% endif %}
+{% endspecialspaceless %}