django-unfold 0.26.0__py3-none-any.whl → 0.28.0__py3-none-any.whl

unfold/templates/unfold/helpers/fieldset_row.html

@@ -0,0 +1,53 @@
+<div class="form-row
+            {% 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 %}
+            {% for field in line %}{% if field.field.name %} field-{{ field.field.name }}{% endif %}{% endfor %}">
+    {% for field in line %}
+        <div class="flex group {% if not line.fields|length == 1 and not adminform.model_admin.compressed_fields %} lg:max-w-xs flex-grow{% endif %}{% if field.errors %} errors {% endif %}{% if not forloop.parentloop.last %} {% if adminform.model_admin.compressed_fields %}mb-3{% else %}mb-6{% endif %}{% else %} pb-3{% endif %} {% if adminform.model_admin.compressed_fields %}flex-col lg:flex-row lg:gap-2 {% else %}flex-col{% endif %}">
+            {% if field.is_checkbox %}
+                <div class="flex flex-row">
+                    {{ field.field }}
+
+                    <div class="flex flex-col">
+                        {{ field.label_tag }}
+
+                        {% if field.field.help_text %}
+                            <div class="ml-2 -mt-1">
+                                {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
+                            </div>
+                        {% endif %}
+
+                        {% if field.errors %}
+                            <span class="mt-1 text-red-600 text-sm dark:text-red-500">
+                                {{ field.errors }}
+                            </span>
+                        {% endif %}
+                    </div>
+                </div>
+            {% else %}
+                <div class="{% if adminform.model_admin.compressed_fields %} min-w-48 mt-2 w-48{% endif %}">
+                    {{ field.label_tag }}
+                </div>
+
+                <div class="flex-grow">
+                    {% if field.is_readonly %}
+                        {% include "unfold/helpers/field_readonly_value.html" %}
+                    {% else %}
+                        {{ field.field }}
+                    {% endif %}
+
+                    {% if field.field.help_text and not field.is_checkbox %}
+                        {% include "unfold/helpers/help_text.html" with help_text=field.field.help_text %}
+                    {% endif %}
+
+                    {% if field.errors %}
+                        <span class="mt-1 text-red-600 text-sm dark:text-red-500">
+                            {{ field.errors }}
+                        </span>
+                    {% endif %}
+                </div>
+            {% endif %}
+        </div>
+    {% endfor %}
+</div>

unfold/templates/unfold/helpers/search_results.html

@@ -1,13 +1,13 @@
 {% if results %}
-<ul class="absolute bg-white border left-0 mt-12 right-0 rounded top-0 shadow-sm text-sm dark:bg-gray-800 dark:border-gray-700">
-    {% for app in results %}
-        {% for model in app.models %}
-            <li>
-                <a href="{{ model.admin_url }}" class="block group overflow-hidden px-3 py-2 text-gray-500 text-ellipsis whitespace-nowrap hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
-                    {{ app.name }} <span class="align-text-top material-symbols-outlined md-18 text-gray-300 group-hover:text-gray-400 dark:text-gray-600">arrow_right_alt</span> {{ model.name }}
-                </a>
-            </li>
+    <ul class="absolute bg-white border left-0 mt-12 right-0 rounded top-0 shadow-sm text-sm z-10 dark:bg-gray-800 dark:border-gray-700">
+        {% for app in results %}
+            {% for model in app.models %}
+                <li>
+                    <a href="{{ model.admin_url }}" class="block group overflow-hidden px-3 py-2 text-gray-500 text-ellipsis whitespace-nowrap hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200">
+                        {{ app.name }} <span class="align-text-top material-symbols-outlined md-18 text-gray-300 group-hover:text-gray-400 dark:text-gray-600">arrow_right_alt</span> {{ model.name }}
+                    </a>
+                </li>
+            {% endfor %}
         {% endfor %}
-    {% endfor %}
-</ul>
+    </ul>
 {% endif %}

unfold/templates/unfold/layouts/base.html

@@ -0,0 +1,11 @@
+{% extends "unfold/layouts/base_simple.html" %}
+
+{% block branding %}
+    <h1 id="site-name">
+        <a href="{% url 'admin:index' %}">
+            {{ site_header|default:_('Django administration') }}
+        </a>
+    </h1>
+{% endblock %}
+
+{% block title %}{% if subtitle %}{{ subtitle }} | {% endif %}{{ title }} | {{ site_title|default:_('Django site admin') }}{% endblock %}

unfold/templates/unfold/layouts/base_simple.html

@@ -15,7 +15,13 @@
                 {% include "unfold/helpers/header.html" %}
             {% endblock %}
 
-            <div class="p-4 lg:p-12">
+            {% if not is_popup %}
+                {% spaceless %}
+                    {% block breadcrumbs %}{% endblock %}
+                {% endspaceless %}
+            {% endif %}
+
+            <div class="px-4 lg:px-12">
                 <div id="content" class="container mx-auto {% block coltype %}colM{% endblock %}">
                     {% block content %}
                         {% block object-tools %}{% endblock %}

unfold/templates/unfold/widgets/clearable_file_input.html

@@ -1,7 +1,7 @@
 {% load i18n %}
 
 {% if widget.attrs.accept == 'image/*' and widget.is_initial %}
-    <div class="bg-gray-50 border flex items-center justify-center mb-4 min-h-32 p-1 rounded-md w-48 dark:bg-white/[.02] dark:border-gray-700">
+    <div class="mb-4 max-w-48">
         <a href="{{ widget.value.url }}" target="_blank">
             <img src="{{ widget.value.url }}" alt="{% trans 'Image preview' %}" class="block rounded" />
         </a>

unfold/templates/unfold/widgets/clearable_file_input_small.html

@@ -17,7 +17,7 @@
         <input type="text" value="{% if widget.value %}{{ widget.value.url }}{% else %}{% trans 'Choose file to upload' %}{% endif %}" disabled class="bg-white flex-grow font-medium px-3 py-2 text-ellipsis dark:bg-gray-900 {% if widget.value %}text-gray-500 dark:text-gray-400{% else %}text-gray-300 dark:text-gray-400{% endif %}">
 
         <div class="flex flex-none items-center leading-none self-stretch">
-            <input id="{{ widget.name }}" type="{{ widget.type }}" name="{{ widget.name }}" class="opacity-0 pointer-events-none" {% include "django/forms/widgets/attrs.html" %} />
+            <input id="{{ widget.name }}" type="{{ widget.type }}" name="{{ widget.name }}" class="{{ widget.file_input_class }}" {% include "django/forms/widgets/attrs.html" %} />
 
             <label for="{{ widget.name }}" class="cursor-pointer text-gray-400 px-3 hover:text-gray-700 dark:text-gray-500 dark:hover:text-gray-200">
                 <span class="material-symbols-outlined">file_upload</span>

unfold/templates/unfold/widgets/foreign_key_raw_id.html

@@ -2,20 +2,14 @@
     {% include 'django/forms/widgets/input.html' %}
 
     {% if related_url %}
-        <a href="{{ related_url }}" class="related-lookup related-widget-wrapper-link view-related bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200" id="lookup_id_{{ widget.name }}" title="{{ link_title }}">
+        <a href="{{ related_url }}" class="related-lookup related-widget-wrapper-link view-related bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200" id="lookup_id_{{ widget.name }}">
             <span class="material-symbols-outlined text-sm">search</span>
         </a>
     {% endif %}
-</div>
 
-{% if link_label %}
-    <strong class="mt-2 font-medium text-xs">
-        {% if link_url %}
-            <a href="{{ link_url }}" class="underline text-primary-500">
-                {{ link_label }}
-            </a>
-        {% else %}
-            {{ link_label }}
-        {% endif %}
-    </strong>
-{% endif %}
+    {% if link_label and link_url %}
+        <a href="{{ link_url }}" title="{{ link_label }}" class="bg-white border cursor-pointer flex items-center h-9.5 justify-center ml-2 rounded shadow-sm shrink-0 text-gray-400 text-sm w-9.5 hover:text-gray-700 dark:bg-gray-900 dark:border-gray-700 dark:text-gray-500 dark:hover:text-gray-200">
+            <span class="material-symbols-outlined text-sm">visibility</span>
+        </a>
+    {% endif %}
+</div>

unfold/utils.py

@@ -1,7 +1,7 @@
 import datetime
 import decimal
 import json
-from typing import Any, Iterable, List
+from typing import Any, Iterable, List, Optional
 
 from django.db import models
 from django.template.loader import render_to_string
@@ -121,3 +121,23 @@ def hex_to_rgb(hex_color: str) -> List[int]:
     b = int(hex_color[4:6], 16)
 
     return (r, g, b)
+
+
+def prettify_json(data: Any) -> Optional[str]:
+    try:
+        from pygments import highlight
+        from pygments.formatters import HtmlFormatter
+        from pygments.lexers import JsonLexer
+    except ImportError:
+        return None
+
+    def format_response(response: str, theme: str) -> str:
+        formatter = HtmlFormatter(style=theme, noclasses=True, nobackground=True)
+        return highlight(response, JsonLexer(), formatter)
+
+    response = json.dumps(data, sort_keys=True, indent=4)
+
+    return mark_safe(
+        f'<div class="block dark:hidden">{format_response(response, "colorful")}</div>'
+        f'<div class="hidden dark:block">{format_response(response, "monokai")}</div>'
+    )

unfold/views.py

@@ -10,13 +10,25 @@ class UnfoldModelAdminViewMixin(PermissionRequiredMixin):
     Prepares views to be displayed in admin
     """
 
-    def get_context_data(self, **kwargs) -> Dict[str, Any]:
-        if "model_admin" not in self.kwargs:
+    model_admin = None
+
+    def __init__(self, model_admin, **kwargs):
+        self.model_admin = model_admin
+        super().__init__(**kwargs)
+
+    def get_context_data(self, **kwargs: Any) -> Dict[str, Any]:
+        if not hasattr(self, "model_admin"):
             raise UnfoldException(
                 "UnfoldModelAdminViewMixin was not provided with 'model_admin' argument"
             )
-        model_admin = self.kwargs["model_admin"]
-        context_data = super().get_context_data(
-            **kwargs, **model_admin.admin_site.each_context(self.request)
+
+        if not hasattr(self, "title"):
+            raise UnfoldException(
+                "UnfoldModelAdminViewMixin was not provided with 'title' attribute"
+            )
+
+        return super().get_context_data(
+            **kwargs,
+            **self.model_admin.admin_site.each_context(self.request),
+            **{"title": self.title},
         )
-        return context_data

unfold/widgets.py

@@ -288,7 +288,18 @@ class FileFieldMixin:
     def get_context(self, name, value, attrs):
         widget = super().get_context(name, value, attrs)
         widget["widget"].update(
-            {"class": " ".join([*CHECKBOX_CLASSES, *["form-check-input"]])}
+            {
+                "class": " ".join([*CHECKBOX_CLASSES, *["form-check-input"]]),
+                "file_input_class": " ".join(
+                    [
+                        self.attrs.get("class", ""),
+                        *[
+                            "opacity-0",
+                            "pointer-events-none",
+                        ],
+                    ]
+                ),
+            }
         )
         return widget