django-unfold 0.62.0__py3-none-any.whl → 0.63.0__py3-none-any.whl

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

@@ -8,6 +8,10 @@
         return;
       }
 
+      if ($(element).hasClass("select2-hidden-accessible")) {
+        return;
+      }
+
       $(element).select2();
     });
 

unfold/styles.css

@@ -9,7 +9,7 @@
   }
 }
 
-@source inline("h-3 w-3 h-[64px] w-[65px]! left-[65px] dark:hover:bg-white/[.06] translate-x-1/4 -translate-y-1/4");
+@source inline("bg-white/[.06] border-white/40 h-3 w-3 h-[64px] w-[65px]! left-[65px] {dark:,}text-base-{50,{100..900},950} dark:hover:bg-white/[.06] translate-x-1/4 -translate-y-1/4");
 @source inline("{-,}{top,bottom,left,right}-{0..6}");
 @source inline("rounded rounded-{t,r,b,l} rounded-{t,r,b,l}-default");
 @source inline("{md:,lg:,2xl:,}relative {md:,lg:,2xl:,}flex {md:,lg:,2xl:,}absolute {md:,lg:,2xl:,}sticky");

unfold/templates/admin/change_form.html

@@ -104,7 +104,13 @@
 
                 {% block inline_field_sets %}
                     {% for inline_admin_formset in inline_admin_formsets %}
-                        {% include inline_admin_formset.opts.template %}
+                        {% if request.headers.hx_request  %}
+                            {% if inline_admin_formset.formset.get_pagination_key in request.GET %}
+                                {% include inline_admin_formset.opts.template %}
+                            {% endif %}
+                        {% else %}
+                            {% include inline_admin_formset.opts.template %}
+                        {% endif %}
                     {% endfor %}
                 {% endblock %}
 

unfold/templates/admin/includes/fieldset.html

@@ -9,7 +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 2xl:-mx-4 dark:bg-white/[.02] dark:text-font-important-dark {% if fieldset.is_collapsible %}cursor-pointer{% endif %}">
+            <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>
         {% endif %}

unfold/templates/admin/login.html

@@ -44,7 +44,7 @@
 
         <div class="flex flex-col gap-3 mt-6">
             {% component "unfold/components/button.html" with submit=1 variant="primary" class="submit-row w-full" %}
-                {% translate 'Log in' %} <span class="material-symbols-outlined ml-2 relative right-0 transition-all group-hover:-right-1">arrow_forward</span>
+                {% translate 'Log in' %} <span class="material-symbols-outlined relative right-0 transition-all group-hover:-right-1 text-sm">arrow_forward</span>
             {% endcomponent %}
 
             {% url 'admin_password_reset' as password_reset_url %}

unfold/templates/registration/logged_out.html

@@ -1,8 +1,12 @@
-{% extends "unfold/layouts/skeleton.html" %}
+{% extends 'unfold/layouts/unauthenticated.html' %}
 
-{% load i18n %}
+{% load i18n unfold %}
 
-{% block base %}
+{% block title %}
+    {{ title }} | {{ site_title }}
+{% endblock %}
+
+{% block content %}
     <div id="page" class="bg-white flex min-h-screen dark:bg-base-900 ">
         <div class="flex grow items-center justify-center mx-auto px-4">
             <div class="w-full sm:w-96">
@@ -11,12 +15,13 @@
                 </h1>
 
                 <p class="leading-relaxed mb-10">
-                    {% translate "Thanks for spending some quality time with the web site today." %}
+                    {% trans "Thanks for spending some quality time with the web site today." %}
                 </p>
 
-                <a href="{% url "admin:index" %}" class="bg-primary-600 block border border-transparent font-semibold py-2 rounded-default text-sm text-center text-white w-full">
-                    {% translate "Log in again" %}
-                </a>
+                {% url "admin:index" as login_url %}
+                {% component "unfold/components/button.html" with href=login_url variant="primary" class="w-full" %}
+                    {% trans "Log in again" %} <span class="material-symbols-outlined relative right-0 transition-all group-hover:-right-1 text-sm">arrow_forward</span>
+                {% endcomponent %}
             </div>
         </div>
     </div>

unfold/templates/unfold/helpers/pagination_inline.html

@@ -1,28 +1,36 @@
 {% load i18n admin_urls unfold %}
 
-{% with page_obj=inline_admin_formset.formset.page has_tab=inline_admin_formset.opts.tab pagination_key=inline_admin_formset.formset.get_pagination_key %}
-    {% elided_page_range page_obj.paginator page_obj.number as elided_page_range %}
-    <input type="hidden" name="{{ inline_admin_formset.formset.get_pagination_key }}" value="{{ page_obj.number }}" />
+{% with page_obj=inline_admin_formset.formset.page has_tab=inline_admin_formset.opts.tab pagination_key=inline_admin_formset.formset.get_pagination_key per_page=inline_admin_formset.opts.per_page %}
+    {% if pagination_key and per_page %}
+        {% elided_page_range page_obj.paginator page_obj.number as elided_page_range %}
 
-    {% if page_obj.paginator.count and page_obj.paginator.num_pages > 1%}
-        <div class="flex items-center gap-2 mb-6">
-            {% for i in elided_page_range %}
-                {% if i == page_obj.paginator.ELLIPSIS %}
-                    <span>{{ page_obj.paginator.ELLIPSIS }}</span>
-                {% elif i == page_obj.number %}
-                    <span class="font-medium text-primary-600">{{ i }}</span>
-                {% else %}
-                    <a href="?{% querystring_params pagination_key i %}{% if has_tab %}#{{ inline_admin_formset.formset.prefix|slugify }}{% endif %}">
-                        {{ i }}
-                    </a>
-                {% endif %}
-            {% endfor %}
+        <input type="hidden" name="{{ pagination_key }}" value="{{ page_obj.number }}" />
 
-            <div>-</div>
+        {% if page_obj.paginator.count and page_obj.paginator.num_pages > 1 %}
+            <div class="flex items-center gap-2 mt-6">
+                {% for i in elided_page_range %}
+                    {% if i == page_obj.paginator.ELLIPSIS %}
+                        <span>{{ page_obj.paginator.ELLIPSIS }}</span>
+                    {% elif i == page_obj.number %}
+                        <span class="font-medium text-primary-600">{{ i }}</span>
+                    {% else %}
+                        <a class="cursor-pointer"
+                           hx-get="?{% querystring_params pagination_key i %}{% if has_tab %}#{{ inline_admin_formset.formset.prefix|slugify }}{% endif %}"
+                           hx-push-url="true"
+                           hx-swap="outerHTML"
+                           hx-select="#{{ inline_admin_formset.formset.prefix }}-group"
+                           hx-target="#{{ inline_admin_formset.formset.prefix }}-group">
+                            {{ i }}
+                        </a>
+                    {% endif %}
+                {% endfor %}
 
-            <div>
-                {{ page_obj.paginator.count }} {% if page_obj.paginator.count == 1 %}{{ inline_admin_formset.opts.verbose_name }}{% else %}{{ inline_admin_formset.opts.verbose_name_plural }}{% endif %}
+                <div>-</div>
+
+                <div>
+                    {{ page_obj.paginator.count }} {% if page_obj.paginator.count == 1 %}{{ inline_admin_formset.opts.verbose_name }}{% else %}{{ inline_admin_formset.opts.verbose_name_plural }}{% endif %}
+                </div>
             </div>
-        </div>
+        {% endif %}
     {% endif %}
 {% endwith %}

unfold/templates/unfold/helpers/submit.html

@@ -1,3 +1,3 @@
-<button type="submit" {% if name %}name="{{ name}}"{% endif %} class="bg-primary-600 block border border-transparent font-medium px-3 py-2 rounded-default self-end text-sm text-white">
+<button type="submit" {% if name %}name="{{ name}}"{% endif %} class="bg-primary-600 block border border-transparent cursor-pointer font-medium px-3 py-2 rounded-default self-end text-sm text-white">
     {{ title }}
 </button>

unfold/templates/unfold/helpers/unauthenticated_header.html

@@ -2,8 +2,8 @@
 
 <div class="absolute flex flex-row items-center justify-between left-0 m-4 right-0 top-0">
     {% if site_url %}
-        <a href="{{ site_url }}" class="flex font-medium items-center text-sm text-primary-600 dark:text-primary-500">
-            <span class="material-symbols-outlined mr-2">arrow_back</span> {% trans 'Return to site' %}
+        <a href="{{ site_url }}" class="flex font-medium gap-2 group items-center text-sm text-primary-600 dark:text-primary-500">
+            <span class="material-symbols-outlined left-0 relative text-sm transition-all group-hover:-left-1">arrow_back</span> {% trans 'Return to site' %}
         </a>
     {% endif %}
 

unfold/templates/unfold/helpers/unauthenticated_title.html

@@ -6,6 +6,6 @@
             <span class="block text-font-important-light dark:text-font-important-dark">{{ subtitle }} </span>
         {% endif %}
 
-        <span class="block text-primary-600 text-xl dark:text-primary-500">{{ title }}</span>
+        <span class="block font-semibold text-primary-600 tracking-tight text-xl dark:text-primary-500">{{ title }}</span>
     </h1>
 </div>

unfold/templates/unfold/widgets/related_widget_wrapper.html

@@ -9,7 +9,7 @@
                 {% if not is_hidden %}
                     {% if can_add_related or can_change_related or can_delete_related or can_view_related%}
                         {% if can_change_related %}
-                            <a class="related-widget-wrapper-link change-related bg-white border border-base-200 cursor-pointer flex items-center h-[38px] justify-center ml-2 rounded-default shadow-xs shrink-0 text-base-400 text-sm w-[38px] hover:text-base-700 dark:bg-base-900 dark:border-base-700 dark:text-base-500 dark:hover:text-base-200"
+                            <a class="related-widget-wrapper-link change-related bg-white border border-base-200 cursor-pointer flex items-center h-[38px] justify-center ml-2 rounded-default shadow-xs shrink-0 text-base-400 text-sm w-[38px] hover:text-base-700 dark:bg-base-900 dark:border-base-700 dark:text-base-500 dark:hover:text-base-200 focus:outline-2 focus:-outline-offset-2 focus:outline-primary-600"
                                id="change_id_{{ name }}"
                                data-popup="yes"
                                data-href-template="{{ change_related_template_url }}?{{ url_params }}"
@@ -19,7 +19,7 @@
                         {% endif %}
 
                         {% if can_add_related %}
-                            <a class="related-widget-wrapper-link add-related bg-white border border-base-200  cursor-pointer flex items-center h-[38px] justify-center ml-2 rounded-default shadow-xs shrink-0 text-base-400 text-sm w-[38px] hover:text-base-700 dark:bg-base-900 dark:border-base-700 dark:text-base-500 dark:hover:text-base-200"
+                            <a class="related-widget-wrapper-link add-related bg-white border border-base-200  cursor-pointer flex items-center h-[38px] justify-center ml-2 rounded-default shadow-xs shrink-0 text-base-400 text-sm w-[38px] hover:text-base-700 dark:bg-base-900 dark:border-base-700 dark:text-base-500 dark:hover:text-base-200 focus:outline-2 focus:-outline-offset-2 focus:outline-primary-600"
                                data-popup="yes"
                                id="add_id_{{ name }}"
                                href="{{ add_related_url }}?{{ url_params }}"
@@ -29,7 +29,7 @@
                         {% endif %}
 
                         {% if can_view_related %}
-                            <a class="related-widget-wrapper-link view-related bg-white border border-base-200 cursor-pointer flex items-center h-[38px] justify-center ml-2 rounded-default shadow-xs shrink-0 text-base-400 text-sm w-[38px] hover:text-base-700 dark:bg-base-900 dark:border-base-700 dark:text-base-500 dark:hover:text-base-200"
+                            <a class="related-widget-wrapper-link view-related bg-white border border-base-200 cursor-pointer flex items-center h-[38px] justify-center ml-2 rounded-default shadow-xs shrink-0 text-base-400 text-sm w-[38px] hover:text-base-700 dark:bg-base-900 dark:border-base-700 dark:text-base-500 dark:hover:text-base-200 focus:outline-2 focus:-outline-offset-2 focus:outline-primary-600"
                                id="view_id_{{ name }}"
                                data-href-template="{{ change_related_template_url }}?{{ view_related_url_params }}"
                                title="{% blocktranslate %}View selected {{ model }}{% endblocktranslate %}">
@@ -38,7 +38,7 @@
                         {% endif %}
 
                         {% if can_delete_related %}
-                            <a class="related-widget-wrapper-link delete-related bg-white border border-base-200 cursor-pointer flex items-center h-[38px] justify-center ml-2 rounded-default shadow-xs shrink-0 text-red-600 text-sm w-[38px] dark:bg-base-900 dark:border-base-700 dark:text-red-500"
+                            <a class="related-widget-wrapper-link delete-related bg-white border border-base-200 cursor-pointer flex items-center h-[38px] justify-center ml-2 rounded-default shadow-xs shrink-0 text-red-600 text-sm w-[38px] dark:bg-base-900 dark:border-base-700 dark:text-red-500 focus:outline-2 focus:-outline-offset-2 focus:outline-red-500"
                                id="delete_id_{{ name }}"
                                data-href-template="{{ delete_related_template_url }}?{{ url_params }}"
                                data-popup="yes"

unfold/widgets.py

@@ -244,13 +244,17 @@ RADIO_CLASSES = [
 SWITCH_CLASSES = [
     "appearance-none",
     "bg-base-300",
+    "block",
     "cursor-pointer",
     "h-5",
     "relative",
     "rounded-full",
-    "transition-all",
+    "transition-colors",
     "w-8",
     "min-w-8",
+    "focus:outline-2",
+    "focus:outline-offset-2",
+    "focus:outline-primary-600",
     "after:absolute",
     "after:bg-white",
     "after:content-['']",
@@ -258,6 +262,7 @@ SWITCH_CLASSES = [
     "after:h-3",
     "after:rounded-full",
     "after:shadow-xs",
+    "after:transition-all",
     "after:left-1",
     "after:top-1",
     "after:w-3",