django-unfold 0.49.1__py3-none-any.whl → 0.50.0__py3-none-any.whl

unfold/static/unfold/js/select2.init.js

@@ -6,10 +6,39 @@
     $.each(this, function (i, element) {
       $(element).select2();
     });
+
+    return this;
+  };
+
+  $.fn.djangoAdminSelect2 = function () {
+    $.each(this, function (i, element) {
+      $(element).select2({
+        ajax: {
+          data: (params) => {
+            return {
+              term: params.term,
+              page: params.page,
+              app_label: element.dataset.appLabel,
+              model_name: element.dataset.modelName,
+              field_name: element.dataset.fieldName,
+            };
+          },
+        },
+      });
+    });
     return this;
   };
 
   $(function () {
     $(".unfold-admin-autocomplete.admin-autocomplete").djangoCustomSelect2();
+
+    $(".admin-autocomplete")
+      .not(".unfold-admin-autocomplete")
+      .not("[name*=__prefix__]")
+      .djangoAdminSelect2();
+  });
+
+  document.addEventListener("formset:added", (event) => {
+    $(event.target).find(".admin-autocomplete").djangoAdminSelect2();
   });
 }

unfold/styles.css

@@ -181,7 +181,7 @@ table tr.selected th {
  Selector
  *******************************************************/
 .selector {
-  @apply flex flex-col flex-grow items-center max-w-2xl md:flex-row;
+  @apply flex flex-col flex-grow items-center md:flex-row;
 }
 
 .selector select {

unfold/templates/admin/change_list.html

@@ -61,22 +61,6 @@
             {{ cl.formset.non_form_errors }}
         {% endif %}
 
-        <div class="flex flex-col gap-4 mb-4 sm:flex-row">
-            {% block search %}
-                {% search_form cl %}
-            {% endblock %}
-
-            {% block filters %}
-                {% if cl.has_filters %}
-                    <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white border-base-200 dark:bg-base-900 dark:border-base-700{% endif %} border cursor-pointer flex font-medium group items-center px-3 py-2 rounded shadow-sm text-sm lg:ml-auto md:mt-0 {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = true" x-on:keydown.escape.window="filterOpen = false">
-                        {% trans "Filters" %}
-
-                        <span class="material-symbols-outlined md-18 ml-auto -mr-1 pl-4 {% if cl.has_active_filters %}text-white{% else %}text-base-400 group-hover:text-base-500 dark:group-hover:text-base-400 dark:text-base-500{% endif %}">filter_list</span>
-                    </a>
-                {% endif %}
-            {% endblock %}
-        </div>
-
         <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 flex-grow gap-6 min-w-0 px-4">
                 <div class="flex-grow min-w-0 lg:pb-16" x-resize="changeListWidth = $width">
@@ -90,6 +74,22 @@
                         {% include cl.model_admin.list_before_template %}
                     {% endif %}
 
+                    <div class="flex flex-col gap-4 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">
+                        {% block search %}
+                            {% search_form cl %}
+                        {% endblock %}
+
+                        {% block filters %}
+                            {% if cl.has_filters %}
+                                <a class="{% if cl.has_active_filters %}bg-primary-600 border-primary-600 text-white{% else %}bg-white border-base-200 hover:text-primary-600 dark:bg-base-900 dark:border-base-700 dark:hover:text-primary-500{% endif %} border cursor-pointer flex font-medium gap-2 group items-center px-3 py-2 rounded shadow-sm text-sm lg:ml-auto md:mt-0 {% if not cl.model_admin.list_filter_sheet %}2xl:hidden{% endif %}" x-on:click="filterOpen = true" x-on:keydown.escape.window="filterOpen = false">
+                                    {% trans "Filters" %}
+
+                                    <span class="material-symbols-outlined md-18 ml-auto">filter_list</span>
+                                </a>
+                            {% endif %}
+                        {% endblock %}
+                    </div>
+
                     <form id="changelist-form" class="group" method="post"{% if cl.formset and cl.formset.is_multipart %} enctype="multipart/form-data"{% endif %} novalidate>
                         {% csrf_token %}
 

unfold/templates/admin/change_list_results.html

@@ -7,7 +7,7 @@
 {% endif %}
 
 {% if results %}
-    <div class="-mx-1 px-1 overflow-x-auto lg:border lg:border-base-200 lg:mx-0 lg:px-0 lg:rounded lg:shadow-sm lg:dark:border-base-800 {% if cl.model_admin.list_horizontal_scrollbar_top %}simplebar-horizontal-scrollbar-top{% endif %}" data-simplebar data-simplebar-auto-hide="false">
+    <div class="-mx-1 px-1 overflow-x-auto lg:border lg:border-base-200 lg:mx-0 lg:px-0 lg:rounded lg:shadow-sm 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>
@@ -86,37 +86,5 @@
         </table>
     </div>
 {% else %}
-    {% url cl.opts|admin_urlname:"add" as add_url %}
-    {% blocktranslate with name=cl.opts.verbose_name asvar title %}Add {{ name }}{% endblocktranslate %}
-
-    <div class="border border-base-200 flex flex-col items-center px-8 py-24 rounded shadow-sm dark:border-base-800">
-        <div class="bg-base-100 flex h-24 items-center justify-center mb-8 rounded-full w-24 dark:bg-base-800">
-            <span class="material-symbols-outlined text-base-500 !text-5xl dark:text-base-400">inbox</span>
-        </div>
-
-        <h2 class="font-semibold mb-1 text-xl text-font-important-light dark:text-font-important-dark">
-            {% trans "No results found" %}
-        </h2>
-
-        <p class="mb-6 text-center">
-            {% trans "This page yielded into no results. Create a new item or reset your filters." %}
-        </p>
-
-        {% if has_add_permission or cl.has_filters %}
-            <div class="flex flex-col gap-4 justify-center w-full lg:flex-row">
-                {% if has_add_permission %}
-                    <a href="{% add_preserved_filters add_url is_popup to_field %}" class="bg-primary-600 flex flex-row font-medium gap-2 items-center h-9.5 justify-center px-3 py-2 rounded text-white w-full lg:w-auto">
-                        <span class="material-symbols-outlined text-white">add</span> {{ title }}
-                    </a>
-                {% endif %}
-
-
-                {% if cl.has_filters %}
-                    <a href="{{ cl.clear_all_filters_qs }}" class="border border-base-200 flex flex-row font-medium gap-2 group/button h-9.5 items-center justify-center px-3 py-2 rounded transition-all w-full hover:text-primary-600 lg:w-auto dark:border-base-700 dark:hover:bg-base-900 dark:hover:text-primary-500">
-                        <span class="material-symbols-outlined group-hover/button:text-primary-600 dark:group-hover/button:text-base-500 text-base-400 dark:text-base-500">filter_list_off</span> {% trans "Reset filters" %}
-                    </a>
-                {% endif %}
-            </div>
-        {% endif %}
-    </div>
+    {% include 'unfold/helpers/empty_results.html' %}
 {% endif %}

unfold/templates/admin/filter.html

@@ -11,7 +11,7 @@
         {% endif %}
     {% endfor %}
 
-    {% if spec|class_name == "BooleanFieldListFilter" %}
+    {% if spec|class_name == "BooleanFieldListFilter" or spec.horizontal %}
         <ul class="dark:bg-base-900 border border-base-200 flex min-w-20 rounded shadow-sm text-font-default-light dark:border-base-700 dark:text-font-default-dark w-full">
             {% for choice in choices %}
                 <li class="basis-1/3 border-r border-base-200 flex-grow truncate last:border-r-0 dark:border-base-700 {% if choice.selected %}font-semibold text-primary-600 dark:text-primary-500 {% else %}hover:text-base-700 dark:hover:text-base-200{% endif %}">

unfold/templates/unfold/helpers/empty_results.html

@@ -0,0 +1,35 @@
+{% load admin_urls i18n %}
+
+{% 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 shadow-sm 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>
+
+    <h2 class="font-semibold mb-1 text-xl text-font-important-light tracking-tight dark:text-font-important-dark">
+        {% trans "No results found" %}
+    </h2>
+
+    <p class="mb-6 text-center">
+        {% trans "This page yielded into no results. Create a new item or reset your filters." %}
+    </p>
+
+    {% if has_add_permission or cl.has_filters %}
+        <div class="flex flex-col gap-4 justify-center w-full lg:flex-row">
+            {% if has_add_permission %}
+                <a href="{% add_preserved_filters add_url is_popup to_field %}" class="bg-primary-600 flex flex-row font-medium gap-2 items-center h-9.5 justify-center px-3 py-2 rounded text-white w-full lg:w-auto">
+                    <span class="material-symbols-outlined text-white">add</span> {{ title }}
+                </a>
+            {% endif %}
+
+
+            {% if cl.has_filters %}
+                <a href="{{ cl.clear_all_filters_qs }}" class="border border-base-200 flex flex-row font-medium gap-2 group/button h-9.5 items-center justify-center px-3 py-2 rounded w-full hover:text-primary-600 lg:w-auto dark:border-base-700 dark:hover:bg-base-900 dark:hover:text-primary-500">
+                    <span class="material-symbols-outlined ml-1">filter_list_off</span> {% trans "Reset filters" %}
+                </a>
+            {% endif %}
+        </div>
+    {% endif %}
+</div>

unfold/templates/unfold/helpers/tab_action.html

@@ -1,10 +1,13 @@
 {% load unfold %}
 
-<li class="border-b flex-grow relative text-center md:border-b-0 md:border-r last:border-0 dark:border-base-700" {% if not link %}x-data="{actionDropdownOpen: false}"{% endif %}>
-    <a {% if link %}href="{{ link }}"{% endif %}class="cursor-pointer flex items-center gap-2 px-4 py-2 text-left whitespace-nowrap hover:text-primary-600 dark:hover:text-primary-500"{% if blank %} target="_blank"{% endif %} {% include "unfold/helpers/attrs.html" with attrs=action.attrs %} {% if not link %}x-on:click="actionDropdownOpen = !actionDropdownOpen" x-bind:class="{'text-primary-600 dark:text-primary-500': actionDropdownOpen }"{% endif %}>
-
+<li class="{% action_item_classes action %}" {% if not link %}x-data="{actionDropdownOpen: false}" x-ref="actionDropdown{{ action.method_name }}"{% endif %}>
+    <a {% if link %}href="{{ link }}"{% endif %}class="cursor-pointer flex items-center gap-2 px-3 py-2 text-left whitespace-nowrap" {% if blank %} target="_blank"{% endif %} {% include "unfold/helpers/attrs.html" with attrs=action.attrs %}
+       {% if not link %}
+           x-on:click="actionDropdownOpen = !actionDropdownOpen"
+           x-bind:class="{'{% if action.variant.value == "default" %}text-primary-600 dark:text-primary-500{% endif %}': actionDropdownOpen }"
+       {% endif %}>
         {% if action.icon %}
-            <span class="material-symbols-outlined -ml-1">
+            <span class="material-symbols-outlined">
                 {{ action.icon }}
             </span>
         {% endif %}
@@ -12,27 +15,29 @@
         {{ title }}
 
         {% if not link %}
-            <span class="material-symbols-outlined -mr-1 rotate-90">
+            <span class="material-symbols-outlined ml-auto rotate-90">
                 chevron_right
             </span>
         {% endif %}
     </a>
 
     {% if not link %}
-        <nav class="absolute bg-white border flex flex-col -mr-px py-1 right-0 rounded shadow-lg top-10 w-52 z-50 dark:bg-base-800 dark:border-base-700" x-transition x-show="actionDropdownOpen" x-on:click.outside="actionDropdownOpen = false">
-            {% for item in action.items %}
-                <a href="{{ item.path }}" class="flex items-center font-normal gap-2 max-h-[30px] mx-1 px-3 py-2 rounded text-left hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200"{% if blank %} target="_blank"{% endif %} {% include "unfold/helpers/attrs.html" with attrs=action.attrs %}>
-                    {% if item.icon %}
-                        <span class="material-symbols-outlined -ml-1">
-                            {{ item.icon }}
-                        </span>
-                    {% endif %}
+        <template x-teleport="body">
+            <nav x-anchor.bottom-end.offset.4="$refs.actionDropdown{{ action.method_name }}" class="absolute bg-white border flex flex-col -mr-px py-1 right-0 rounded shadow-lg top-10 w-52 z-50 dark:bg-base-800 dark:border-base-700" x-transition x-show="actionDropdownOpen" x-on:click.outside="actionDropdownOpen = false">
+                {% for item in action.items %}
+                    <a href="{{ item.path }}" class="flex items-center font-normal gap-2 max-h-[30px] mx-1 px-3 py-2 rounded text-left hover:bg-base-100 hover:text-base-700 dark:hover:bg-base-700 dark:hover:text-base-200"{% if blank %} target="_blank"{% endif %} {% include "unfold/helpers/attrs.html" with attrs=action.attrs %}>
+                        {% if item.icon %}
+                            <span class="material-symbols-outlined">
+                                {{ item.icon }}
+                            </span>
+                        {% endif %}
 
-                    <span class="grow truncate">
-                        {{ item.title }}
-                    </span>
-                </a>
-            {% endfor %}
-        </nav>
+                        <span class="grow truncate">
+                            {{ item.title }}
+                        </span>
+                    </a>
+                {% endfor %}
+            </nav>
+        </template>
     {% endif %}
 </li>

unfold/templates/unfold/helpers/tab_actions.html

@@ -0,0 +1,19 @@
+{% if actions_list or actions_detail or actions_items or nav_global %}
+    <ul class="flex flex-col font-medium mb-4 ml-auto mt-2 shadow-sm md:flex-row md:mb-2 md:mt-0 max-md:w-full">
+        {% if actions_items %}
+            {{ actions_items }}
+        {% endif %}
+
+        {% if nav_global %}
+            {{ nav_global }}
+        {% endif %}
+
+        {% for action in actions_list %}
+            {% include "unfold/helpers/tab_action.html" with title=action.title link=action.path %}
+        {% endfor %}
+
+        {% for action in actions_detail %}
+            {% include "unfold/helpers/tab_action.html" with title=action.title link=action.path %}
+        {% endfor %}
+    </ul>
+{% endif %}

unfold/templates/unfold/helpers/tab_items.html

@@ -0,0 +1,47 @@
+{% load i18n %}
+
+{% if inlines_list or tabs_list %}
+    <ul class="border rounded flex flex-col max-md:w-full md:flex-row md:border-b-0 md:border-t-0 md:border-l-0 md:border-r-0 dark:border-base-800">
+        {% 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-base-800">
+                    <a href="{% if item.link_callback %}{{ item.link_callback }}{% else %}{{ item.link }}{% endif %}{% if item.inline %}#{{ item.inline }}{% endif %}"
+                       class="block px-3 py-2 md:py-4 md:px-0 dark:border-base-800 {% if item.active and not item.inline %} 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 %}"
+                       {% if item.inline %}
+                           x-on:click="activeTab = '{{ item.inline }}'"
+                           x-bind:class="{'border-b border-base-200 dark:border-base-800 md:border-primary-500 dark:md:!border-primary-600 font-semibold -mb-px text-primary-600 dark:text-primary-500': activeTab == '{{ item.inline }}'}"
+                       {% endif %}
+                    >
+                        {{ item.title }}
+                    </a>
+                </li>
+            {% endif %}
+        {% endfor %}
+
+        {% if inlines_list %}
+            <li class="border-b last:border-b-0 md:border-b-0 md:mr-8 dark:border-base-800">
+                <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-base-200 dark:border-base-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-base-800': activeTab != 'general'}">
+                    {% trans "General" %}
+                </a>
+            </li>
+
+            {% for inline in inlines_list %}
+                <li class="border-b last:border-b-0 md:border-b-0 md:mr-8 dark:border-base-800">
+                    <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-base-200 dark:border-base-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-base-800': activeTab != '{{ inline.opts.verbose_name|slugify }}'}">
+                        {% if inline.formset.max_num == 1 %}
+                            {{ inline.opts.verbose_name|capfirst }}
+                        {% else %}
+                            {{ inline.opts.verbose_name_plural|capfirst }}
+                        {% endif %}
+                    </a>
+                </li>
+            {% endfor %}
+        {% endif %}
+    </ul>
+{% endif %}

unfold/templates/unfold/helpers/tab_list.html

@@ -2,73 +2,10 @@
 
 {% if not is_popup %}
     {% if tabs_list or inlines_list or actions_list or actions_detail or actions_items or nav_global %}
-        <div class="flex items-start flex-col mb-4 text-sm w-full md:border-b dark:md:border-base-800 md:border-l-0 md:flex-row md:items-center md:justify-end">
-            {% if inlines_list or tabs_list %}
-                <ul class="border rounded flex flex-col w-full md:flex-row md:border-b-0 md:border-t-0 md:border-l-0 md:border-r-0 dark:border-base-800">
-                    {% 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-base-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-base-800 {% if item.active and not item.inline %} 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 %}"
-                                   {% if item.inline %}
-                                       x-on:click="activeTab = '{{ item.inline }}'"
-                                       x-bind:class="{'border-b border-base-200 dark:border-base-800 md:border-primary-500 dark:md:!border-primary-600 font-semibold -mb-px text-primary-600 dark:text-primary-500': activeTab == '{{ item.inline }}'}"
-                                   {% endif %}
-                                >
-                                    {{ item.title }}
-                                </a>
-                            </li>
-                        {% endif %}
-                    {% endfor %}
+        <div class="flex items-start flex-col mb-4 md:border-b dark:md:border-base-800 md:border-l-0 md:flex-row md:items-center">
+            {% include "unfold/helpers/tab_items.html" %}
 
-                    {% if inlines_list %}
-                        <li class="border-b last:border-b-0 md:border-b-0 md:mr-8 dark:border-base-800">
-                            <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-base-200 dark:border-base-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-base-800': activeTab != 'general'}">
-                                {% trans "General" %}
-                            </a>
-                        </li>
-
-                        {% for inline in inlines_list %}
-                            <li class="border-b last:border-b-0 md:border-b-0 md:mr-8 dark:border-base-800">
-                                <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-base-200 dark:border-base-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-base-800': activeTab != '{{ inline.opts.verbose_name|slugify }}'}">
-                                    {% if inline.formset.max_num == 1 %}
-                                        {{ inline.opts.verbose_name|capfirst }}
-                                    {% else %}
-                                        {{ inline.opts.verbose_name_plural|capfirst }}
-                                    {% endif %}
-                                </a>
-                            </li>
-                        {% endfor %}
-                    {% endif %}
-                </ul>
-            {% endif %}
-
-            {% if actions_list or actions_detail or actions_items or nav_global %}
-                <ul class="border flex flex-col font-medium mb-4 mt-2 rounded shadow-sm md:flex-row md:mb-2 md:mt-0 dark:border-base-700 max-md:w-full">
-                    {% for action in actions_list %}
-                        {% include "unfold/helpers/tab_action.html" with title=action.title link=action.path %}
-                    {% endfor %}
-
-                    {% for action in actions_detail %}
-                        {% include "unfold/helpers/tab_action.html" with title=action.title link=action.path %}
-                    {% endfor %}
-
-                    {% if actions_items %}
-                        {{ actions_items }}
-                    {% endif %}
-
-                    {% if nav_global %}
-                        {{ nav_global }}
-                    {% endif %}
-                </ul>
-            {% endif %}
+            {% include "unfold/helpers/tab_actions.html" %}
         </div>
     {% endif %}
-
 {% endif %}

unfold/templates/unfold/layouts/skeleton.html

@@ -14,9 +14,8 @@
 
 <!DOCTYPE html>
 <html lang="{{ LANGUAGE_CODE|default:"en-us" }}" dir="{{ LANGUAGE_BIDI|yesno:"rtl,ltr,auto" }}" {% if theme %}class="{{ theme }}"{% endif %} x-data="{ adminTheme: {% if theme %}'{{ theme }}'{% else %}$persist('auto').as('adminTheme'){% endif %} }" x-bind:class="{'dark': adminTheme === 'dark' || (adminTheme === 'auto' && window.matchMedia('(prefers-color-scheme: dark)').matches)}" x-cloak>
-
     <head>
-        <title>{% block title %}{% endblock %}</title>
+        <title>{{ environment_title_prefix|default:"" }} {% block title %}{% endblock %}</title>
 
         <link href="{% static "unfold/fonts/inter/styles.css" %}" rel="stylesheet">
         <link href="{% static "unfold/fonts/material-symbols/styles.css" %}" rel="stylesheet">

unfold/templatetags/unfold.py

@@ -13,6 +13,8 @@ from django.template.loader import render_to_string
 from django.utils.safestring import SafeText
 
 from unfold.components import ComponentRegistry
+from unfold.dataclasses import UnfoldAction
+from unfold.enums import ActionVariant
 
 register = Library()
 
@@ -416,3 +418,71 @@ def fieldset_line_classes(context: Context) -> str:
         )
 
     return " ".join(set(classes))
+
+
+@register.simple_tag(takes_context=True)
+def action_item_classes(context: Context, action: UnfoldAction) -> str:
+    classes = [
+        "border",
+        "-ml-px",
+        "max-md:first:rounded-t",
+        "max-md:last:rounded-b",
+        "md:first:rounded-l",
+        "md:last:rounded-r",
+    ]
+
+    if "variant" not in action:
+        variant = ActionVariant.DEFAULT
+    else:
+        variant = action["variant"]
+
+    if variant == ActionVariant.PRIMARY:
+        classes.extend(
+            [
+                "border-primary-600",
+                "bg-primary-600",
+                "text-white",
+            ]
+        )
+    elif variant == ActionVariant.DANGER:
+        classes.extend(
+            [
+                "border-red-600",
+                "bg-red-600",
+                "text-white",
+            ]
+        )
+    elif variant == ActionVariant.SUCCESS:
+        classes.extend(
+            [
+                "border-green-600",
+                "bg-green-600",
+                "text-white",
+            ]
+        )
+    elif variant == ActionVariant.INFO:
+        classes.extend(
+            [
+                "border-blue-600",
+                "bg-blue-600",
+                "text-white",
+            ]
+        )
+    elif variant == ActionVariant.WARNING:
+        classes.extend(
+            [
+                "border-orange-600",
+                "bg-orange-600",
+                "text-white",
+            ]
+        )
+    else:
+        classes.extend(
+            [
+                "border-base-200",
+                "hover:text-primary-600",
+                "dark:border-base-700",
+            ]
+        )
+
+    return " ".join(set(classes))

unfold/views.py

@@ -1,8 +1,21 @@
 from typing import Any
 
+import django
+from django.contrib.admin.views.main import ERROR_FLAG, PAGE_VAR
+from django.contrib.admin.views.main import ChangeList as BaseChangeList
 from django.contrib.auth.mixins import PermissionRequiredMixin
 
-from .exceptions import UnfoldException
+from unfold.exceptions import UnfoldException
+
+
+class ChangeList(BaseChangeList):
+    def __init__(self, request, *args, **kwargs):
+        super().__init__(request, *args, **kwargs)
+
+        if django.VERSION < (5, 0):
+            self.filter_params = dict(request.GET.lists())
+            self.filter_params.pop(PAGE_VAR, None)
+            self.filter_params.pop(ERROR_FLAG, None)
 
 
 class UnfoldModelAdminViewMixin(PermissionRequiredMixin):

django_unfold-0.49.1.dist-info/METADATA

@@ -1,75 +0,0 @@
-Metadata-Version: 2.3
-Name: django-unfold
-Version: 0.49.1
-Summary: Modern Django admin theme for seamless interface development
-License: MIT
-Keywords: django,admin,tailwind,theme
-Requires-Python: >=3.9
-Classifier: Environment :: Web Environment
-Classifier: Framework :: Django
-Classifier: Intended Audience :: Developers
-Classifier: License :: OSI Approved :: MIT License
-Classifier: Operating System :: OS Independent
-Classifier: Programming Language :: Python
-Classifier: Programming Language :: Python :: 3
-Classifier: Programming Language :: Python :: 3.9
-Classifier: Programming Language :: Python :: 3.10
-Classifier: Programming Language :: Python :: 3.11
-Classifier: Programming Language :: Python :: 3.12
-Classifier: Programming Language :: Python :: 3.13
-Requires-Dist: django (>=3.2)
-Project-URL: Homepage, https://unfoldadmin.com
-Project-URL: Repository, https://github.com/unfoldadmin/django-unfold
-Description-Content-Type: text/markdown
-
-![screenshot](https://github.com/user-attachments/assets/87aaad04-f454-42aa-b9ac-e14d41f189ac)
-
-## Unfold Django Admin Theme
-
-[![PyPI - Version](https://img.shields.io/pypi/v/django-unfold.svg?style=for-the-badge)](https://pypi.org/project/django-unfold/)
-[![Build](https://img.shields.io/github/actions/workflow/status/unfoldadmin/django-unfold/release.yml?style=for-the-badge)](https://github.com/unfoldadmin/django-unfold/actions?query=workflow%3Arelease)
-![Pre Commit](https://img.shields.io/badge/pre--commit-enabled-brightgreen?logo=pre-commit&logoColor=white&style=for-the-badge)
-![Code Style - Ruff](https://img.shields.io/badge/code%20style-ruff-30173D.svg?style=for-the-badge)
-
-Unfold is a theme for Django admin that incorporates common best practices for building full-fledged admin areas. It is designed to work on top of the default administration provided by Django.
-
-- **Documentation:** Full docs are available at [unfoldadmin.com](https://unfoldadmin.com?utm_medium=github&utm_source=unfold).
-- **Unfold:** Demo site is available at [unfoldadmin.com](https://unfoldadmin.com?utm_medium=github&utm_source=unfold).
-- **Formula:** Repository with demo implementation at [github.com/unfoldadmin/formula](https://github.com/unfoldadmin/formula?utm_medium=github&utm_source=unfold).
-- **Turbo:** Django & Next.js boilerplate implementing Unfold at [github.com/unfoldadmin/turbo](https://github.com/unfoldadmin/turbo?utm_medium=github&utm_source=unfold).
-- **Discord:** Join the Unfold community on [Discord](https://discord.gg/9sQj9MEbNz).
-
-
-
-## Are you using Unfold and need help?
-
-Have you decided to start using Unfold but don’t have time to make the switch from the native Django admin? [Get in touch with us](https://unfoldadmin.com/consulting?utm_medium=github&utm_source=unfold) and let’s supercharge your development with our expertise.
-
-## Features
-
-- **Visual**: Provides a new user interface based on the Tailwind CSS framework.
-- **Sidebar:** Simplifies the creation of sidebar navigation with icons, collapsibles, and more.
-- **Dark mode:** Supports both light and dark mode versions.
-- **Actions:** Offers multiple ways to define actions within different parts of the admin interface.
-- **Filters:** Custom dropdowns, autocomplete, numeric, datetime, and text fields.
-- **Dashboard:** Includes helpers for creating custom dashboard pages.
-- **Components:** Reusable UI components such as cards, buttons, and charts.
-- **WYSIWYG widget:** Built-in support for WYSIWYG (Trix).
-- **Array widget:** Built-in widget for `django.contrib.postgres.fields.ArrayField`.
-- **Inline tabs:** Groups inlines into tab navigation in the change form.
-- **Model tabs:** Allows defining custom tab navigation for models.
-- **Fieldset tabs:** Merges multiple fieldsets into tabs in the change form.
-- **Sortable inlines:** Allows sorting inlines by dragging and dropping.
-- **Environment label**: Distinguishes between environments by displaying a label.
-- **Nonrelated inlines**: Displays nonrelated models as inlines in the change form.
-- **Favicons**: Built-in support for configuring various site favicons.
-- **Themes:** Allows customization of color scheme, background color, border radius, and more.
-- **Font colors:** Adjusts font colors for better readability.
-- **Changeform modes:** Displays fields in compressed mode in the change form.
-- **Language switcher:** Change language directly from the admin area.
-- **Parallel admin**: Supports [running the default admin](https://unfoldadmin.com/blog/migrating-django-admin-unfold/?utm_medium=github&utm_source=unfold) alongside Unfold.
-- **Third party packages:** Default support for multiple popular applications.
-- **Configuration:** Most basic options can be changed in `settings.py`.
-- **Dependencies:** Fully based on `django.contrib.admin`.
-- **VS Code**: Project configuration and development container included.
-