django-unfold 0.40.0__py3-none-any.whl → 0.42.0__py3-none-any.whl

unfold/templates/admin/edit_inline/tabular.html

@@ -4,8 +4,10 @@
     <div class="tabular inline-related {% if forloop.last %}last-related{% endif %}">
         {{ inline_admin_formset.formset.management_form }}
 
-        <fieldset class="module {{ inline_admin_formset.classes }} min-w-0">
-            <h2 class="bg-gray-100 border border-transparent font-semibold mb-6 px-4 py-3 rounded-md text-font-important-light text-sm lg:-mx-4 dark:bg-white/[.02] dark:border dark:border-gray-800 dark:text-font-important-dark {% if inline_admin_formset.opts.tab %}hidden{% endif %}">
+        <fieldset class="module relative {{ inline_admin_formset.classes }} min-w-0" aria-labelledby="{{ inline_admin_formset.formset.prefix }}-heading">
+            {% if inline_admin_formset.is_collapsible %}<details><summary>{% endif %}
+
+            <h2 id="{{ inline_admin_formset.formset.prefix }}-heading" class="bg-gray-100 border border-transparent font-semibold mb-6 px-4 py-3 rounded-md text-font-important-light text-sm lg:-mx-4 dark:bg-white/[.02] dark:border dark:border-gray-800 dark:text-font-important-dark {% if inline_admin_formset.opts.tab %}hidden{% endif %} {% if inline_admin_formset.is_collapsible %} cursor-pointer{% endif %}">
                 {% if inline_admin_formset.formset.max_num == 1 %}
                     {{ inline_admin_formset.opts.verbose_name|capfirst }}
                 {% else %}
@@ -13,15 +15,22 @@
                 {% endif %}
             </h2>
 
+            {% if inline_admin_formset.is_collapsible %}</summary>{% endif %}
+
             {{ inline_admin_formset.formset.non_form_errors }}
 
             <div class="border border-gray-200 mb-6 overflow-x-auto rounded-md shadow-sm dark:border-gray-800" data-simplebar data-simplebar-auto-hide="false">
-                <table class="border-spacing-none border-separate w-full">
+                <table class="border-spacing-none border-separate w-full"
+                       {% if inline_admin_formset.opts.ordering_field %}
+                           data-ordering-field="{{ inline_admin_formset.opts.ordering_field }}"
+                           x-on:end="sortRecords"
+                           x-sort.ghost
+                       {% endif %}>
                     <thead class="hidden lg:table-header-group">
                         <tr>
                             {% for field in inline_admin_formset.fields %}
                                 {% if not field.widget.is_hidden %}
-                                    <th class="column-{{ field.name }}{% if field.required %} required{% endif %} align-middle border-b border-gray-200 font-semibold px-3 py-2 text-left text-font-important-light text-sm whitespace-nowrap dark:text-font-important-dark dark:border-gray-800">
+                                    <th class="column-{{ field.name }}{% if field.required %} required{% endif %} align-middle border-b border-gray-200 font-semibold px-3 py-2 text-left text-font-important-light text-sm whitespace-nowrap dark:text-font-important-dark dark:border-gray-800 {% if inline_admin_formset.opts.ordering_field and field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %}hidden{% endif %}">
                                         <span class="flex flex-row items-center">
                                             {{ field.label|capfirst }}
 
@@ -41,8 +50,8 @@
                         </tr>
                     </thead>
 
-                    <tbody>
-                        {% for inline_admin_form in inline_admin_formset %}
+                    {% for inline_admin_form in inline_admin_formset %}
+                        <tbody x-sort:item>
                             {% if inline_admin_form.form.non_field_errors %}
                                 <tr class="row-form-errors group inline-tabular">
                                     <td colspan="{{ inline_admin_form|cell_count }}">
@@ -118,20 +127,32 @@
                                             {% with is_last_col=forloop.last %}
                                                 {% for field in line %}
                                                     {% if field.is_readonly or not field.field.is_hidden %}
-                                                        <td{% if field.field.name %} class="field-{{ field.field.name }} group field-tabular {% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} {% if is_last_row and not inline_admin_formset.has_add_permission %}{% if is_last_col %}border-0 {% else %}border-b lg:border-0{% endif %}{% else %}border-b{% endif %} border-gray-200 flex items-center before:capitalize before:content-[attr(data-label)] before:mr-auto before:text-gray-500 before:pr-4 lg:before:hidden font-normal px-3 text-left text-sm lg:table-cell dark:border-gray-800 {% if field.field.is_hidden %} !hidden{% endif %}"{% endif %} data-label="{{ field.field.label }}">
-                                                            {% if field.is_readonly %}
-                                                                {% include "unfold/helpers/field_readonly_value.html" with tabular=1 %}
-                                                            {% else %}
-                                                                {{ field.field }}
-
-                                                                {% if field.field.errors|length > 0 %}
-                                                                    <div class="mt-1 text-red-600 text-sm dark:text-red-500">
-                                                                        {% for error in field.field.errors %}
-                                                                            {{ error }}
-                                                                        {% endfor %}
-                                                                    </div>
+                                                        <td{% if field.field.name %} class="field-{{ field.field.name }} group field-tabular {% if field.field.errors|length > 0 %} errors{% endif %}{% if inline_admin_form.original %} p-3 lg:py-3{% else %} py-3{% endif %}{% if field.is_checkbox %} align-middle{% else %} align-top{% endif %} {% if is_last_row and not inline_admin_formset.has_add_permission %}{% if is_last_col %}border-0 {% else %}border-b lg:border-0{% endif %}{% else %}border-b{% endif %} border-gray-200 flex items-center before:capitalize before:content-[attr(data-label)] before:mr-auto before:text-gray-500 before:pr-4 lg:before:hidden font-normal px-3 text-left text-sm lg:table-cell dark:border-gray-800 {% if field.field.is_hidden %} !hidden{% endif %} {% if inline_admin_formset.opts.ordering_field and field.field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %}!hidden{% endif %}"{% endif %} data-label="{{ field.field.label }}">
+                                                            <div class="flex flex-row gap-3 items-center">
+                                                                {% if forloop.parentloop.counter == 1 and forloop.counter == 1 %}
+                                                                    {% if inline_admin_formset.opts.ordering_field %}
+                                                                        {% if inline_admin_form.original %}
+                                                                            <span class="material-symbols-outlined cursor-pointer" x-sort:handle>drag_indicator</span>
+                                                                        {% else %}
+                                                                            <span class="-mr-3" x-sort:handle></span>
+                                                                        {% endif %}
+                                                                    {% endif %}
+                                                                {% endif %}
+
+                                                                {% if field.is_readonly %}
+                                                                    {% include "unfold/helpers/field_readonly_value.html" with tabular=1 %}
+                                                                {% else %}
+                                                                    {{ field.field }}
+
+                                                                    {% if field.field.errors|length > 0 %}
+                                                                        <div class="mt-1 text-red-600 text-sm dark:text-red-500">
+                                                                            {% for error in field.field.errors %}
+                                                                                {{ error }}
+                                                                            {% endfor %}
+                                                                        </div>
+                                                                    {% endif %}
                                                                 {% endif %}
-                                                            {% endif %}
+                                                            </div>
                                                         </td>
                                                     {% endif %}
                                                 {% endfor %}
@@ -152,10 +173,12 @@
                                     {% endif %}
                                 {% endwith %}
                             </tr>
-                        {% endfor %}
-                    </tbody>
+                        </tbody>
+                    {% endfor %}
                 </table>
             </div>
+
+            {% if inline_admin_formset.is_collapsible %}</details>{% endif %}
         </fieldset>
     </div>
 </div>

unfold/templates/admin/object_history.html

@@ -2,9 +2,9 @@
 {% load i18n admin_urls %}
 
 {% block breadcrumbs %}
-    <div class="px-4 lg:px-12">
+    <div class="px-4 lg:px-8">
         <div class="container mb-12 mx-auto -my-3">
-            <ul class="flex">
+            <ul class="flex flex-wrap">
                 {% url 'admin:index' as link %}
                 {% trans 'Home' as name %}
                 {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

unfold/templates/admin/submit_line.html

@@ -1,8 +1,8 @@
 {% load i18n admin_urls %}
 
-<div {% if not is_popup %}id="submit-row"{% endif %} class="relative z-20 {% if not is_popup %} mt-20 lg:mt-8{% endif %}">
-    <div class="{% if not is_popup %}bottom-0 fixed left-0 right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %}>
-        <div class="bg-white dark:bg-gray-900 {% if not is_popup %}border-t px-4 py-4 relative scrollable-top lg:px-12 dark:border-gray-800{% endif %}">
+<div {% if not is_popup %}id="submit-row"{% endif %} class="relative mt-16 z-20">
+    <div class="{% if not is_popup %}lg:bottom-0 lg:fixed lg:left-0 lg:right-0{% endif %}" {% if not is_popup %}x-bind:class="{'xl:left-0': !sidebarDesktopOpen, 'xl:left-72': sidebarDesktopOpen}"{% endif %}>
+        <div class="bg-white dark:bg-gray-900 {% if not is_popup %}lg:border-t lg:py-4 relative scrollable-top lg:px-8 dark:border-gray-800{% endif %}">
             <div class="container flex flex-col-reverse gap-3 items-center mx-auto lg:flex-row-reverse">
                 {% block submit-row %}
                     {% if show_save %}
@@ -18,7 +18,7 @@
                     {% endfor %}
 
                     {% if show_save_and_continue %}
-                        <button type="submit" name="_continue" class="border font-medium hidden px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                        <button type="submit" name="_continue" class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
                             {% if can_change %}
                                 {% translate 'Save and continue editing' %}
                             {% else %}
@@ -30,19 +30,19 @@
                     {% if show_close %}
                         {% url opts|admin_urlname:'changelist' as changelist_url %}
 
-                        <a href="{% add_preserved_filters changelist_url %}" class="border font-medium hidden px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                        <a href="{% add_preserved_filters changelist_url %}" class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
                             {% translate 'Close' %}
                         </a>
                     {% endif %}
 
                     {% if show_save_and_add_another %}
-                        <button type="submit" name="_addanother" class="border font-medium hidden px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                        <button type="submit" name="_addanother" class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
                             {% translate 'Save and add another' %}
                         </button>
                     {% endif %}
 
                     {% if show_save_as_new %}
-                        <button type="submit" name="_saveasnew" class="border font-medium hidden px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
+                        <button type="submit" name="_saveasnew" class="border font-medium px-3 py-2 rounded-md transition-all w-full hover:bg-gray-50 lg:block lg:w-auto dark:border-gray-700  dark:hover:text-gray-200 dark:hover:bg-gray-900">
                             {% translate 'Save as new' %}
                         </button>
                     {% endif %}
@@ -51,7 +51,7 @@
                         {% url opts|admin_urlname:'delete' original.pk|admin_urlquote as delete_url %}
 
                         <p class="deletelink-box mr-auto w-full lg:w-auto">
-                            <a href="{% add_preserved_filters delete_url %}" class="block border border-red-500 font-medium px-3 py-2 rounded-md text-center text-red-500 whitespace-nowrap dark:border-transparent dark:bg-red-500/20 dark:text-red-500">
+                            <a href="{% add_preserved_filters delete_url %}" class="bg-red-600 flex items-center justify-center font-medium h-9.5 ml-auto px-3 py-2 rounded-md text-white dark:bg-red-500/20 dark:text-red-500">
                                 {% translate "Delete" %} {{ opts.verbose_name }}
                             </a>
                         </p>

unfold/templates/registration/password_change_done.html

@@ -7,7 +7,7 @@
     {% block breadcrumbs %}
         <div class="px-12">
             <div class="container mb-12 mx-auto -my-3">
-                <ul class="flex">
+                <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
                     {% trans 'Home' as name %}
                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

unfold/templates/registration/password_change_form.html

@@ -7,7 +7,7 @@
     {% block breadcrumbs %}
         <div class="px-12">
             <div class="container mb-12 mx-auto -my-3">
-                <ul class="flex">
+                <ul class="flex flex-wrap">
                     {% url 'admin:index' as link %}
                     {% trans 'Home' as name %}
                     {% include 'unfold/helpers/breadcrumb_item.html' with link=link name=name %}

unfold/templates/unfold/change_list_filter.html

@@ -1,11 +1,11 @@
-{% load i18n admin_list %}
+{% load i18n admin_list unfold %}
 
-<div id="changelist-filter" class="backdrop-blur-sm bg-opacity-80 bg-gray-900 flex fixed inset-0 z-50" x-show="filterOpen">
-    <label for="show-filters" id="changelist-filter-close" class="flex-grow"></label>
+<div id="changelist-filter" class="backdrop-blur-sm bg-opacity-80 bg-gray-900 flex inset-0 z-50 fixed {% if not cl.model_admin.list_filter_sheet %}2xl:bg-transparent 2xl:relative 2xl:!block 2xl:z-10{% endif %}" x-show="filterOpen">
+    <label for="show-filters" id="changelist-filter-close" class="flex-grow {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = false"></label>
 
-    <div class="bg-white flex mx-4 my-4 overflow-hidden rounded shadow-sm w-96 dark:bg-gray-800" x-on:click.outside="filterOpen = false">
+    <div class="bg-white flex m-4 overflow-hidden rounded shadow-sm w-80 dark:bg-gray-800 {% if not cl.model_admin.list_filter_sheet %} 2xl:border 2xl:sticky 2xl:top-4 2xl:dark:border-gray-800 2xl:bg-transparent 2xl:dark:!bg-transparent 2xl:m-0{% endif %}">
         <div class="flex-grow h-full overflow-auto relative">
-            <h3 class="border-b flex font-semibold mb-6 px-6 py-4 text-font-important-light text-sm dark:text-font-important-dark dark:border-gray-700">
+            <h3 class="border-b flex font-semibold mb-4 px-4 py-4 text-font-important-light text-sm dark:text-font-important-dark dark:border-gray-800">
                 {% trans "Filter" %}
 
                 {% if cl.is_facets_optional %}
@@ -30,31 +30,23 @@
                     </a>
                 {% endif %}
 
-                <a class="cursor-pointer material-symbols-outlined md-18 ml-auto pl-4 text-gray-400 transition-colors hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400" x-on:click="filterOpen = false">
+                <a class="cursor-pointer material-symbols-outlined md-18 ml-auto pl-4 text-gray-400 transition-colors hover:text-gray-500 dark:text-gray-500 dark:hover:text-gray-400 {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = false">
                     close
                 </a>
             </h3>
 
-            <div class="px-6{% if cl.model_admin.list_filter_submit %} pb-16{% endif %}">
+            <div class="px-4{% if cl.model_admin.list_filter_submit %} {% endif %}">
                 {% if cl.model_admin.list_filter_submit %}
                     <form id="filter-form" method="get">
-
-                        {% if request.GET.q %}
-                            <input type="hidden" name="q" value="{{ request.GET.q }}">
-                        {% endif %}
-
-                        {% if request.GET.o %}
-                            <input type="hidden" name="o" value="{{ request.GET.o }}">
-                        {% endif %}
+                        {% preserve_filters %}
                 {% endif %}
 
-
                 {% for spec in cl.filter_specs %}
                     {% admin_list_filter cl spec %}
                 {% endfor %}
 
                 {% if cl.model_admin.list_filter_submit %}
-                    <div class="bg-gray-50 border-gray-200 border-t bottom-4 fixed px-6 py-3 right-4 rounded-b w-96 dark:bg-gray-700 dark:border-gray-600">
+                    <div class="bottom-4 absolute left-4 right-4 {% if not cl.model_admin.list_filter_sheet %}2xl:left-0 2xl:right-0 2xl:relative 2xl:mt-8{% endif %}">
                         <button type="submit" class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-md self-end text-sm text-white w-full">
                             {% trans "Apply Filters" %}
                         </button>

unfold/templates/unfold/helpers/account_links.html

@@ -5,7 +5,7 @@
         <span class="material-symbols-outlined">person</span>
     </a>
 
-    <nav class="absolute bg-white border flex flex-col leading-none overflow-hidden py-1 -right-2 rounded shadow-lg top-7 w-52 z-50 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openUserLinks" @click.outside="openUserLinks = false">
+    <nav class="absolute bg-white border flex flex-col leading-none py-1 -right-2 rounded shadow-lg top-7 w-52 z-50 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openUserLinks" @click.outside="openUserLinks = false">
         <div class="border-b border-gray-100 flex flex-row flex-shrink-0 items-start justify-start mb-1 pb-1 dark:border-gray-700">
             <span class="block mx-1 px-3 py-2 truncate">
                 {% firstof user.get_short_name user.get_username %}

unfold/templates/unfold/helpers/actions_row.html

@@ -8,13 +8,15 @@
                     more_horiz
                 </span>
 
-                <nav x-anchor.offset.4="$refs.rowDropdown{{ action_id }}" class="bg-white border flex flex-col leading-none py-1 rounded-md shadow-lg text-sm top-7 z-50 w-48 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openActionsId{{ action_id }}" @click.outside="openActionsId{{ action_id }} = false">
-                    {% for action in actions %}
-                        <a href="{% url action.raw_path instance_pk %}" class="mx-1 px-3 py-2 rounded-md truncate hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-gray-200"{% for attr_name, attr_value in action.attrs.items %} {{ attr_name }}="{{ attr_value }}"{% endfor %}>
-                            {{ action.title }}
-                        </a>
-                    {% endfor %}
-                </nav>
+                <template x-teleport="body">
+                    <nav x-anchor.bottom-end.offset.4="$refs.rowDropdown{{ action_id }}" class="bg-white border flex flex-col leading-none py-1 rounded-md shadow-lg text-sm top-7 z-50 w-48 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openActionsId{{ action_id }}" @click.outside="openActionsId{{ action_id }} = false">
+                        {% for action in actions %}
+                            <a href="{% url action.raw_path instance_pk %}" class="mx-1 px-3 py-2 rounded-md truncate hover:bg-gray-100 dark:hover:bg-gray-700 dark:hover:text-gray-200"{% for attr_name, attr_value in action.attrs.items %} {{ attr_name }}="{{ attr_value }}"{% endfor %}>
+                                {{ action.title }}
+                            </a>
+                        {% endfor %}
+                    </nav>
+                </template>
             </div>
         {% endwith %}
     </td>

unfold/templates/unfold/helpers/delete_submit_line.html

@@ -0,0 +1,11 @@
+{% load i18n %}
+
+<div class="flex flex-col gap-3 items-center w-full lg:flex-row">
+    <a href="#" class="border cancel-link flex items-center justify-center font-medium px-3 py-2 rounded-md w-full hover:bg-gray-50 lg:block lg:mb-0 lg:w-auto dark:border-gray-700 dark:text-font-default-dark dark:hover:text-gray-200 dark:hover:bg-gray-900">
+        {% translate "No, take me back" %}
+    </a>
+
+    <button type="submit" class="bg-red-600 cursor-pointer flex items-center justify-center font-medium h-9.5 ml-0 px-3 py-2 rounded-md text-white w-full lg:ml-auto lg:w-auto dark:bg-red-500/20 dark:text-red-500">
+        {% translate "Yes, I’m sure" %}
+    </button>
+</div>

unfold/templates/unfold/helpers/display_header.html

@@ -2,9 +2,14 @@
 
 <span class="flex gap-4 items-center">
     {% if value.3 and value.3.path %}
-        <span class="bg-center bg-cover bg-white flex font-medium justify-center overflow-hidden dark:bg-gray-900 dark:border-gray-700 {% if value.3.squared %}rounded-sm{% else %}rounded-full{% endif %}{% if not value.3.borderless %} border{% endif %}{% if not value.3.width or not value.3.height %} h-8 max-w-8 min-w-8{% endif %}">
-            <img loading="lazy" src="{{ value.3.path }}" class="max-w-none object-cover" {% if value.3.width %}width="{{ value.3.width }}"{% endif %} {% if value.3.height %}height="{{ value.3.height }}"{% endif %} alt="{% trans "Record picture" %}" />
-        </span>
+        {% if value.3.as_background %}
+            <span class="block bg-center bg-contain bg-no-repeat {% if not value.3.width %}w-16{% endif %} {% if not value.3.height %}h-12{% endif %}" style="background-image: url({{ value.3.path }}); {% if value.3.height %}height: {{ value.3.height }}px;{% endif %} {% if value.3.width %}width: {{ value.3.width }}px;{% endif %}">
+            </span>
+        {% else %}
+            <span class="bg-center bg-cover bg-white flex font-medium justify-center overflow-hidden dark:bg-gray-900 dark:border-gray-700 {% if value.3.squared %}rounded-sm{% else %}rounded-full{% endif %}{% if not value.3.borderless %} border{% endif %}{% if not value.3.width or not value.3.height %} h-8 max-w-8 min-w-8{% endif %}">
+                <img loading="lazy" src="{{ value.3.path }}" class="max-w-none object-cover" {% if value.3.width %}width="{{ value.3.width }}"{% endif %} {% if value.3.height %}height="{{ value.3.height }}"{% endif %} alt="{% trans "Record picture" %}" />
+            </span>
+        {% endif %}
     {% elif value.2 %}
         <span class="bg-white border flex font-medium h-8 justify-center items-center rounded-full text-xs uppercase w-8 dark:bg-gray-900 dark:border-gray-700">
             {{ value.2 }}

unfold/templates/unfold/helpers/field_readonly.html

@@ -1,5 +1,5 @@
 <div class="flex group mb-6 flex-col last:mb-4">
-    <label class="block font-medium mb-2 text-gray-900 text-sm dark:text-gray-200">
+    <label class="block font-semibold mb-2 text-gray-900 text-sm dark:text-gray-200">
         {{ title }}
     </label>
 

unfold/templates/unfold/helpers/field_readonly_value.html

@@ -1 +1 @@
-<div class="readonly max-w-4xl py-2 text-sm *:rounded-md {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-gray-50 border font-medium px-3 rounded-md shadow-sm dark:border-gray-700 dark:bg-gray-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded-md !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>
+<div class="readonly {% if field.is_json %}max-w-4xl{% else %}max-w-2xl{% endif %} py-2 text-sm *:rounded-md {% if not adminform.model_admin.compressed_fields and not field.is_image %}bg-gray-50 border font-medium px-3 rounded-md shadow-sm dark:border-gray-700 dark:bg-gray-800{% endif %} {% if field.is_image %}inline-block [&_img]:rounded-md !py-0{% endif %}">{% if value %}{{ value }}{% elif field.contents %}{{ field.contents }}{% else %}-{% endif %}</div>

unfold/templates/unfold/helpers/fieldset_row.html

@@ -1,4 +1,6 @@
+
 <div class="form-row
+            {% for field in line %}{% if inline_admin_formset.opts.ordering_field and field.field.name == inline_admin_formset.opts.ordering_field and inline_admin_formset.opts.hide_ordering_field %} hidden{% endif %}{% endfor %}
             {% if adminform.model_admin.compressed_fields %} border-b border-gray-200 -mx-3 px-3 pt-3 first:pt-0 dark:border-gray-800 last:border-b-0{% endif %}
             {% if not line.fields|length == 1 %} flex flex-row flex-wrap gap-x-8{% endif %}
             {% if not line.has_visible_field %} hidden{% endif %}

unfold/templates/unfold/helpers/form_label.html

@@ -1,4 +1,4 @@
-<label for="{{ field.id_for_label }}" class="block text-font-important-light dark:text-font-important-dark{% if field.field.widget.input_type == "checkbox" %}{% else %} font-medium mb-2{% endif %}">
+<label for="{{ field.id_for_label }}" class="block text-font-important-light dark:text-font-important-dark{% if field.field.widget.input_type == "checkbox" %}{% else %} font-semibold mb-2{% endif %}">
     {{ field.label }}
 
     {% if field.field.required %}

unfold/templates/unfold/helpers/header.html

@@ -1,6 +1,6 @@
 {% if not is_popup %}
     {% block header %}
-        <div class="border-b border-gray-200 mb-6 px-4 lg:px-12 dark:border-gray-800">
+        <div class="border-b border-gray-200 mb-6 px-4 lg:px-8 dark:border-gray-800">
             <div class="{% if not cl.model_admin.list_fullwidth %}container{% endif %} flex items-center h-16 mx-auto py-4">
                 <div id="header-inner" class="flex items-center w-full">
                     <div class="flex items-center w-full">

unfold/templates/unfold/helpers/label.html

@@ -10,7 +10,7 @@
              {% elif type == 'primary' %}
                  bg-primary-100 text-primary-700 dark:bg-primary-500/20 dark:text-primary-400
              {% else %}
-                 bg-gray-100 text-gray-700 dark:bg-gray-500/20 dark:text-gray-400
+                 bg-gray-100 text-gray-700 dark:bg-gray-500/20 dark:text-gray-200
              {% endif %}">
     {{ text }}
 </span>

unfold/templates/unfold/helpers/language_switch.html

@@ -0,0 +1,27 @@
+{% load i18n %}
+
+{% get_current_language as LANGUAGE_CODE %}
+{% get_available_languages as LANGUAGES %}
+{% get_language_info_list for LANGUAGES as languages %}
+
+
+<div class="relative" x-data="{ openLanguageLinks: false }">
+    <a class="block cursor-pointer hover:text-gray-700 dark:hover:text-gray-200" x-on:click="openLanguageLinks = !openLanguageLinks">
+        <span class="material-symbols-outlined">translate</span>
+    </a>
+
+    <div class="absolute bg-white border flex flex-col leading-none py-1 -right-2 rounded shadow-lg top-7 w-52 z-50 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openLanguageLinks" @click.outside="openLanguageLinks = false">
+        {% for language in languages %}
+            <form action="{% url 'set_language' %}" method="post" class="flex w-full">
+                {% csrf_token %}
+
+                <input name="next" type="hidden" value="{{ redirect_to }}">
+                <input name="language" type="hidden" value="{{ language.code }}">
+
+                <button type="submit" class="block flex-grow mx-1 px-3 py-2 rounded text-left hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200 {% if language.code == LANGUAGE_CODE %}text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600{% endif %}">
+                    {{ language.name_local }} ({{ language.code }})
+                </button>
+            </form>
+        {% endfor %}
+    </div>
+</div>

unfold/templates/unfold/helpers/tab_list.html

@@ -8,7 +8,7 @@
                     {% for item in tabs_list %}
                         {% if item.has_permission %}
                             <li class="border-b last:border-b-0 md:border-b-0 md:mr-8 dark:border-gray-800">
-                                <a href="{% if item.link_callback %}{{ item.link_callback }}{% else %}{{ item.link }}{% endif %}" class="block px-3 py-2 md:py-4 md:px-0 dark:border-gray-800 {% if item.active %} border-b font-semibold -mb-px text-primary-600 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-500 md:border-primary-500 dark:md:!border-primary-600{% else %}font-medium hover:text-gray-700 dark:hover:text-gray-200{% endif %}">
+                                <a href="{% if item.link_callback %}{{ item.link_callback }}{% else %}{{ item.link }}{% endif %}" class="block px-3 py-2 md:py-4 md:px-0 dark:border-gray-800 {% if item.active %} border-b font-semibold -mb-px text-primary-600 hover:text-primary-600 dark:text-primary-500 dark:hover:text-primary-500 md:border-primary-500 dark:md:!border-primary-600{% else %}font-medium hover:text-primary-600 dark:hover:text-primary-500{% endif %}">
                                     {{ item.title }}
                                 </a>
                             </li>
@@ -20,7 +20,7 @@
                             <a class="block cursor-pointer font-medium px-3 py-2 md:py-4 md:px-0"
                                href="#general"
                                x-on:click="activeTab = 'general'"
-                               x-bind:class="{'border-b border-gray-200 dark:border-gray-800 md:border-primary-500 dark:md:!border-primary-600 font-semibold -mb-px text-primary-600 dark:text-primary-500': activeTab == 'general', 'hover:text-gray-700 dark:hover:text-gray-200 dark:border-gray-800': activeTab != 'general'}">
+                               x-bind:class="{'border-b border-gray-200 dark:border-gray-800 md:border-primary-500 dark:md:!border-primary-600 font-semibold -mb-px text-primary-600 dark:text-primary-500': activeTab == 'general', 'hover:text-primary-600 dark:hover:text-primary-500 dark:border-gray-800': activeTab != 'general'}">
                                 {% trans "General" %}
                             </a>
                         </li>
@@ -30,7 +30,7 @@
                                 <a class="block cursor-pointer font-medium px-3 py-2 md:py-4 md:px-0"
                                    href="#{{ inline.opts.verbose_name|slugify }}"
                                    x-on:click="activeTab = '{{ inline.opts.verbose_name|slugify }}'"
-                                   x-bind:class="{'border-b border-gray-200 dark:border-gray-800 md:border-primary-500 dark:md:!border-primary-600 font-semibold -mb-px text-primary-600 dark:text-primary-500': activeTab == '{{ inline.opts.verbose_name|slugify }}', 'hover:text-gray-700 dark:hover:text-gray-200 dark:border-gray-800': activeTab != '{{ inline.opts.verbose_name|slugify }}'}">
+                                   x-bind:class="{'border-b border-gray-200 dark:border-gray-800 md:border-primary-500 dark:md:!border-primary-600 font-semibold -mb-px text-primary-600 dark:text-primary-500': activeTab == '{{ inline.opts.verbose_name|slugify }}', 'hover:text-primary-600 dark:hover:text-primary-500 dark:border-gray-800': activeTab != '{{ inline.opts.verbose_name|slugify }}'}">
                                     {% if inline.formset.max_num == 1 %}
                                         {{ inline.opts.verbose_name|capfirst }}
                                     {% else %}

unfold/templates/unfold/helpers/theme_switch.html

@@ -7,7 +7,7 @@
         </span>
     </a>
 
-    <nav class="absolute bg-white border flex flex-col leading-none overflow-hidden py-1 -right-2 rounded shadow-lg top-7 w-40 z-50 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openTheme" @click.outside="openTheme = false">
+    <nav class="absolute bg-white border flex flex-col leading-none py-1 -right-2 rounded shadow-lg top-7 w-40 z-50 dark:bg-gray-800 dark:border-gray-700" x-cloak x-show="openTheme" @click.outside="openTheme = false">
         <a class="cursor-pointer flex flex-row leading-none mx-1 px-3 py-1.5 rounded hover:bg-gray-100 hover:text-gray-700 dark:hover:bg-gray-700 dark:hover:text-gray-200"
            x-on:click="adminTheme = 'dark'"
            x-bind:class="adminTheme == 'dark' && 'text-primary-600 dark:text-primary-500 dark:hover:!text-primary-500 hover:!text-primary-600'">

unfold/templates/unfold/helpers/userlinks.html

@@ -7,6 +7,10 @@
                 {% include "unfold/helpers/label.html" with text=environment.0 type=environment.1 %}
             {% endif %}
 
+            {% if show_languages %}
+                {% include "unfold/helpers/language_switch.html" %}
+            {% endif %}
+
             {% if not theme %}
                 {% include "unfold/helpers/theme_switch.html" %}
             {% endif %}

unfold/templates/unfold/layouts/base_simple.html

@@ -21,7 +21,7 @@
                 {% endspaceless %}
             {% endif %}
 
-            <div class="px-4 lg:px-12">
+            <div class="px-4 lg:px-8">
                 <div id="content" class="container mx-auto {% block coltype %}colM{% endblock %}">
                     {% block content %}
                         {% block object-tools %}{% endblock %}

unfold/templates/unfold/layouts/skeleton.html

@@ -33,6 +33,7 @@
 
         <script src="{% static 'unfold/js/alpine.anchor.js' %}" defer></script>
         <script src="{% static 'unfold/js/alpine.persist.js' %}" defer></script>
+        <script src="{% static 'unfold/js/alpine.sort.js' %}" defer></script>
         <script src="{% static 'unfold/js/alpine.js' %}" defer></script>
         <script src="{% static 'unfold/js/htmx.js' %}"></script>
         <script src="{% static 'unfold/js/chart.js' %}"></script>

unfold/templates/unfold/templatetags/preserve_changelist_filters.html

@@ -0,0 +1,3 @@
+{% for key, value in params.items %}
+  <input type="hidden" name="{{ key }}" value="{{ value }}">
+{% endfor %}

unfold/templates/unfold/widgets/split_datetime_vertical.html

@@ -1,4 +1,4 @@
-<div class="datetime flex flex-col max-w-2xl">
+<div class="datetime flex flex-col max-w-2xl w-full">
     <div class="flex flex-col flex-wrap mb-2">
         {% if date_label %}
             <div class="mb-2">

unfold/templates/unfold/widgets/url.html

@@ -1,7 +1,9 @@
-<div class="flex flex-row gap-2 items-center">
-  {% include "django/forms/widgets/input.html" %}
+<div class="flex flex-col gap-2">
+    {% include "django/forms/widgets/input.html" %}
 
-  {% if url_valid %}
-    {{ current_label }} <a href="{{ widget.href }}" class="text-primary-600 dark:text-primary-500">{{ widget.value }}</a>
-  {% endif %}
+    {% if url_valid %}
+        <p class="text-xs">
+            {{ current_label }} <a href="{{ widget.href }}" class="text-primary-600 dark:text-primary-500">{{ widget.value }}</a>
+        </p>
+    {% endif %}
 </div>

unfold/templatetags/unfold.py

@@ -1,9 +1,11 @@
-from typing import Any, Dict, List, Mapping, Optional, Union
+from typing import Any, Dict, List, Mapping, Optional, Set, Union
 
 from django import template
 from django.contrib.admin.helpers import AdminForm, Fieldset
+from django.contrib.admin.views.main import ChangeList
 from django.forms import Field
-from django.template import Library, Node, RequestContext, TemplateSyntaxError
+from django.http import HttpRequest
+from django.template import Context, Library, Node, RequestContext, TemplateSyntaxError
 from django.template.base import NodeList, Parser, Token, token_kwargs
 from django.template.loader import render_to_string
 from django.utils.safestring import SafeText
@@ -224,3 +226,28 @@ def add_css_class(field: Field, classes: Union[list, tuple]) -> Field:
         field.field.widget.attrs["class"] = classes
 
     return field
+
+
+@register.inclusion_tag(
+    "unfold/templatetags/preserve_changelist_filters.html",
+    takes_context=True,
+    name="preserve_filters",
+)
+def preserve_changelist_filters(context: Context) -> Dict[str, Dict[str, str]]:
+    """
+    Generate hidden input fields to preserve filters for POST forms.
+    """
+    request: Optional[HttpRequest] = context.get("request")
+    changelist: Optional[ChangeList] = context.get("cl")
+
+    if not request or not changelist:
+        return {"params": {}}
+
+    used_params: Set[str] = {
+        param for spec in changelist.filter_specs for param in spec.used_parameters
+    }
+    preserved_params: Dict[str, str] = {
+        param: value for param, value in request.GET.items() if param not in used_params
+    }
+
+    return {"params": preserved_params}

unfold/utils.py

@@ -3,6 +3,7 @@ import decimal
 import json
 from typing import Any, Iterable, List, Optional
 
+from django.conf import settings
 from django.db import models
 from django.template.loader import render_to_string
 from django.utils import formats, timezone
@@ -146,3 +147,19 @@ def prettify_json(data: Any) -> Optional[str]:
         f'<div class="block dark:hidden">{format_response(response, "colorful")}</div>'
         f'<div class="hidden dark:block">{format_response(response, "monokai")}</div>'
     )
+
+
+def parse_date_str(value: str) -> Optional[datetime.date]:
+    for format in settings.DATE_INPUT_FORMATS:
+        try:
+            return datetime.datetime.strptime(value, format).date()
+        except (ValueError, TypeError):
+            continue
+
+
+def parse_datetime_str(value: str) -> Optional[datetime.datetime]:
+    for format in settings.DATETIME_INPUT_FORMATS:
+        try:
+            return datetime.datetime.strptime(value, format)
+        except (ValueError, TypeError):
+            continue

unfold/widgets.py

@@ -35,7 +35,7 @@ from .exceptions import UnfoldException
 
 LABEL_CLASSES = [
     "block",
-    "font-medium",
+    "font-semibold",
     "mb-2",
     "text-font-important-light",
     "text-sm",
@@ -43,7 +43,7 @@ LABEL_CLASSES = [
 ]
 
 CHECKBOX_LABEL_CLASSES = [
-    "font-medium",
+    "font-semibold",
     "ml-2",
     "text-sm",
     "text-font-important-light",
@@ -332,6 +332,8 @@ class UnfoldAdminImageSmallFieldWidget(FileFieldMixin, AdminFileWidget):
 
 
 class UnfoldAdminDateWidget(AdminDateWidget):
+    template_name = "unfold/widgets/date.html"
+
     def __init__(
         self, attrs: Optional[Dict[str, Any]] = None, format: Optional[str] = None
     ) -> None:
@@ -358,6 +360,8 @@ class UnfoldAdminSingleDateWidget(AdminDateWidget):
 
 
 class UnfoldAdminTimeWidget(AdminTimeWidget):
+    template_name = "unfold/widgets/time.html"
+
     def __init__(
         self, attrs: Optional[Dict[str, Any]] = None, format: Optional[str] = None
     ) -> None: