django-unfold 0.67.0__py3-none-any.whl → 0.69.0__py3-none-any.whl

unfold/static/unfold/js/app.js

@@ -17,7 +17,9 @@ const sortRecords = (e) => {
   const orderingField = e.from.dataset.orderingField;
 
   const weightInputs = Array.from(
-    e.from.querySelectorAll(`.has_original input[name$=-${orderingField}]`)
+    e.from.querySelectorAll(
+      `.has_original input[name$=-${orderingField}], td.field-${orderingField} input[name$=-${orderingField}]`
+    )
   );
 
   weightInputs.forEach((input, index) => {

unfold/styles.css

@@ -420,6 +420,10 @@ td .inline-deletelink {
   @apply py-1;
 }
 
+.select2-container .select2-results__option--highlighted[aria-selected] {
+    @apply !bg-base-100 dark:!bg-base-800;
+}
+
 .select2-container.select2-container--open .select2-dropdown {
   @apply bg-white border border-base-200 rounded-default shadow-xs dark:border-base-700 dark:bg-base-900;
 }
@@ -505,13 +509,17 @@ fieldset details[open] > summary:after {
 /*******************************************************
  Calendar
  *******************************************************/
+.calendarbox .calendar {
+  @apply min-h-[320px];
+}
+
 .calendarbox,
 .clockbox {
-  @apply bg-white border border-base-200 rounded-default shadow-xs text-base-500 text-sm w-80 z-50 dark:bg-base-800 dark:border-base-700 fixed! left-1/2! top-1/2! -translate-x-1/2 -translate-y-1/2;
+  @apply bg-white border border-base-200 rounded-default shadow-xs w-80 z-50 dark:bg-base-800 dark:border-base-700 fixed! left-1/2! top-1/2! -translate-x-1/2 -translate-y-1/2;
 }
 
 .calendar caption {
-  @apply font-medium mb-3 py-3 text-base-700 dark:text-base-200;
+  @apply font-semibold mb-3 py-3 text-important;
 }
 
 .calendar table {
@@ -519,7 +527,7 @@ fieldset details[open] > summary:after {
 }
 
 .calendar table th {
-  @apply font-medium text-center text-base-700 text-xs dark:text-base-200;
+  @apply font-semibold text-center text-important text-xs;
 }
 
 .calendar table td {
@@ -527,7 +535,7 @@ fieldset details[open] > summary:after {
 }
 
 .calendar table td a {
-  @apply block flex h-8 items-center justify-center rounded-full transition-all w-8 dark:text-base-300;
+  @apply block flex h-8 items-center justify-center rounded-full w-8 dark:text-base-300;
 }
 
 .calendar table td a:hover {
@@ -543,7 +551,7 @@ fieldset details[open] > summary:after {
 }
 
 .calendar-shortcuts a {
-  @apply border border-base-200  font-medium leading-none mx-1 px-2 py-2 rounded-default shadow-xs text-center text-base-500 text-xs transition-all w-1/3 dark:border-base-700 dark:hover:border-base-600 dark:text-base-300 dark:hover:text-base-200;
+  @apply border border-base-200 font-medium leading-none mx-1 px-2 py-2 rounded-default shadow-xs text-center text-base-500 text-xs w-1/3 dark:border-base-700 dark:text-base-300 ;
 }
 
 .calendar-cancel {
@@ -554,28 +562,25 @@ fieldset details[open] > summary:after {
   @apply absolute block ml-2 mt-2 left-0 text-[0px] top-0;
 }
 
-.calendarnav-next:after,
-.calendarnav-previous:after {
-  @apply border border-base-200 flex h-7 items-center justify-center material-symbols-outlined rounded-full text-base-400 transition-all w-7 hover:border-primary-600 hover:text-primary-500 dark:bg-base-800 dark:border-base-700 dark:hover:border-base-800;
+.calendarnav-next,
+.calendarnav-previous {
+  @apply after:border after:border-base-200 after:flex after:h-7 after:items-center after:justify-center after:material-symbols-outlined after:rounded-full after:transition-all after:w-7 dark:after:bg-base-800 dark:after:border-base-700;
+}
 
+.calendarnav-previous:after {
   content: "navigate_before";
   display: flex;
 }
 
-.calendarnav-next:hover:after,
-.calendarnav-previous:hover:after {
-  @apply dark:border-base-600 dark:text-base-200;
+.calendarnav-next:after {
+  content: "navigate_next";
+  display: flex;
 }
 
 .calendarnav-next {
   @apply absolute block mr-2 mt-2 right-0 text-[0px] top-0;
 }
 
-.calendarnav-next:after {
-  content: "navigate_next";
-  display: flex;
-}
-
 /*******************************************************
  Timepicker
  *******************************************************/

unfold/templates/admin/actions.html

@@ -1,8 +1,8 @@
 {% load i18n %}
 
-<div id="changelist-actions" class="actions flex flex-col gap-3 text-white sm:flex-row sm:items-center lg:items-center {% if not cl.model_admin.list_fullwidth %}mx-auto{% endif %}"  x-bind:style="'width: ' + changeListWidth + 'px'">
+<div id="changelist-actions" class="actions flex flex-col gap-3 text-white sm:flex-row sm:items-center lg:items-center {% if not cl.model_admin.list_fullwidth %}mx-auto{% endif %}" x-bind:style="'width: ' + changeListWidth + 'px'">
     {% block actions %}
-        <div class="group primary flex flex-row gap-2 lg:flex-row" x-data="{action: ''}">
+        <div class="group primary flex flex-row gap-2 lg:flex-row" x-data="{action: '', selectAcross: 0}">
             {% block actions-form %}
                 {% for field in action_form %}
                     {% if field.label %}

unfold/templates/admin/change_form.html

@@ -34,7 +34,7 @@
             {% include adminform.model_admin.change_form_outer_before_template %}
         {% endif %}
 
-        <form {% if adminform.model_admin.conditional_fields %}x-data='{{ adminform|changeform_data }}'{% endif %} {% if has_file_field %}enctype="multipart/form-data" {% endif %}{% if form_url %}action="{{ form_url }}"{% else %}x-bind:value="activeTab && activeTab !== 'general' ? '#' + activeTab : ''" {% endif %}method="post" id="{{ opts.model_name }}_form" {% if adminform.model_admin.warn_unsaved_form %}class="warn-unsaved-form"{% endif %} novalidate>
+        <form {% if adminform.model_admin.conditional_fields %}x-data='{{ adminform|changeform_data }}'{% endif %} {% if has_file_field %}enctype="multipart/form-data" {% endif %}{% if form_url %}action="{{ form_url }}"{% endif %} x-bind:action="activeTab && activeTab !== 'general' ? window.location.pathname + window.location.search + '#' + activeTab : window.location.pathname + window.location.search" method="post" id="{{ opts.model_name }}_form" {% if adminform.model_admin.warn_unsaved_form %}class="warn-unsaved-form"{% endif %} novalidate>
             {% csrf_token %}
 
             {% if adminform.model_admin.change_form_before_template %}
@@ -43,7 +43,7 @@
 
             {% block form_top %}{% endblock %}
 
-            <div class="flex flex-col gap-8">
+            <div class="flex flex-col gap-6">
                 {% if is_popup %}
                     <input type="hidden" name="{{ is_popup_var }}" value="1">
                 {% endif %}
@@ -99,6 +99,14 @@
             {% endif %}
         </form>
 
+        {% if datasets %}
+            <div class="flex flex-col">
+                {% for dataset in datasets %}
+                    {{ dataset.contents }}
+                {% endfor %}
+            </div>
+        {% endif %}
+
         {% if adminform.model_admin.change_form_outer_after_template %}
             {% include adminform.model_admin.change_form_outer_after_template %}
         {% endif %}

unfold/templates/admin/change_list.html

@@ -45,7 +45,7 @@
         {% endif %}
 
         <div class="flex -mx-4 module{% if cl.has_filters %} filtered{% endif %}" id="changelist" x-data="{ changeListWidth: 0 }">
-            <div class="changelist-form-container flex flex-row grow gap-6 min-w-0 px-4">
+            <div class="result-list-wrapper changelist-form-container flex flex-row grow gap-6 min-w-0 px-4">
                 <div class="grow min-w-0" x-resize="changeListWidth = $width">
                     {% block date_hierarchy %}
                         {% if cl.date_hierarchy %}

unfold/templates/admin/change_list_results.html

@@ -8,69 +8,11 @@
 
 {% if results %}
     <div class="{% if cl.search_fields or cl.has_filters %}lg:rounded-b-default{% else %}lg:rounded-default{% endif %} -mx-1 px-1 overflow-x-auto lg:border lg:border-base-200 lg:mx-0 lg:px-0 lg:shadow-xs lg:dark:border-base-800 lg:bg-white lg:dark:bg-base-900 {% if cl.model_admin.list_horizontal_scrollbar_top %}simplebar-horizontal-scrollbar-top{% endif %}" data-simplebar data-simplebar-auto-hide="false">
-        <table id="result_list" class="block border-base-200 border-spacing-none border-separate w-full lg:table">
-            <thead>
-                <tr>
-                    {% if cl.model_admin.list_sections|length > 0 %}
-                        <th></th>
-                    {% endif %}
-
-                    {% for header in result_headers %}
-                        <th class="align-middle font-semibold py-2 text-left text-font-important-light dark:text-font-important-dark whitespace-nowrap {{ header.class_attrib }} {% if "action-toggle" in header.text and forloop.counter == 1 %}lg:px-3 lg:w-10{% else %}hidden px-3 lg:table-cell{% endif %}" scope="col">
-                            <div class="flex items-center">
-                                <div class="text">
-                                    {% if header.sortable %}
-                                        <a href="{{ header.url_primary }}">
-                                            {{ header.text|capfirst }}
-                                        </a>
-                                    {% else %}
-                                        {% if "action-toggle" in header.text and forloop.counter == 1 %}
-                                            <label class="flex flex-row items-center gap-2">
-                                                {{ header.text|capfirst }}
-
-                                                <span class="block font-normal lg:hidden">
-                                                    {% trans "Select all rows"%}
-                                                </span>
-                                            </label>
-                                        {% else %}
-                                            <span>
-                                                {{ header.text|capfirst }}
-                                            </span>
-                                        {% endif %}
-                                    {% endif %}
-                                </div>
-
-                                {% if header.sortable %}
-                                    {% if header.sort_priority > 0 %}
-                                        <div class="sortoptions flex items-center ml-2">
-                                            <a href="{{ header.url_toggle }}" class="flex items-center leading-none text-base-400 hover:text-base-500 dark:text-base-500 dark:hover:text-base-400 toggle {% if header.ascending %}ascending{% else %}descending{% endif %}" title="{% translate "Toggle sorting" %}">
-                                                {% if header.ascending %}
-                                                    <span class="block material-symbols-outlined">arrow_circle_down</span>
-                                                {% else %}
-                                                    <span class="block material-symbols-outlined">arrow_circle_up</span>
-                                                {% endif %}
-                                            </a>
-
-                                            <a class="sortremove flex items-center leading-none ml-1 text-base-400 dark:text-base-500 transition-all hover:text-red-700 dark:hover:text-red-500" href="{{ header.url_remove }}" title="{% translate "Remove from sorting" %}">
-                                                <span class="block material-symbols-outlined">cancel</span>
-                                            </a>
-                                        </div>
-
-                                        {% if num_sorted_fields > 1 %}
-                                            <span class="sortpriority font-medium ml-2 text-xs" title="{% blocktranslate with priority_number=header.sort_priority %}Sorting priority: {{ priority_number }}{% endblocktranslate %}">
-                                                {{ header.sort_priority }}
-                                            </span>
-                                        {% endif %}
-                                    {% endif %}
-                                {% endif %}
-                            </div>
-                        </th>
-                    {% endfor %}
-                </tr>
-            </thead>
+        <table id="result_list" class="result-list block border-base-200 border-spacing-none border-separate w-full lg:table" {% if cl.model_admin.ordering_field %}x-sort.ghost x-on:end="sortRecords"{% endif %} data-ordering-field="{{ cl.model_admin.ordering_field }}">
+            {% include 'unfold/helpers/change_list_headers.html' %}
 
             {% for result in results %}
-                <tbody class="block relative lg:table-row-group lg:hover:shadow-raised lg:dark:hover:shadow-raised-dark lg:hover:z-20 {% cycle '' 'bg-base-50 dark:bg-white/[.02]' %}" x-data="{rowOpen: false}">
+                <tbody class="block relative lg:table-row-group lg:hover:shadow-raised lg:dark:hover:shadow-raised-dark lg:hover:z-20 {% cycle '' 'bg-base-50 dark:bg-white/[.02]' %}" x-data="{rowOpen: false}" {% if cl.model_admin.ordering_field %}x-sort:item{% endif %}>
                     {% if result.form and result.form.non_field_errors %}
                         <tr>
                             <td class="text-left" colspan="{{ result|length }}">
@@ -80,6 +22,12 @@
                     {% endif %}
 
                     <tr class="block border border-base-200 mb-3 relative rounded-default shadow-xs lg:table-row lg:border-none lg:mb-0 lg:rounded-none lg:shadow-none dark:border-base-800">
+                        {% if cl.model_admin.ordering_field %}
+                            <td class="align-middle cursor-move flex border-b border-base-200 font-normal px-2.5 py-2 relative text-left before:font-semibold before:text-font-important-light before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:border-b-0 lg:border-t lg:pl-3 lg:pr-0 lg:py-3 lg:table-cell dark:border-base-800 dark:lg:border-base-800 dark:before:text-font-important-dark lg:w-px" x-sort:handle>
+                                <span class="material-symbols-outlined align-middle cursor-move">drag_indicator</span>
+                            </td>
+                        {% endif %}
+
                         {% if cl.model_admin.list_sections|length > 0 %}
                             <td class="align-middle cursor-pointer flex border-b border-base-200 font-normal px-2.5 py-2 relative text-left before:font-semibold before:text-font-important-light before:block before:capitalize before:content-[attr(data-label)] before:mr-auto lg:before:hidden lg:border-b-0 lg:border-t lg:pl-3 lg:pr-0 lg:py-3 lg:table-cell dark:border-base-800 dark:lg:border-base-800 dark:before:text-font-important-dark lg:w-px"
                                 data-label="{% trans "Expand row" %}"
@@ -100,7 +48,7 @@
 
                     {% if cl.model_admin.list_sections|length > 0 %}
                         <tr class="block mb-3 relative z-30 lg:table-row" x-show="rowOpen">
-                            <td colspan="{{ result|length|add:2 }}" class="border bg-base-200/10 block border-base-200 relative rounded-default p-3 lg:shadow-inner lg:border-0 lg:border-t lg:rounded-none lg:table-cell dark:border-base-800">
+                            <td colspan="100%" class="border bg-base-200/10 block border-base-200 relative rounded-default p-3 lg:shadow-inner lg:border-0 lg:border-t lg:rounded-none lg:table-cell dark:border-base-800">
                                 <div class="absolute bg-primary-600 h-full hidden left-0 top-0 w-0.5 lg:block"></div>
 
                                 <div class="grid gap-3 {{ cl.model_admin.list_sections_classes }}">

unfold/templates/admin/dataset_actions.html

@@ -0,0 +1,50 @@
+{% load i18n %}
+
+<div class="actions flex flex-col gap-3 order-last lg:order-none lg:flex-row lg:items-center">
+    {% if actions_selection_counter %}
+        <div class="bg-base-100 flex flex-row h-9.5 items-center px-3 rounded-md shadow-sm truncate dark:bg-white/[.04] lg:bg-transparent dark:lg:!bg-transparent lg:px-0 lg:shadow-none">
+            <span class="action-counter text-sm" data-actions-icnt="{{ cl.result_list|length }}">
+                {{ selection_note }}
+            </span>
+
+            {% if cl.result_count != cl.result_list|length %}
+                <span class="all hidden">
+                    {{ selection_note_all }}
+                </span>
+
+                {% if not cl.model_admin.list_disable_select_all %}
+                    <span class="question ml-2 hidden text-primary-600 dark:text-primary-500">
+                        <a href="#" title="{% translate "Click here to select the objects across all pages" %}">
+                            {% blocktranslate with cl.result_count as total_count %}Select all {{ total_count }} {{ module_name }}{% endblocktranslate %}
+                        </a>
+                    </span>
+
+                    <span class="clear hidden text-red-600">
+                        <a href="#">
+                            {% translate "Clear selection" %}
+                        </a>
+                    </span>
+                {% endif %}
+            {% endif %}
+        </div>
+    {% endif %}
+
+    <div class="flex flex-col gap-2 lg:flex-row">
+        {% for field in action_form %}
+            {% if field.label %}
+                <label>
+                    {{ field.label }}
+            {% endif %}
+
+            {{ field }}
+
+            {% if field.label %}
+                </label>
+            {% endif %}
+        {% endfor %}
+
+        <button type="submit" form="dataset-{{ id }}" x-show="action" class="bg-primary-600 cursor-pointer flex font-medium items-center justify-center px-3 py-2 rounded-md text-sm text-white whitespace-nowrap" title="{% translate "Run the selected action" %}" name="index" value="{{ action_index|default:0 }}">
+            {% trans "Run" %}
+        </button>
+    </div>
+</div>

unfold/templates/admin/edit_inline/stacked.html

@@ -4,13 +4,7 @@
     <fieldset class="module relative {{ inline_admin_formset.classes }}" 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="inline-heading bg-base-100 font-semibold mb-6 px-4 py-3 rounded-default text-font-important-light @min-[1570px]:-mx-4 dark:bg-white/[.02] 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 %}
-                {{ inline_admin_formset.opts.verbose_name_plural|capfirst }}
-            {% endif %}
-        </h2>
+        {% include "unfold/helpers/inline_heading.html" %}
 
         {% if inline_admin_formset.is_collapsible %}</summary>{% endif %}
 
@@ -34,7 +28,7 @@
 
                             {% 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>
+                                    <span class="material-symbols-outlined cursor-move" x-sort:handle>drag_indicator</span>
                                 {% else %}
                                     <span class="-mr-2" x-sort:handle></span>
                                 {% endif %}

unfold/templates/admin/edit_inline/tabular.html

@@ -7,13 +7,7 @@
         <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-base-100 border border-transparent font-semibold mb-6 px-4 py-3 rounded-default text-font-important-light text-sm @min-[1570px]:-mx-4 dark:bg-white/[.02]  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 %}
-                    {{ inline_admin_formset.opts.verbose_name_plural|capfirst }}
-                {% endif %}
-            </h2>
+            {% include "unfold/helpers/inline_heading.html" %}
 
             {% if inline_admin_formset.is_collapsible %}</summary>{% endif %}
 

unfold/templates/admin/includes/fieldset.html

@@ -9,9 +9,7 @@
                 {{ fieldset.name }}
             </h2>
         {% else %}
-            <h2 class="bg-base-100 font-semibold mb-6 px-4 py-3 rounded-default text-font-important-light text-sm @min-[1570px]:-mx-4 dark:bg-white/[.02] dark:text-font-important-dark {% if fieldset.is_collapsible %}cursor-pointer{% endif %}">
-                {{ fieldset.name }}
-            </h2>
+            {% include "unfold/helpers/inline_heading.html" with title=fieldset.name clickable=fieldset.is_collapsible %}
         {% endif %}
     {% endif %}
 

unfold/templates/admin/search_form.html

@@ -2,7 +2,7 @@
 
 {% if cl.search_fields %}
     <div id="toolbar">
-        <form id="changelist-search" method="get" role="search" x-data="searchForm()">
+        <form {% if not cl.is_dataset %}id="changelist-search" x-data="searchForm()"{% endif %} method="get" role="search">
             <div class="bg-white border border-base-200 flex flex-row items-center px-3 rounded-default relative shadow-xs w-full focus-within:outline-2 focus-within:-outline-offset-2 focus-within:outline-primary-600 lg:w-96 dark:bg-base-900 dark:border-base-700">
                 <button type="submit" class="flex items-center focus:outline-hidden" id="searchbar-submit">
                     <span class="material-symbols-outlined md-18 text-base-400 dark:text-base-500">search</span>
@@ -10,14 +10,16 @@
 
                 <input type="text"
                        x-ref="searchInput"
-                       x-on:keydown.window="applyShortcut($event)"
+                       {% if not cl.is_dataset %}x-on:keydown.window="applyShortcut($event)"{% endif %}
                        class="grow font-medium min-w-0 overflow-hidden p-2 placeholder-font-subtle-light truncate focus:outline-hidden dark:bg-base-900 dark:placeholder-font-subtle-dark dark:text-font-default-dark"
                        name="{{ search_var }}"
                        value="{{ cl.query }}"
-                       id="searchbar"
+                       {% if not cl.is_dataset %}id="searchbar"{% endif %}
                        placeholder="{% if cl.search_help_text %}{{ cl.search_help_text }}{% else %}{% trans "Type to search" %}{% endif %}" />
 
-                {% include "unfold/helpers/shortcut.html" with shortcut="/" %}
+                {% if not cl.is_dataset %}
+                    {% include "unfold/helpers/shortcut.html" with shortcut="/" %}
+                {% endif %}
             </div>
 
             {% for pair in cl.filter_params.items %}

unfold/templates/registration/password_change_done.html

@@ -1,12 +1,11 @@
 {% extends "admin/base_site.html" %}
 {% load admin_urls i18n static %}
 
-{% block extrastyle %}{{ block.super }}">{% endblock %}
+{% block extrastyle %}{{ block.super }}{% endblock %}
 
 {% block content %}
     <div id="content-main">
-        <p class="bg-primary-100 mb-8 text-primary-600 px-3 py-3 rounded-default text-sm">
-            {% translate 'Your password was changed.' %}
-        </p>
+        {% translate 'Your password was changed.' as message %}
+        {% include "unfold/helpers/messages/success.html" with message=message %}
     </div>
 {% endblock %}

unfold/templates/registration/password_change_form.html

@@ -19,15 +19,19 @@
 
                 {% include "unfold/helpers/messages/info.html" with message=message %}
 
-                {% include "unfold/helpers/field.html" with field=form.old_password %}
+                <fieldset class="fieldset group border border-base-200 mb-6 rounded-default shadow-xs p-3 dark:border-base-800 *:last:mb-0">
+                    {% include "unfold/helpers/field.html" with field=form.old_password %}
 
-                {% include "unfold/helpers/field.html" with field=form.new_password1 %}
+                    {% include "unfold/helpers/field.html" with field=form.new_password1 %}
 
-                {% include "unfold/helpers/field.html" with field=form.new_password2 %}
+                    {% include "unfold/helpers/field.html" with field=form.new_password2 %}
+                </fieldset>
 
-                <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded-default text-sm text-white">
-                    {% translate 'Change password' %}
-                </button>
+                <div class="flex justify-end">
+                    <button type="submit" class="bg-primary-600 border border-transparent font-medium px-3 py-2 rounded-default text-sm text-white">
+                        {% translate 'Change password' %}
+                    </button>
+                </div>
             </div>
         </form>
     </div>

unfold/templates/unfold/helpers/change_list_actions.html

@@ -3,7 +3,7 @@
 {% if actions_on_top %}
     {% if cl.search_fields or action_form or cl.has_filters %}
         <div class="bottom-0 left-0 right-0 hidden bg-primary-600 group-has-[input.action-select:checked]:flex fixed gap-3 lg:h-[64px] items-center p-3 z-50 lg:flex-row dark:bg-primary-500">
-            <div id="changelist-actions-wrapper" class="grow" {% if not is_popup %}x-bind:class="{'xl:ml-0': !sidebarDesktopOpen, 'xl:ml-72': sidebarDesktopOpen}"{% endif %}>
+            <div id="changelist-actions-wrapper" class="grow group changelist-actions" {% if not is_popup %}x-bind:class="{'xl:ml-0': !sidebarDesktopOpen, 'xl:ml-72': sidebarDesktopOpen}"{% endif %}>
                 {% if action_form %}
                     {% admin_actions %}
                 {% endif %}

unfold/templates/unfold/helpers/change_list_headers.html

@@ -0,0 +1,65 @@
+{% load i18n %}
+
+<thead>
+    <tr>
+        {% if cl.model_admin.ordering_field %}
+            <th></th>
+        {% endif %}
+
+        {% if cl.model_admin.list_sections|length > 0 %}
+            <th></th>
+        {% endif %}
+
+        {% for header in result_headers %}
+            <th class="align-middle font-semibold py-2 text-left text-font-important-light dark:text-font-important-dark whitespace-nowrap {{ header.class_attrib }} {% if "action-toggle" in header.text and forloop.counter == 1 %}lg:px-3 lg:w-10{% else %}hidden px-3 lg:table-cell{% endif %}" scope="col">
+                <div class="flex items-center">
+                    <div class="text">
+                        {% if header.sortable %}
+                            <a href="{{ header.url_primary }}">
+                                {{ header.text|capfirst }}
+                            </a>
+                        {% else %}
+                            {% if "action-toggle" in header.text and forloop.counter == 1 %}
+                                <label class="flex flex-row items-center gap-2">
+                                    {{ header.text|capfirst }}
+
+                                    <span class="block font-normal lg:hidden">
+                                        {% trans "Select all rows"%}
+                                    </span>
+                                </label>
+                            {% else %}
+                                <span>
+                                    {{ header.text|capfirst }}
+                                </span>
+                            {% endif %}
+                        {% endif %}
+                    </div>
+
+                    {% if header.sortable %}
+                        {% if header.sort_priority > 0 %}
+                            <div class="sortoptions flex items-center ml-2">
+                                <a href="{{ header.url_toggle }}" class="flex items-center leading-none text-base-400 hover:text-base-500 dark:text-base-500 dark:hover:text-base-400 toggle {% if header.ascending %}ascending{% else %}descending{% endif %}" title="{% translate "Toggle sorting" %}">
+                                    {% if header.ascending %}
+                                        <span class="block material-symbols-outlined">arrow_circle_down</span>
+                                    {% else %}
+                                        <span class="block material-symbols-outlined">arrow_circle_up</span>
+                                    {% endif %}
+                                </a>
+
+                                <a class="sortremove flex items-center leading-none ml-1 text-base-400 dark:text-base-500 transition-all hover:text-red-700 dark:hover:text-red-500" href="{{ header.url_remove }}" title="{% translate "Remove from sorting" %}">
+                                    <span class="block material-symbols-outlined">cancel</span>
+                                </a>
+                            </div>
+
+                            {% if num_sorted_fields > 1 %}
+                                <span class="sortpriority font-medium ml-2 text-xs" title="{% blocktranslate with priority_number=header.sort_priority %}Sorting priority: {{ priority_number }}{% endblocktranslate %}">
+                                    {{ header.sort_priority }}
+                                </span>
+                            {% endif %}
+                        {% endif %}
+                    {% endif %}
+                </div>
+            </th>
+        {% endfor %}
+    </tr>
+</thead>

unfold/templates/unfold/helpers/dataset.html

@@ -0,0 +1,31 @@
+{% load admin_list unfold_list %}
+
+<div class="result-list-wrapper {% if not tab %}mt-6{% endif %}" x-data="{action: '', selectAcross: '0'}" {% if tab %}x-show="activeTab == 'dataset-{{ dataset.model_name }}'"{% else %}x-show="activeTab == 'general'"{% endif %}>
+    {% if not tab %}
+        {% include "unfold/helpers/inline_heading.html" with title=dataset.model_verbose_name %}
+    {% endif %}
+
+    {% if cl.search_fields %}
+        <div class="flex flex-col gap-4 justify-between mb-4  sm:flex-row empty:hidden lg:border lg:border-base-200 lg:dark:border-base-800 lg:-mb-8 lg:p-3 lg:pb-11 lg:rounded-t-default">
+            {% unfold_search_form cl %}
+
+            {% unfold_admin_actions %}
+        </div>
+    {% endif %}
+
+    <form id="dataset-{{ id }}" class="group" method="post"{% if cl.formset and cl.formset.is_multipart %} enctype="multipart/form-data"{% endif %} novalidate>
+        {% csrf_token %}
+
+        <input type="hidden" name="dataset" value="{{ id }}">
+        <input type="hidden" name="action" x-model="action">
+        <input type="hidden" name="select_across" x-model="selectAcross">
+
+        {% if cl.formset %}
+            {{ cl.formset.management_form }}
+        {% endif %}
+
+        {% unfold_result_list cl %}
+    </form>
+
+    {% pagination cl %}
+</div>

unfold/templates/unfold/helpers/edit_inline/tabular_field.html

@@ -2,7 +2,7 @@
     {% 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>
+                <span class="material-symbols-outlined cursor-move" x-sort:handle>drag_indicator</span>
             {% else %}
                 <span class="-mr-3" x-sort:handle></span>
             {% endif %}

unfold/templates/unfold/helpers/empty_results.html

@@ -3,10 +3,12 @@
 {% url cl.opts|admin_urlname:"add" as add_url %}
 {% blocktranslate with name=cl.opts.verbose_name asvar title %}Add {{ name }}{% endblocktranslate %}
 
-<div class="bg-white border border-base-200 flex flex-col items-center px-8 py-24 rounded-default shadow-xs dark:bg-base-900 dark:border-base-800">
-    <div class="border border-base-300 border-dashed flex h-24 items-center justify-center mb-8 rounded-full w-24 dark:border-base-700">
-        <span class="material-symbols-outlined text-base-500 text-5xl! dark:text-base-400">inbox</span>
-    </div>
+<div class="bg-white border border-base-200 flex flex-col items-center px-8 shadow-xs dark:bg-base-900 dark:border-base-800 {% if cl.search_fields %}rounded-b-default{% else %}rounded-default{% endif %} {% if cl.is_dataset %}py-16{% else %}py-24{% endif %}">
+    {% if not cl.is_dataset %}
+        <div class="border border-base-300 border-dashed flex h-24 items-center justify-center mb-8 rounded-full w-24 dark:border-base-700">
+            <span class="material-symbols-outlined text-base-500 text-5xl! dark:text-base-400">inbox</span>
+        </div>
+    {% endif %}
 
     <h2 class="font-semibold mb-1 text-xl text-font-important-light tracking-tight dark:text-font-important-dark">
         {% trans "No results found" %}

unfold/templates/unfold/helpers/field_readonly_value_file.html

@@ -2,7 +2,7 @@
 
 {% with url=field.url %}
     {% if not url %}
-        <span class="flex items-center">-<span>
+        <span class="flex items-center">-</span>
     {% elif field.is_image %}
         <a href="{{ url }}" target="_blank" class="block max-w-48">
             <img src="{{ url }}" alt="{% trans 'Image preview' %}" class="block rounded-default" />

unfold/templates/unfold/helpers/fieldsets_tabs.html

@@ -2,23 +2,21 @@
 
 {% with tabs=adminform|tabs %}
     {% if tabs %}
-        <div x-data="{openTab: null}" x-show="activeTab == 'general'">
-            <ul class="bg-base-100 flex gap-1 mb-6 px-1.5 py-1.5 rounded-default text-font-default-light @min-[1570px]:-mx-4 dark:bg-white/[.02] dark:text-font-default-dark">
-                {% for fieldset in tabs %}
-                    <li>
-                        <a class="block cursor-pointer font-semibold px-2.5 py-2 rounded-default hover:text-base-700 dark:hover:text-white"
-                           x-on:click="openTab = '{{ forloop.counter0 }}-{{ fieldset.name|slugify }}'"
-                           x-bind:class="openTab == '{{ forloop.counter0 }}-{{ fieldset.name|slugify }}'{% if forloop.first %} || openTab == null{% endif %} ? 'bg-white text-font-important-light shadow-xs dark:bg-base-900 dark:text-font-important-dark' : ''">
+        <div class="{% fieldset_rows_classes %}" x-data="{openTab: null}" x-show="activeTab == 'general'">
+            <div class="{% if adminform.model_admin.compressed_fields %}border-b border-base-200 border-dashed dark:border-base-800{% endif %}">
+                <nav class="bg-base-100 cursor-pointer flex flex-col font-medium gap-1 m-2 p-1 rounded-default text-important dark:border-base-700 md:inline-flex md:flex-row md:w-auto dark:bg-white/[.04] *:flex-inline *:flex-row *:items-center *:px-2.5 *:py-[5px] *:rounded-default *:transition-colors *:hover:bg-base-700/[.04] *:dark:hover:bg-white/[.04] [&>.active]:bg-white [&>.active]:shadow-xs [&>.active]:hover:bg-white [&>.active]:dark:bg-base-900 [&>.active]:dark:hover:bg-base-900">
+                    {% for fieldset in tabs %}
+                        <a x-on:click="openTab = '{{ forloop.counter0 }}-{{ fieldset.name|slugify }}'" x-bind:class="openTab == '{{ forloop.counter0 }}-{{ fieldset.name|slugify }}'{% if forloop.first %} || openTab == null{% endif %} ? 'active' : ''">
                             {{ fieldset.name }}
                         </a>
-                    </li>
-                {% endfor %}
-            </ul>
+                    {% endfor %}
+                </nav>
+            </div>
 
             {% for fieldset in tabs %}
                 <div class="tab-wrapper{% if fieldset.name %} fieldset-{{ fieldset.name|slugify }} fieldset-{{ forloop.counter0 }}-{{ fieldset.name|slugify }}{% endif %}"
                      x-show="openTab == '{{ forloop.counter0 }}-{{ fieldset.name|slugify }}'{% if forloop.first %} || openTab == null{% endif %}">
-                    {% include 'admin/includes/fieldset.html' %}
+                    {% include 'admin/includes/fieldset.html' with stacked=1 %}
                 </div>
             {% endfor %}
         </div>