django-unfold 0.66.0__py3-none-any.whl → 0.67.0__py3-none-any.whl

{django_unfold-0.66.0.dist-info → django_unfold-0.67.0.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-unfold
-Version: 0.66.0
+Version: 0.67.0
 Summary: Modern Django admin theme for seamless interface development
 License: MIT
 License-File: LICENSE.md

{django_unfold-0.66.0.dist-info → django_unfold-0.67.0.dist-info}/RECORD

@@ -16,14 +16,14 @@ unfold/contrib/filters/admin/choice_filters.py,sha256=wI_m5k8SLwHkWoFeCPvI0bN_Ru
 unfold/contrib/filters/admin/datetime_filters.py,sha256=cVari_7jsfeYxJoRBhcAUOr6v9XdtDtMuMs-S1Irafo,7757
 unfold/contrib/filters/admin/dropdown_filters.py,sha256=exiIyU6c_as7XBJsaAPPx5b8eY3IDbuCFGPJu1b0ux4,3856
 unfold/contrib/filters/admin/mixins.py,sha256=Z8BrdqbnjM1Ldr7qfhb6aWeOXKc5NqUgp-1NDU7SqS4,5839
-unfold/contrib/filters/admin/numeric_filters.py,sha256=8GNmesgMmMIfEZb2IrGbaBoJuvB2FpIc7wPIPBpHat4,6420
+unfold/contrib/filters/admin/numeric_filters.py,sha256=V2yKPngFQ-PjpaE-VG2CK4jcJ-UZylEhtgSXRGx_MxQ,6490
 unfold/contrib/filters/admin/text_filters.py,sha256=19cOEGpSaXafcM8QuGiYaWmNi5UIQnCXEhKG-vCTfe8,2088
 unfold/contrib/filters/apps.py,sha256=wEySJy0gMLzFLb9XNKE-RexiO05X7NaQ5QmxZyziJ_k,136
-unfold/contrib/filters/forms.py,sha256=xROYON0ZaTLOE7gIhHXEgDAcYz0eY6LO2uxc3oXzfcA,8097
+unfold/contrib/filters/forms.py,sha256=cebAmMPKtofdwvUhAVaoP5V3rNhwYe0Df5k06TJwZfo,8560
 unfold/contrib/filters/static/unfold/filters/css/nouislider/LICENSE,sha256=DR_G6Ykr-xlGx4DwQFeKTRcGAYL3ch33e44GisGdHOQ,1069
 unfold/contrib/filters/static/unfold/filters/css/nouislider/nouislider.min.css,sha256=rddL_jOGGVEY6wR-aw0VYovAfz5fPeAIsulrlSNb1hc,4221
 unfold/contrib/filters/static/unfold/filters/js/DateTimeShortcuts.js,sha256=jgFNBDf6aHvUlyv0LEDHggXO-xA8pWOCWFWcVupdA30,19332
-unfold/contrib/filters/static/unfold/filters/js/admin-numeric-filter.js,sha256=nTkiiJk4Abn9d6KigxPSEsereFhFq-v5n_boiiY1eII,1668
+unfold/contrib/filters/static/unfold/filters/js/admin-numeric-filter.js,sha256=TnLzgMRzcePLHSMpvwCEA8CowifobGuCIS6IXRAU5XM,2363
 unfold/contrib/filters/static/unfold/filters/js/nouislider/LICENSE,sha256=DR_G6Ykr-xlGx4DwQFeKTRcGAYL3ch33e44GisGdHOQ,1069
 unfold/contrib/filters/static/unfold/filters/js/nouislider/nouislider.min.js,sha256=aIEt5UlLNnEv4-HPyxcLqu9dTS7gXiMm35Mm0rFmQ0Q,26683
 unfold/contrib/filters/static/unfold/filters/js/wnumb/LICENSE,sha256=ifeAa0-l35lCSesni0e-3xcD2BXwP7GXG6TdQiMW16I,1069
@@ -33,7 +33,7 @@ unfold/contrib/filters/templates/unfold/filters/filters_datetime_range.html,sha2
 unfold/contrib/filters/templates/unfold/filters/filters_field.html,sha256=UTlSZlpg-gAc_a-EJLLF0NI_ofuSHQ2kMMoAs99nL2E,164
 unfold/contrib/filters/templates/unfold/filters/filters_numeric_range.html,sha256=TnklQxXhe17UaImoiHahhtN6d1xVdXt2dhIMQESJY68,661
 unfold/contrib/filters/templates/unfold/filters/filters_numeric_single.html,sha256=uELVrDzFgmzGwkm37SpZeXXbfpijDnSBIJVtf6evWjM,598
-unfold/contrib/filters/templates/unfold/filters/filters_numeric_slider.html,sha256=ihRdegeKkP2R3XQ_Z3_wujkjnc7ZByGqhfuDw4zjtNU,1880
+unfold/contrib/filters/templates/unfold/filters/filters_numeric_slider.html,sha256=82H0q9Bta_ng4k6BYpV5ECspmBwqAUXnVGKdrEOLc18,1165
 unfold/contrib/forms/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 unfold/contrib/forms/apps.py,sha256=Di0TMzVuRpVxLG-8Bjdq5ALCSf5r7u2xVhD0jU6H5Sc,132
 unfold/contrib/forms/static/unfold/forms/css/trix/LICENSE,sha256=-g0UVDdcvHcBvBPZFsOuceYTuK5xgyFkHmeOCUCTk8Q,1053
@@ -90,7 +90,7 @@ unfold/dataclasses.py,sha256=XDQp7fcvto7YC8A68tc6TUhXY7s3je9nm3AVUdxrJ7Y,859
 unfold/decorators.py,sha256=jPiYFy1p0WGFn68VZhAZkYCPDF7argb9SDFaH6aemHk,4922
 unfold/enums.py,sha256=9sTfyEycMWeoGPBa-ft6ZhQGnW1vkFg108RMBVf9nko,187
 unfold/exceptions.py,sha256=gcCj1ox61E137bk_0Cqy4YC3SttdPgB-fiJUqpmyHSE,43
-unfold/fields.py,sha256=wvkdeMCIYs3vNB_QDtRo191tXoYVrP-uRFfzFCTYY3c,7314
+unfold/fields.py,sha256=qdnwYbl2NXbTdv1S_nct08UBWJTvoQ2hIrnzNxahJfg,8378
 unfold/forms.py,sha256=0u4TFw7oQ96S7njzJ2G79Qzt1X-4P4px-kfMgjVt49o,7762
 unfold/layout.py,sha256=Q-dFTA6UlvvPCA4PsGyTkHQmBLO7PL56xBfZi-bdt0c,1459
 unfold/mixins/__init__.py,sha256=YlhoDs9Y_DXQ8Ejr3enxuHMS1-Ij9fwukxNwpeOS4Co,190
@@ -105,7 +105,7 @@ unfold/static/admin/js/admin/RelatedObjectLookups.js,sha256=ubKKhWmX_QborwPnaLHu
 unfold/static/admin/js/inlines.js,sha256=UXtFzCWHZWIJbxRghlNsNsz8HuRHjcaH1Mvb5e6uJms,16222
 unfold/static/unfold/css/simplebar/LICENSE,sha256=okNJf6UFl2NrEiC4iqORNBa16IKgUgV88acdcl9FbtY,1081
 unfold/static/unfold/css/simplebar/simplebar.css,sha256=5LLaEM11pKi6JFCOLt4XKuZxTpT9rpdq_tNlaQytFlU,4647
-unfold/static/unfold/css/styles.css,sha256=MZEBfoBM6rUi0pkIoQw0hi2lChPsdCFIchyBOm4oF8c,211708
+unfold/static/unfold/css/styles.css,sha256=4JvNtrvUk6tlpGSyQpnbxCCa3YPMmyKnSqEDUVT0-Po,211751
 unfold/static/unfold/fonts/inter/Inter-Bold.woff2,sha256=-oiBJ7baAVtlVp8DUfO1w5GtkokElR8cIOn4RiqNleo,114840
 unfold/static/unfold/fonts/inter/Inter-Medium.woff2,sha256=D_PpRhThST61VjFP0keubEqFp3g7TMhr5TmUDPg_Kkg,114348
 unfold/static/unfold/fonts/inter/Inter-Regular.woff2,sha256=4G9rG8VTqupORmgCPtCrChRxKcMQf1Ebx9A9NhsK4IU,111268
@@ -121,15 +121,15 @@ unfold/static/unfold/js/alpine/alpine.js,sha256=PtHu0lJIiSHfZeNj1nFd6wTX-Squ255S
 unfold/static/unfold/js/alpine/alpine.persist.js,sha256=jFBwr6faTqqhp3sVi4_VTxJ0FpaF9YGZN1ZGLl_5QYM,837
 unfold/static/unfold/js/alpine/alpine.resize.js,sha256=mXR2L6neT584cfNLY5_imDq5DKjW1noXys7fhb1yxY4,703
 unfold/static/unfold/js/alpine/alpine.sort.js,sha256=q6LxgConwu8M8R03mZSBcsKwJv6fF7oomP8sqLxVQ0w,37891
-unfold/static/unfold/js/app.js,sha256=rz5y-wOzUpXN1Gk23bot3XMyB6P3rTSSz6kqdDtuyMU,14775
+unfold/static/unfold/js/app.js,sha256=r04hhe9FYimSvd_SLbP6AwgjaxE2HioFG3YLYaFH4YU,16282
 unfold/static/unfold/js/chart/LICENSE,sha256=QahKosq6ZF-WahjZwgVrc-bTqB2AvABGvAARomNNTM4,1093
 unfold/static/unfold/js/chart/chart.js,sha256=22W6cFERR-CElMOKRgMMicueMVP0Vf7FBEBYH8Z8tCk,200633
 unfold/static/unfold/js/htmx/LICENSE,sha256=09JFb3ZBTyRWEEZg69Za_xwEzXlmuUK9q9Y_PNsxajg,642
 unfold/static/unfold/js/htmx/htmx.js,sha256=acrv0NqSJpBm5yXX_hdeJrnVDJYuMFZFnAxHcVTNudM,50918
-unfold/static/unfold/js/select2.init.js,sha256=E1BhZ_a16_wxMb3zFq346HIrzvfQz8PRSB_o5CH_i2E,1196
+unfold/static/unfold/js/select2.init.js,sha256=SeUUXgwLi26Tmh1Sgl3al4WeqlvmbZgixmTtwhJMMq0,1009
 unfold/static/unfold/js/simplebar/LICENSE,sha256=okNJf6UFl2NrEiC4iqORNBa16IKgUgV88acdcl9FbtY,1081
 unfold/static/unfold/js/simplebar/simplebar.js,sha256=t-uG1FAD6ZoiMeN--wac0XRS7SxoDVG6zvRnGuEp7X8,27176
-unfold/styles.css,sha256=hNU0840jnbJB20nLuE12sbKX3jCqjWR76mmsLN9uZic,21739
+unfold/styles.css,sha256=6-pbdH8mHbV60EZ8RUR_gxzI6IN4-CaYbKZuzEslX7A,21608
 unfold/templates/admin/actions.html,sha256=iuuubcAILkOoYBgV6cpXqFIyZUh4zMqyFp0JaDFlPKU,3096
 unfold/templates/admin/app_index.html,sha256=hcXcaEwqKYTaClnGzlBEsTzy3YJn_37AiFs4YVbvX8A,585
 unfold/templates/admin/app_list.html,sha256=-DEZKFdmkdTq3rix_cgZurPZ1r8PHg5pBL3i7ZtzVdI,2972
@@ -162,7 +162,7 @@ unfold/templates/registration/logged_out.html,sha256=ytjIz3abnpERwUp1F8zn89Hyrim
 unfold/templates/registration/password_change_done.html,sha256=TjzRQ476BNkz3To2S7MhEXxA-zoqCI8Op_FjY0cRod0,364
 unfold/templates/registration/password_change_form.html,sha256=E9fRkSh7n5N7UQIy0oWpcvI1mVPQ0nYGlBrM_WTi9kw,1517
 unfold/templates/unfold/components/button.html,sha256=oJEamHBxDIjoQ1xqWuJWDMY5ItUo8jpkZrqFp_cCH5U,933
-unfold/templates/unfold/components/card.html,sha256=ntmFJcHWDQ1M6Xp9mE9BpIBeOfV-huSayDqz1Ajnd0k,1410
+unfold/templates/unfold/components/card.html,sha256=inSlz0IbriTQwA-I9sAa8A15NAfjqOWRka28vB-Eu_Q,1565
 unfold/templates/unfold/components/chart/bar.html,sha256=nDdDCUXvFd793OpNgNPQo0vBmvYngMsQyPHVTf1vfOw,297
 unfold/templates/unfold/components/chart/cohort.html,sha256=L00WR-igYv0C3t2yT_nZqeI-M5gVHpoaGv5RooRojqU,2402
 unfold/templates/unfold/components/chart/line.html,sha256=DHaZUFTlCs5cX7ioYdTzoN4ITHWNcEoNSUp7v3hlo_E,298
@@ -171,7 +171,7 @@ unfold/templates/unfold/components/flex.html,sha256=_hBsQLJ6-7MfEfXNp5Wy-ykNtPMn
 unfold/templates/unfold/components/icon.html,sha256=Qlhcf41FOwNVJ-nvA0RJ_Dn6JW6PUFXO6tOR3Xtf6e8,99
 unfold/templates/unfold/components/layer.html,sha256=c2EY2rr64rJ5BPj97UdFAJTNWAommGoYL9J8gmjzEPE,15
 unfold/templates/unfold/components/navigation.html,sha256=0imW9pQs9kUZy2iROeAsGJDXC5tMRq9ABRcN85fJPeQ,866
-unfold/templates/unfold/components/progress.html,sha256=W55ByXiM-Ig_3fcpsZAG8N3HjQAl60sl7XsLsIZABrA,1001
+unfold/templates/unfold/components/progress.html,sha256=voyLSflK08x7SP9mdsEixAsGiZj7YVfnZlfqntdw8ok,1480
 unfold/templates/unfold/components/separator.html,sha256=yvHywT_MFkx5dNC2K53OFHRGxLDsEjRpptujXyGeoTY,168
 unfold/templates/unfold/components/table.html,sha256=5Ghmaw3mHhKOlBKKRBfhmSx0-HkRx1sHpX6NDItgdv4,7911
 unfold/templates/unfold/components/text.html,sha256=-GjxvdiaBQIaNfPSzT6SSIwnc3R27FkSDQMoF3FDPso,102
@@ -204,7 +204,8 @@ unfold/templates/unfold/helpers/edit_inline/tabular_title.html,sha256=2sk1TRzpmw
 unfold/templates/unfold/helpers/empty_results.html,sha256=zN1XM6_9_Oj-inMZlDxEnicYfBRr4HhwS9ODAnMiRYc,1947
 unfold/templates/unfold/helpers/field.html,sha256=KEs1SQRxzJ0x11zithlxVyv5zfQ9a_XGoJJ9AiWk1Vc,1038
 unfold/templates/unfold/helpers/field_readonly.html,sha256=4qtXjWE7SA2qZSTYLOv0lT4pQfD0TE34mvWQJY7jhS8,237
-unfold/templates/unfold/helpers/field_readonly_value.html,sha256=FI_CFEsCN7ELQux9gF-IaZ7nT7jyzidqwR2Med-E52g,504
+unfold/templates/unfold/helpers/field_readonly_value.html,sha256=dQHLb3eWeTZnXVzT8vaCbFNb4H9NwwNAv3qOKpOfDtM,531
+unfold/templates/unfold/helpers/field_readonly_value_file.html,sha256=8P-4BO6eH6VfxihDsBj8vFsiMZsloaeoiDYgP3CYUIY,709
 unfold/templates/unfold/helpers/fieldset_row.html,sha256=LriorPLXU4VmqstjX1oBc3T49H8CbhCrRxwQ7YfUSkI,1219
 unfold/templates/unfold/helpers/fieldset_row_checkbox.html,sha256=z4aRab--zJS2PC0jfKPez85IptKGRrqgkPpwW6_IKoo,1467
 unfold/templates/unfold/helpers/fieldset_row_field.html,sha256=cqLT1fHsCCszOHxvYlDFDTAd-6RRoOjdqfdBdhFgHOo,647
@@ -304,7 +305,7 @@ unfold/typing.py,sha256=i7LM2LiwYTAjT5-OLDUPVn5b9X-DMmHnjlZG2toWwSE,692
 unfold/utils.py,sha256=UY7ZvkQ6KXkY0OkThppZ1k1HggyUhV_2bZok-HpFBDA,6827
 unfold/views.py,sha256=SA6mtv3aJD861-aL5VNreQUP7GRZH6hK_60MChjm2MM,1641
 unfold/widgets.py,sha256=nu2oqcKhs3lhj9ueYfs3BqDzZT5raAE6jeAEgU4WrHE,24751
-django_unfold-0.66.0.dist-info/METADATA,sha256=03YKKQ-HAzpxOxPlLKN9ps2rYqatp9HZf_cJpjjVXM0,10074
-django_unfold-0.66.0.dist-info/WHEEL,sha256=zp0Cn7JsFoX2ATtOhtaFYIiE2rmFAD4OcMhtUki8W3U,88
-django_unfold-0.66.0.dist-info/licenses/LICENSE.md,sha256=Ltk_quRyyvV3J5v3brtOqmibeZSw2Hrb8bY1W3ya0Ik,1077
-django_unfold-0.66.0.dist-info/RECORD,,
+django_unfold-0.67.0.dist-info/METADATA,sha256=HaIyDsX13qf8nRgmZqiECi0mT_zloMaF5dTWpuNkURk,10074
+django_unfold-0.67.0.dist-info/WHEEL,sha256=zp0Cn7JsFoX2ATtOhtaFYIiE2rmFAD4OcMhtUki8W3U,88
+django_unfold-0.67.0.dist-info/licenses/LICENSE.md,sha256=Ltk_quRyyvV3J5v3brtOqmibeZSw2Hrb8bY1W3ya0Ik,1077
+django_unfold-0.67.0.dist-info/RECORD,,

unfold/contrib/filters/admin/numeric_filters.py

@@ -179,6 +179,8 @@ class SliderNumericFilter(RangeNumericFilter):
                 ),
                 "form": self.form_class(
                     name=self.parameter_name,
+                    min=min_value,
+                    max=max_value,
                     data={
                         self.parameter_name + "_from": self.used_parameters.get(
                             self.parameter_name + "_from", min_value

unfold/contrib/filters/forms.py

@@ -59,7 +59,11 @@ class AutocompleteDropdownForm(forms.Form):
             label=label,
             required=False,
             queryset=field.remote_field.model.objects,
-            widget=self.widget(field, model_admin.admin_site),
+            widget=self.widget(
+                field,
+                model_admin.admin_site,
+                attrs={"class": "unfold-filter-autocomplete"},
+            ),
         )
 
     class Media:
@@ -175,22 +179,39 @@ class SingleNumericForm(forms.Form):
 
 
 class RangeNumericForm(forms.Form):
-    def __init__(self, name: str, *args, **kwargs) -> None:
+    def __init__(
+        self, name: str, min: float = None, max: float = None, *args, **kwargs
+    ) -> None:
         self.name = name
         super().__init__(*args, **kwargs)
 
+        min_max = {}
+
+        if min:
+            min_max["min"] = min
+        if max:
+            min_max["max"] = max
+
         self.fields[self.name + "_from"] = forms.FloatField(
             label="",
             required=False,
             widget=forms.NumberInput(
-                attrs={"placeholder": _("From"), "class": " ".join(INPUT_CLASSES)}
+                attrs={
+                    "placeholder": _("From"),
+                    "class": " ".join(INPUT_CLASSES),
+                    **min_max,
+                }
             ),
         )
         self.fields[self.name + "_to"] = forms.FloatField(
             label="",
             required=False,
             widget=forms.NumberInput(
-                attrs={"placeholder": _("To"), "class": " ".join(INPUT_CLASSES)}
+                attrs={
+                    "placeholder": _("To"),
+                    "class": " ".join(INPUT_CLASSES),
+                    **min_max,
+                }
             ),
         )
 

unfold/contrib/filters/static/unfold/filters/js/admin-numeric-filter.js

@@ -1,35 +1,69 @@
-document.addEventListener('DOMContentLoaded', function() {
-    Array.from(document.getElementsByClassName('admin-numeric-filter-slider')).forEach(function(slider) {
-        if (Array.from(slider.classList).includes("noUi-target")) {
-            return;
-        }
+document.addEventListener("DOMContentLoaded", function () {
+  Array.from(
+    document.getElementsByClassName("admin-numeric-filter-slider")
+  ).forEach(function (slider) {
+    if (Array.from(slider.classList).includes("noUi-target")) {
+      return;
+    }
 
-        var from = parseFloat(slider.closest('.admin-numeric-filter-wrapper').querySelectorAll('.admin-numeric-filter-wrapper-group input')[0].value);
-        var to = parseFloat(slider.closest('.admin-numeric-filter-wrapper').querySelectorAll('.admin-numeric-filter-wrapper-group input')[1].value);
+    const fromInput = slider
+      .closest(".admin-numeric-filter-wrapper")
+      .querySelectorAll(".admin-numeric-filter-wrapper-group input")[0];
 
-        noUiSlider.create(slider, {
-            start: [from, to],
-            step: parseFloat(slider.getAttribute('data-step')),
-            connect: true,
-            format: wNumb({
-                decimals: parseFloat(slider.getAttribute('data-decimals'))
-            }),
-            range: {
-                'min': parseFloat(slider.getAttribute('data-min')),
-                'max': parseFloat(slider.getAttribute('data-max'))
-            }
-        });
+    const toInput = slider
+      .closest(".admin-numeric-filter-wrapper")
+      .querySelectorAll(".admin-numeric-filter-wrapper-group input")[1];
 
-        slider.noUiSlider.on('update', function(values, handle) {
-            var parent = this.target.closest('.admin-numeric-filter-wrapper');
-            var from = parent.querySelectorAll('.admin-numeric-filter-wrapper-group input')[0];
-            var to = parent.querySelectorAll('.admin-numeric-filter-wrapper-group input')[1];
+    noUiSlider.create(slider, {
+      start: [parseFloat(fromInput.value), parseFloat(toInput.value)],
+      step: parseFloat(slider.getAttribute("data-step")),
+      connect: true,
+      format: wNumb({
+        decimals: parseFloat(slider.getAttribute("data-decimals")),
+      }),
+      range: {
+        min: parseFloat(slider.getAttribute("data-min")),
+        max: parseFloat(slider.getAttribute("data-max")),
+      },
+    });
+
+    /*************************************************************
+     * Update slider when input values change
+     *************************************************************/
+    fromInput.addEventListener("keyup", function () {
+      clearTimeout(this._sliderUpdateTimeout);
+      this._sliderUpdateTimeout = setTimeout(() => {
+        slider.noUiSlider.set([
+          parseFloat(this.value),
+          parseFloat(toInput.value),
+        ]);
+      }, 500);
+    });
+
+    toInput.addEventListener("keyup", function () {
+      clearTimeout(this._sliderUpdateTimeout);
+      this._sliderUpdateTimeout = setTimeout(() => {
+        slider.noUiSlider.set([
+          parseFloat(fromInput.value),
+          parseFloat(this.value),
+        ]);
+      }, 500);
+    });
 
-            parent.querySelectorAll('.admin-numeric-filter-slider-tooltip-from')[0].innerHTML = values[0];
-            parent.querySelectorAll('.admin-numeric-filter-slider-tooltip-to')[0].innerHTML = values[1];
+    /*************************************************************
+     * Updated inputs when slider is moved
+     *************************************************************/
+    slider.noUiSlider.on("update", function (values, handle) {
+      const parent = this.target.closest(".admin-numeric-filter-wrapper");
+      const from = parent.querySelectorAll(
+        ".admin-numeric-filter-wrapper-group input"
+      )[0];
+      const to = parent.querySelectorAll(
+        ".admin-numeric-filter-wrapper-group input"
+      )[1];
 
-            from.value = values[0];
-            to.value = values[1];
-        });
+      from.value = values[0];
+      to.value = values[1];
     });
+  });
 });

unfold/contrib/filters/templates/unfold/filters/filters_numeric_slider.html

@@ -8,22 +8,13 @@
         </h3>
 
         {% if choice.min is not None and choice.max is not None and choice.step %}
-            <div class="admin-numeric-filter-slider-tooltips">
-                <span class="admin-numeric-filter-slider-tooltip-from border border-base-200 cursor-not-allowed flex grow flex-row items-center mr-auto rounded-default shadow-xs px-3 py-2 w-full dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
-                    {{ choice.value_from }}
-                </span>
 
-                <span class="admin-numeric-filter-slider-tooltip-to border border-base-200 cursor-not-allowed flex grow flex-row items-center rounded-default shadow-xs px-3 py-2 w-full dark:bg-base-900 dark:border-base-700 dark:text-font-default-dark">
-                    {{ choice.value_to }}
-                </span>
+            <div class="admin-numeric-filter-wrapper-group flex flex-row gap-4 mb-4">
+                {{ choice.form.as_p }}
             </div>
 
             <div class="admin-numeric-filter-slider" data-min="{{ choice.min|unlocalize }}" data-max="{{ choice.max|unlocalize }}" data-decimals="{{ choice.decimals }}" data-step="{{ choice.step|unlocalize }}">
             </div>
-
-            <div class="admin-numeric-filter-wrapper-group hidden">
-                {{ choice.form.as_p }}
-            </div>
         {% else %}
             <div class="admin-numeric-filter-slider-error dark:text-font-default-dark">
                 <p class="border border-base-300 border-dashed leading-[36px] h-[38px] rounded-default text-center dark:border-base-700">

unfold/fields.py

@@ -1,8 +1,11 @@
+from typing import Union
+
 from django.contrib.admin import helpers
 from django.contrib.admin.utils import lookup_field, quote
 from django.core.exceptions import ObjectDoesNotExist
 from django.db import models
 from django.db.models import (
+    FileField,
     ForeignObjectRel,
     ImageField,
     JSONField,
@@ -36,6 +39,30 @@ class UnfoldAdminReadonlyField(helpers.AdminReadonlyField):
 
         return format_html("<label{}>{}</label>", flatatt(attrs), capfirst(label))
 
+    @property
+    def url(self) -> Union[str, bool]:
+        field, obj, model_admin = (
+            self.field["field"],
+            self.form.instance,
+            self.model_admin,
+        )
+
+        try:
+            f, attr, value = lookup_field(field, obj, model_admin)
+        except (AttributeError, ValueError, ObjectDoesNotExist):
+            return False
+
+        if not self.is_file():
+            return False
+
+        if hasattr(obj, field):
+            field_value = getattr(obj, field)
+
+            if field_value and hasattr(field_value, "url"):
+                return field_value.url
+
+        return False
+
     def is_json(self) -> bool:
         field, obj, model_admin = (
             self.field["field"],
@@ -73,6 +100,20 @@ class UnfoldAdminReadonlyField(helpers.AdminReadonlyField):
 
         return isinstance(f, ImageField)
 
+    def is_file(self) -> bool:
+        field, obj, model_admin = (
+            self.field["field"],
+            self.form.instance,
+            self.model_admin,
+        )
+
+        try:
+            f, attr, value = lookup_field(field, obj, model_admin)
+        except (AttributeError, ValueError, ObjectDoesNotExist):
+            return False
+
+        return isinstance(f, (ImageField, FileField))
+
     def contents(self) -> str:
         contents = self._get_contents()
         contents = self._preprocess_field(contents)