adminita 0.1.5__py3-none-any.whl → 0.1.7__py3-none-any.whl

adminita/static/src/input.css

@@ -155,13 +155,28 @@
 
   #result_list tbody td {
     @apply px-4 py-3 text-sm text-gray-900 dark:text-gray-100;
-    text-align: left !important;
+
   }
 
   #result_list tbody td a {
     @apply text-primary-600 dark:text-primary-400 hover:text-primary-800 dark:hover:text-primary-300 no-underline;
   }
 
+  /* Force admin title column to be left-aligned */
+  #result_list tbody th,
+  #result_list tbody th.field-title,
+  #result_list tbody th a {
+    text-align: left !important;
+    justify-content: flex-start !important;
+  }
+
+  #result_list tbody th a {
+    display: inline-flex;
+    align-items: center;
+    justify-content: flex-start !important;
+  }
+
+
   /* Action checkboxes column */
   #result_list .action-checkbox {
     @apply w-10;
@@ -370,4 +385,37 @@
     content: " ▼";
     @apply text-xs;
   }
+
+  /* INLINE FORMS */
+  .inline-related input[type="text"],
+  .inline-related input[type="number"],
+  .inline-related input[type="url"],
+  .inline-related input[type="email"],
+  .inline-related select,
+  .inline-related textarea {
+    @apply w-full px-3 py-2 text-sm bg-white dark:bg-gray-700 border border-gray-300 dark:border-gray-600 rounded-md shadow-sm focus:ring-2 focus:ring-primary-500 focus:border-primary-500 dark:text-white;
+  }
+
+  .inline-related input[type="checkbox"] {
+    @apply w-4 h-4 text-primary-600 bg-white dark:bg-gray-700 border-gray-300 dark:border-gray-600 rounded focus:ring-primary-500;
+  }
+
+  .collapse-icon.rotate-180 {
+    transform: rotate(180deg);
+  }
+
+  .empty-form {
+    display: none;
+  }
+
+  .inline-related.marked-for-deletion {
+    opacity: 0.5;
+    background-color: rgb(254 242 242) !important;
+  }
+
+  .dark .inline-related.marked-for-deletion {
+    background-color: rgb(127 29 29 / 0.3) !important;
+  }
+
+
 }

adminita/templates/admin/base.html

@@ -5,14 +5,9 @@
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>{% block title %}{% endblock %}</title>
-    
     <link rel="stylesheet" href="{% static 'adminita/adminita-tailwind.css' %}">
     <script src="{% static 'adminita/adminita-tailwind.js' %}" defer></script>
     <link rel="stylesheet" href="{% static 'admin/css/widgets.css' %}">
-    <script src="{% static 'admin/js/vendor/jquery/jquery.min.js' %}"></script>
-    <script src="{% static 'admin/js/jquery.init.js' %}"></script>
-    <script src="{% static 'admin/js/admin/RelatedObjectLookups.js' %}"></script>
-  
   </head>
     {% block dark_mode_vars %}
     <script>
@@ -37,7 +32,7 @@
             
             {% block branding %}
             <div class="h-16 px-6 flex items-center justify-between border-b border-gray-200 dark:border-gray-700">
-                <a href="{% url 'admin:index' %}" class="text-sm font-normal text-gray-900 dark:text-white hover:text-primary-600 dark:hover:text-primary-400 transition-colors">
+                <a href="{% url 'admin:index' %}" class="text-md font-semibold text-gray-900 dark:text-white hover:text-primary-600 dark:hover:text-primary-400 transition-colors">
                     {{ site_header|default:_('Django administration') }}
                 </a>
             </div>
@@ -47,9 +42,9 @@
             
             <nav class="px-4 py-6 overflow-y-auto h-[calc(100vh-4rem)]">
                 {% block sidebar_content %}
-                {% if app_list %}
+                {% if available_apps %}
                     <div class="space-y-6">
-                        {% for app in app_list %}
+                        {% for app in available_apps %}
                         <div>
                             <h3 class="px-3 text-xs font-semibold text-gray-500 dark:text-gray-400 uppercase tracking-wider mb-2">
                                 {{ app.name }}
@@ -78,66 +73,67 @@
         <div class="flex-1 flex flex-col md:ml-64 transition-all duration-300" id="main-content">
             
             <!-- Top Bar -->
-            {% block header %}
-            <header class="h-16 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between px-6 sticky top-0 z-20">
-                
-                <div class="flex items-center space-x-4">
-                    <!-- Mobile menu button - hidden on desktop -->
-                    <button id="sidebar-toggle" type="button" class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors md:hidden">
-                        <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
-                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
-                        </svg>
-                    </button>
+            <div class="min-h-[8rem]">
+                {% block header %}
+                <header class="h-16 bg-white dark:bg-gray-800 border-b border-gray-200 dark:border-gray-700 flex items-center justify-between px-6 sticky top-0 z-20">
                     
-                    {% block page_title %}
-                    <h1 class="text-xl font-semibold text-gray-900 dark:text-white">
-                        {% block content_title %}{% endblock %}
-                    </h1>
-                    {% endblock %}
-                </div>
-                
-                <div class="flex items-center space-x-4">
-                    <!-- Dark mode toggle -->
-                    <button id="dark-mode-toggle" type="button" class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors" title="Toggle dark mode">
-                        <svg class="w-5 h-5 hidden dark:block" fill="currentColor" viewBox="0 0 20 20">
-                            <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"/>
-                        </svg>
-                        <svg class="w-5 h-5 block dark:hidden" fill="currentColor" viewBox="0 0 20 20">
-                            <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"/>
-                        </svg>
-                    </button>
+                    <div class="flex items-center space-x-4">
+                        <!-- Mobile menu button - hidden on desktop -->
+                        <button id="sidebar-toggle" type="button" class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors md:hidden">
+                            <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"/>
+                            </svg>
+                        </button>
+                        
+                        {% block page_title %}
+                        <h1 class="text-xl font-semibold text-gray-900 dark:text-white">
+                            {% block content_title %}{% endblock %}
+                        </h1>
+                        {% endblock %}
+                    </div>
                     
-                    {% block usertools %}
-                    {% if user.is_active and user.is_staff %}
-                    <div class="flex items-center space-x-3 text-sm">
-                        <span class="text-gray-700 dark:text-gray-300 hidden sm:inline">
-                            {% trans 'Welcome,' %} <strong>{% firstof user.get_short_name user.first_name "back" %}</strong>
-                        </span>
-                        {% if site_url %}
-                        <a href="{{ site_url }}" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors hidden sm:inline">
-                            {% trans 'View site' %}
-                        </a>
-                        <span class="text-gray-400 hidden sm:inline">/</span>
+                    <div class="flex items-center space-x-4">
+                        <!-- Dark mode toggle -->
+                        <button id="dark-mode-toggle" type="button" class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors" title="Toggle dark mode">
+                            <svg class="w-5 h-5 hidden dark:block" fill="currentColor" viewBox="0 0 20 20">
+                                <path d="M10 2a1 1 0 011 1v1a1 1 0 11-2 0V3a1 1 0 011-1zm4 8a4 4 0 11-8 0 4 4 0 018 0zm-.464 4.95l.707.707a1 1 0 001.414-1.414l-.707-.707a1 1 0 00-1.414 1.414zm2.12-10.607a1 1 0 010 1.414l-.706.707a1 1 0 11-1.414-1.414l.707-.707a1 1 0 011.414 0zM17 11a1 1 0 100-2h-1a1 1 0 100 2h1zm-7 4a1 1 0 011 1v1a1 1 0 11-2 0v-1a1 1 0 011-1zM5.05 6.464A1 1 0 106.465 5.05l-.708-.707a1 1 0 00-1.414 1.414l.707.707zm1.414 8.486l-.707.707a1 1 0 01-1.414-1.414l.707-.707a1 1 0 011.414 1.414zM4 11a1 1 0 100-2H3a1 1 0 000 2h1z"/>
+                            </svg>
+                            <svg class="w-5 h-5 block dark:hidden" fill="currentColor" viewBox="0 0 20 20">
+                                <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"/>
+                            </svg>
+                        </button>
+                        
+                        {% block usertools %}
+                        {% if user.is_active and user.is_staff %}
+                        <div class="flex items-center space-x-3 text-sm">
+                            <span class="text-gray-700 dark:text-gray-300 hidden sm:inline">
+                                {% trans 'Welcome,' %} <strong>{% firstof user.get_short_name user.first_name "back" %}</strong>
+                            </span>
+                            {% if site_url %}
+                            <a href="{{ site_url }}" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors hidden sm:inline">
+                                {% trans 'View site' %}
+                            </a>
+                            <span class="text-gray-400 hidden sm:inline">/</span>
+                            {% endif %}
+                            <a href="{% url 'admin:password_change' %}" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors hidden sm:inline">
+                                {% trans 'Change password' %}
+                            </a>
+                            <span class="text-gray-400 hidden sm:inline">/</span>
+                            <form method="post" action="{% url 'admin:logout' %}" style="display: inline;">
+                                {% csrf_token %}
+                                <button type="submit" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors bg-transparent border-0 cursor-pointer">
+                                    {% trans 'Log out' %}
+                                </button>
+                            </form>
+                        </div>
                         {% endif %}
-                        <a href="{% url 'admin:password_change' %}" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors hidden sm:inline">
-                            {% trans 'Change password' %}
-                        </a>
-                        <span class="text-gray-400 hidden sm:inline">/</span>
-                        <form method="post" action="{% url 'admin:logout' %}" style="display: inline;">
-                            {% csrf_token %}
-                            <button type="submit" class="text-gray-600 dark:text-gray-400 hover:text-primary-600 dark:hover:text-primary-400 transition-colors bg-transparent border-0 cursor-pointer">
-                                {% trans 'Log out' %}
-                            </button>
-                        </form>
-                    </div>
-                    {% endif %}
-                    {% endblock %}
-                    </div>
-                </header>
-            {% endblock %}
-            
+                        {% endblock %}
+                        </div>
+                    </header>
+                {% endblock %}
+            </div>
             <!-- Main Content Area with Max Width Container -->
-            <main class="flex-1 p-6">
+            <main class="flex-1 p-6  pt-16">
                 <!-- Container with max-width to prevent super-wide content -->
                 <div class="max-w-7xl mx-auto">
                     {% block messages %}
@@ -176,7 +172,14 @@
     </div>
     
     
-
-    {% block extrajs %}{% endblock %}
+{% block extrajs %}
+  {{ block.super }}
+  <script src="{% url 'admin:jsi18n' %}"></script>
+  <script src="{% static 'admin/js/vendor/jquery/jquery.min.js' %}"></script>
+  <script src="{% static 'admin/js/jquery.init.js' %}"></script>
+  <script src="{% static 'admin/js/core.js' %}"></script>
+  <script src="{% static 'admin/js/admin/RelatedObjectLookups.js' %}"></script>
+{% endblock %}
+    
 </body>
 </html>

adminita/templates/admin/change_form.html

@@ -1,6 +1,9 @@
 {% extends "admin/base.html" %}
 {% load i18n admin_urls static admin_modify %}
 
+{% block breadcrumbs %}
+{% endblock %}
+
 {% block content_title %}
     {% if add %}
         {% blocktrans with name=opts.verbose_name %}Add {{ name }}{% endblocktrans %}
@@ -9,9 +12,8 @@
     {% endif %}
 {% endblock %}
 
-
 {% block content %}
-    <!-- Object Tools (History, View on Site) -->
+    {# Object Tools (History, View on Site) #}
     {% if change and not is_popup %}
     <div class="mb-6 flex items-center justify-end space-x-3">
         <a href="{% url opts|admin_urlname:'history' original.pk|admin_urlquote %}" class="inline-flex items-center px-4 py-2 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg font-medium text-sm transition-colors">
@@ -21,7 +23,7 @@
             {% trans 'History' %}
         </a>
         {% if has_absolute_url %}
-        <a href="{{ absolute_url }}" class="inline-flex items-center px-4 py-2  bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium text-sm transition-colors" target="_blank">
+        <a href="{{ absolute_url }}" class="inline-flex items-center px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium text-sm transition-colors" target="_blank">
             {% trans 'View on site' %}
             <svg class="w-4 h-4 ml-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"/>
@@ -34,6 +36,7 @@
     <form method="post" id="{{ opts.model_name }}_form" enctype="multipart/form-data" class="space-y-6">
     {% csrf_token %}
     
+    {# Form Errors #}
     {% if errors %}
     <div class="bg-red-50 dark:bg-red-900/20 border border-red-200 dark:border-red-800 rounded-lg p-4">
         <div class="flex items-start">
@@ -50,106 +53,57 @@
     </div>
     {% endif %}
     
-    
-    <!-- Main Form -->
+    {# Main Form Fieldsets #}
     <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
-
-    {% block field_sets %}
-    {% for fieldset in adminform %}
-
-    <div class="{% if not forloop.first %}border-t border-gray-200 dark:border-gray-700{% endif %}">
-
-        {% if fieldset.name %}
-        <div class="px-6 py-4 bg-gray-50 dark:bg-gray-750">
-        <h2 class="text-lg font-semibold text-gray-900 dark:text-white">
-            {{ fieldset.name }}
-        </h2>
-
-        {% if fieldset.description %}
-        <p class="mt-1 text-sm text-gray-600 dark:text-gray-400">
-            {{ fieldset.description|safe }}
-        </p>
-        {% endif %}
-        </div>
-        {% endif %}
-
-        <div class="px-6 py-6 space-y-6">
-
-        {% for line in fieldset %}
-        <div class="{% if line.fields|length > 1 %}grid grid-cols-1 md:grid-cols-{{ line.fields|length }} gap-6{% endif %}">
-
-            {% for field in line %}
-            <div class="{% if field.is_readonly %}opacity-75{% endif %}">
-
-            <label for="{{ field.field.id_for_label }}"
-                    class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
-                {{ field.field.label }}
-                {% if field.field.field.required %}
-                <span class="text-red-600 dark:text-red-400">*</span>
-                {% endif %}
-            </label>
-
-            {% if field.is_readonly %}
-                <div class="px-3 py-2 bg-gray-50 dark:bg-gray-750 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-900 dark:text-gray-100">
-                {{ field.field }}
-                </div>
-            {% else %}
-                {{ field.field }}
-            {% endif %}
-
-            {% if field.field.help_text %}
-            <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">
-                {{ field.field.help_text|safe }}
+        {% block field_sets %}
+        {% for fieldset in adminform %}
+        <fieldset class="module {% if fieldset.classes %}{{ fieldset.classes }}{% endif %}{% if not forloop.first %} border-t border-gray-200 dark:border-gray-700{% endif %}">
+            
+            {% if fieldset.name %}
+            {# Collapsible Header #}
+            <h2 class="fieldset-header flex items-center gap-2 px-6 py-4 bg-gray-50 dark:bg-gray-750 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors"
+                onclick="toggleFieldset(this)">
+                <svg class="collapse-icon w-4 h-4 text-gray-500 transform transition-transform duration-200 -rotate-90" 
+                     fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path>
+                </svg>
+                <span class="text-lg font-semibold text-gray-900 dark:text-white">
+                    {{ fieldset.name }}
+                </span>
+            </h2>
+            {% if fieldset.description %}
+            <p class="fieldset-description px-6 pb-2 text-sm text-gray-600 dark:text-gray-400 hidden">
+                {{ fieldset.description|safe }}
             </p>
             {% endif %}
-
-            {% if field.field.errors %}
-            <div class="mt-2 text-sm text-red-600 dark:text-red-400">
-                {{ field.field.errors }}
-            </div>
             {% endif %}
-
-            </div>
-            {% endfor %}
-
-        </div>
-        {% endfor %}
-
-        </div>
-    </div>
-
-    {% endfor %}
-    {% endblock %}
-
-    </div>
-
-    
-    <!-- Inline Forms -->
-    {% block inline_field_sets %}
-    {% for inline_admin_formset in inline_admin_formsets %}
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow-sm border border-gray-200 dark:border-gray-700">
-        <div class="px-6 py-4 bg-gray-50 dark:bg-gray-750 border-b border-gray-200 dark:border-gray-700">
-            <h2 class="text-lg font-semibold text-gray-900 dark:text-white">
-                {{ inline_admin_formset.opts.verbose_name_plural|capfirst }}
-            </h2>
-        </div>
-        
-        <div class="p-6">
-            {{ inline_admin_formset.formset.management_form }}
             
-            {% for inline_admin_form in inline_admin_formset %}
-            <div class="mb-6 pb-6 border-b border-gray-200 dark:border-gray-700 last:border-b-0 last:mb-0 last:pb-0">
-                {{ inline_admin_form.form.non_field_errors }}
-                
-                <div class="grid grid-cols-1 md:grid-cols-2 gap-6">
-                    {% for fieldset in inline_admin_form %}
-                    {% for line in fieldset %}
+            {# Fieldset Content #}
+            <div class="fieldset-content px-6 py-6 space-y-6{% if fieldset.name %} hidden{% endif %}">
+                {% for line in fieldset %}
+                <div class="{% if line.fields|length > 1 %}grid grid-cols-1 md:grid-cols-{{ line.fields|length }} gap-6{% endif %}">
                     {% for field in line %}
-                    <div>
+                    <div class="{% if field.is_readonly %}opacity-75{% endif %}">
                         <label for="{{ field.field.id_for_label }}" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
                             {{ field.field.label }}
+                            {% if field.field.field.required %}
+                            <span class="text-red-600 dark:text-red-400">*</span>
+                            {% endif %}
                         </label>
+                        
+                        {% if field.is_readonly %}
+                        <div class="px-3 py-2 bg-gray-50 dark:bg-gray-750 border border-gray-300 dark:border-gray-600 rounded-lg text-gray-900 dark:text-gray-100">
+                            {{ field.contents }}
+                        </div>
+                        {% else %}
                         {{ field.field }}
+                        {% endif %}
+                        
+                        {% if field.field.help_text %}
+                        <p class="mt-2 text-sm text-gray-600 dark:text-gray-400">
+                            {{ field.field.help_text|safe }}
+                        </p>
+                        {% endif %}
                         
                         {% if field.field.errors %}
                         <div class="mt-2 text-sm text-red-600 dark:text-red-400">
@@ -158,49 +112,27 @@
                         {% endif %}
                     </div>
                     {% endfor %}
-                    {% endfor %}
-                    {% endfor %}
                 </div>
+                {% endfor %}
             </div>
-            {% endfor %}
-        </div>
+        </fieldset>
+        {% endfor %}
+        {% endblock %}
     </div>
+    
+    {# Inline Forms - Uses stacked.html or tabular.html templates #}
+    {% block inline_field_sets %}
+    {% for inline_admin_formset in inline_admin_formsets %}
+        {% include inline_admin_formset.opts.template %}
     {% endfor %}
     {% endblock %}
     
-    <!-- Submit Buttons -->
-    <div class="flex items-center justify-between bg-gray-50 dark:bg-gray-800 px-6 py-4 rounded-lg border border-gray-200 dark:border-gray-700">
-        <div class="flex items-center space-x-3">
-            <button type="submit" name="_save" class="inline-flex items-center px-6 py-2.5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium transition-colors">
-                {% trans 'Save' %}
-            </button>
-            
-            {% if show_save_and_add_another %}
-            <button type="submit" name="_addanother" class="inline-flex items-center px-4 py-2.5 bg-gray-600 hover:bg-gray-700 text-white rounded-lg font-medium transition-colors">
-                {% trans 'Save and add another' %}
-            </button>
-            {% endif %}
-            
-            {% if show_save_and_continue %}
-            <button type="submit" name="_continue" class="inline-flex items-center px-4 py-2.5 bg-gray-600 hover:bg-gray-700 text-white rounded-lg font-medium transition-colors">
-                {% trans 'Save and continue editing' %}
-            </button>
-            {% endif %}
-        </div>
-        
-        <div class="flex items-center space-x-3">
-            {% if show_delete_link %}
-            <a href="{% url opts|admin_urlname:'delete' original.pk|admin_urlquote %}" class="inline-flex items-center px-4 py-2.5 bg-red-600 hover:bg-red-700 text-white rounded-lg font-medium transition-colors">
-                {% trans 'Delete' %}
-            </a>
-            {% endif %}
-            
-            <a href="{% url opts|admin_urlname:'changelist' %}" class="inline-flex items-center px-4 py-2.5 border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 rounded-lg font-medium transition-colors">
-                {% trans 'Cancel' %}
-            </a>
-        </div>
-    </div>
-</form>
+    {# Submit Buttons #}
+    {% block submit_buttons_bottom %}
+    {% include "admin/submit_line.html" %}
+    {% endblock %}
+    
+    </form>
 {% endblock %}
 
 {% block extrastyle %}
@@ -215,6 +147,48 @@
     <script src="{% static 'admin/js/jquery.init.js' %}"></script>
     <script src="{% static 'admin/js/urlify.js' %}"></script>
     <script src="{% static 'admin/js/prepopulate.js' %}"></script>
+    <script src="{% static 'admin/js/vendor/xregexp/xregexp.min.js' %}"></script>
+    <script src="{% static 'admin/js/inlines.js' %}"></script>
+    <script src="{% static 'admin/js/admin/RelatedObjectLookups.js' %}"></script>
     {{ media.js }}
     {% if add %}{% prepopulated_fields_js %}{% endif %}
-{% endblock %}
+    
+    <script>
+    function toggleFieldset(header) {
+        const fieldset = header.closest('fieldset');
+        const content = fieldset.querySelector('.fieldset-content');
+        const description = fieldset.querySelector('.fieldset-description');
+        const icon = header.querySelector('.collapse-icon');
+        
+        if (content.classList.contains('hidden')) {
+            content.classList.remove('hidden');
+            if (description) description.classList.remove('hidden');
+            icon.classList.remove('-rotate-90');
+        } else {
+            content.classList.add('hidden');
+            if (description) description.classList.add('hidden');
+            icon.classList.add('-rotate-90');
+        }
+    }
+    
+    // Auto-expand fieldsets that contain validation errors
+    document.addEventListener('DOMContentLoaded', function() {
+        document.querySelectorAll('fieldset.module').forEach(function(fieldset) {
+            // Check if this fieldset contains any error messages
+            const hasErrors = fieldset.querySelector('.text-red-600, .text-red-400, .errorlist');
+            if (hasErrors) {
+                const content = fieldset.querySelector('.fieldset-content');
+                const description = fieldset.querySelector('.fieldset-description');
+                const icon = fieldset.querySelector('.collapse-icon');
+                
+                if (content && content.classList.contains('hidden')) {
+                    content.classList.remove('hidden');
+                    if (description) description.classList.remove('hidden');
+                    if (icon) icon.classList.remove('-rotate-90');
+                }
+            }
+        });
+    });
+    </script>
+
+{% endblock %}

adminita/templates/admin/change_list.html

@@ -64,9 +64,9 @@
             </div>
 
             <!-- Results -->
-            <form id="changelist-form" method="post">
+            <form id="changelist-form" method="post"{% if cl.formset and cl.formset.is_multipart %} enctype="multipart/form-data"{% endif %}>
             {% csrf_token %}
-            
+            {% if cl.formset %}{{ cl.formset.management_form }}{% endif %}
             <!-- Actions Bar -->
             {% if action_form and cl.show_admin_actions %}
             <div class="actions px-4 py-3 border-b border-gray-200 dark:border-gray-700 flex items-center gap-3">
@@ -103,6 +103,15 @@
                 {% endif %}
                 {% endblock %}
             </div>
+                <!-- Save Button for list_editable -->
+                {% if cl.formset and cl.result_count %}
+                <div class="px-6 py-4 border-t border-gray-200 dark:border-gray-700 flex items-center justify-end">
+                    <input type="submit" 
+                        name="_save" 
+                        value="{% translate 'Save' %}" 
+                        class="px-6 py-2.5 bg-blue-600 hover:bg-blue-700 text-white rounded-lg font-medium transition-colors cursor-pointer">
+                </div>
+                {% endif %}
             </form>
 
             <!-- Pagination -->

adminita/templates/admin/delete_confirmation.html

@@ -23,20 +23,21 @@
         
         <div class="p-6">
             <p class="text-gray-700 dark:text-gray-300 mb-4">
-                {% blocktrans %}All of the following related items will be deleted:{% endblocktrans %}
+                {% blocktrans %}All of the following related items will be deleted: {% endblocktrans %}
             </p>
             
             <!-- Deleted Objects Summary -->
             {% if deleted_objects %}
             <div class="bg-gray-50 dark:bg-gray-750 rounded-lg p-4 mb-6">
-                <h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">{% trans "Summary" %}</h3>
+                <h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-2">{% trans "Summary " %}</h3>
                 <ul class="text-sm text-gray-600 dark:text-gray-400 space-y-1">
                     {% for deleted_object in deleted_objects %}
-                    <li class="flex items-center">
+                    <li class="flex items-center" style="word-spacing: 0.25em; [&_a]:ml-2">
+                    
                         <svg class="w-4 h-4 text-red-500 mr-2" fill="currentColor" viewBox="0 0 20 20">
                             <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/>
                         </svg>
-                        {{ deleted_object }}
+                        {{ deleted_object|safe }}  
                     </li>
                     {% endfor %}
                 </ul>

adminita/templates/admin/delete_selected_confirmation.html

@@ -23,14 +23,14 @@
         
         <div class="p-6">
             <p class="text-gray-700 dark:text-gray-300 mb-4">
-                {% blocktrans %}All of the following objects and their related items will be deleted:{% endblocktrans %}
+                {% blocktrans %}All of the following objects and their related items will be deleted: {% endblocktrans %}
             </p>
             
             <!-- Deleted Objects Summary -->
             {% if deletable_objects %}
             <div class="bg-gray-50 dark:bg-gray-750 rounded-lg p-4 mb-6 max-h-96 overflow-y-auto">
                 <h3 class="text-sm font-semibold text-gray-900 dark:text-white mb-3">
-                    {% trans "Objects to be deleted:" %}
+                    {% trans "Objects to be deleted:  " %}
                 </h3>
                 <ul class="text-sm text-gray-600 dark:text-gray-400 space-y-1">
                     {% for deletable_object in deletable_objects %}
@@ -38,7 +38,7 @@
                         <svg class="w-4 h-4 text-red-500 mr-2 mt-0.5 flex-shrink-0" fill="currentColor" viewBox="0 0 20 20">
                             <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd"/>
                         </svg>
-                        {{ deletable_object }}
+                        {{ deletable_object|safe }}
                     </li>
                     {% endfor %}
                 </ul>