feat: added styling for treebwidget, fixed jump on click and dont show expand when no children presented

Author: mihalikv

README.md

@@ -120,6 +120,15 @@ MIDDLEWARE = [
 ]
 ```
 
+Enable Django i18n URLs so `{% url 'set_language' %}` is available for the navigation language picker:
+```python
+from django.urls import include, path
+
+urlpatterns = [
+    path("i18n/", include("django.conf.urls.i18n")),
+]
+```
+
 ## 🔍 Audit Logging
 
 Built-in optional audit app that automatically tracks all admin create, update, delete, and bulk operations with field-level diffs, snapshots, and request grouping. Just add `"django_smartbase_admin.audit"` to `INSTALLED_APPS` and run migrations.

src/django_smartbase_admin/engine/admin_base_view.py

@@ -215,6 +215,13 @@ def get_color_scheme_context(self, request):
             "color_scheme_form": color_scheme_form,
         }
 
+    def get_language_form_context(self, request):
+        if len(settings.LANGUAGES) <= 1:
+            return {"language_form": None}
+        from django_smartbase_admin.views.user_config_view import LanguageForm
+
+        return {"language_form": LanguageForm(request=request)}
+
     def get_add_label(
         self, request: HttpRequest, object_id: str | None = None
     ) -> str | None:
@@ -269,6 +276,7 @@ def get_global_context(
                 }
             ),
             **self.get_color_scheme_context(request),
+            **self.get_language_form_context(request),
         }
 
     def get_model_path(self) -> str:

src/django_smartbase_admin/templates/sb_admin/navigation.html

@@ -153,6 +153,17 @@
                                 </svg>
                                 {% trans 'Change password' %}
                             </li>
+                            {% if language_form %}
+                                {% block language_picker %}
+                                    <li class="border-t border-dark-100 pt-8">
+                                        <form method="post" action="{% url 'set_language' %}" id="language-form" onchange="this.submit()">
+                                            {% csrf_token %}
+                                            {{ language_form.next }}
+                                            {{ language_form.language }}
+                                        </form>
+                                    </li>
+                                {% endblock %}
+                            {% endif %}
                             {% block color_scheme %}
                                 <li class="border-t border-dark-100 pt-8">
                                     <form hx-post="{% url 'sb_admin:color_scheme' %}" hx-trigger="change" hx-swap="none" id="color-schema-form" class="js-color-scheme-picker">

src/django_smartbase_admin/templates/sb_admin/widgets/radio_dropdown.html

@@ -7,7 +7,7 @@
                 data-bs-toggle="dropdown"
                 aria-expanded="false"
                 data-bs-offset="[0, 8]"
-                class="btn px-10 font-normal w-full border-dark-300"
+                class="btn px-10 font-normal w-full border-dark-300 {{ widget.attrs.button_class|default:'' }}"
         >
             <span id="{{ widget.attrs.id }}-value" class="js-dropdown-label flex gap-8">{{ widget.form_field.empty_label }}</span>
             <svg class="ml-8 no-rotate text-dark">

src/django_smartbase_admin/views/user_config_view.py

@@ -1,6 +1,10 @@
 from django import forms
+from django.conf import settings
 from django.http import HttpResponse
+from django.templatetags.static import static
+from django.utils import translation
 from django.utils.html import format_html
+from django.utils.translation import gettext_lazy as _
 from django.views.generic import FormView
 
 from django_smartbase_admin.admin.admin_base import SBAdminBaseFormInit
@@ -24,7 +28,9 @@ class Meta:
         model = SBAdminUserConfiguration
         fields = ("color_scheme",)
         widgets = {
-            "color_scheme": SBAdminRadioDropdownWidget(),
+            "color_scheme": SBAdminRadioDropdownWidget(
+                attrs={"button_class": "shadow-none"}
+            ),
         }
         required = []
 
@@ -52,3 +58,60 @@ def form_valid(self, form):
         sb_admin_user_config.color_scheme = instance.color_scheme
         sb_admin_user_config.save(update_fields=["color_scheme"])
         return HttpResponse(status=200)
+
+class LanguageForm(SBAdminBaseFormInit, forms.Form):
+    language = forms.ChoiceField(
+        label=_("Language"),
+        choices=(),
+        widget=SBAdminRadioDropdownWidget(attrs={"button_class": "shadow-none"}),
+    )
+    next = forms.CharField(widget=forms.HiddenInput(), required=False)
+
+    @staticmethod
+    def get_flag_static_path(lang_code: str) -> str:
+        base = lang_code.split("-", 1)[0]
+        return static(f"sb_admin/images/flags/{base}.png")
+
+    @classmethod
+    def resolve_active_language_code(cls, languages: list[tuple[str, str]]) -> str:
+        codes = [code for code, _ in languages]
+        if not codes:
+            return translation.get_language()
+
+        current = translation.get_language()
+        if current in codes:
+            return current
+
+        current_base = current.split("-", 1)[0]
+        for code in codes:
+            if code == current_base or code.startswith(f"{current_base}-"):
+                return code
+
+        default_language = settings.LANGUAGE_CODE
+        if default_language in codes:
+            return default_language
+
+        return codes[0]
+
+    def __init__(self, *args, **kwargs):
+        request = kwargs.pop("request", None)
+        super().__init__(*args, request=request, **kwargs)
+        choices_formatted = []
+        for lang_code, lang_name in settings.LANGUAGES:
+            flag_src = self.get_flag_static_path(lang_code)
+            choice_label = format_html(
+                '<span class="inline-flex items-center gap-8">'
+                '<img src="{}" alt="{}" class="w-24 h-18 border border-dark-200 rounded-xs" width="24" height="18" loading="lazy">'
+                "<span>{}</span></span>",
+                flag_src,
+                lang_name,
+                lang_name,
+            )
+            choices_formatted.append((lang_code, choice_label))
+        self.fields["language"].choices = choices_formatted
+
+        if request is not None and not self.is_bound:
+            self.fields["next"].initial = request.get_full_path()
+            self.fields["language"].initial = self.resolve_active_language_code(
+                list(settings.LANGUAGES)
+            )