feat: URLField widget, display a clickable link (#723)

Author: khaled5321

src/unfold/admin.py

@@ -49,6 +49,7 @@
     UnfoldAdminSplitDateTimeWidget,
     UnfoldAdminTextareaWidget,
     UnfoldAdminTextInputWidget,
+    UnfoldAdminURLInputWidget,
     UnfoldAdminUUIDInputWidget,
     UnfoldBooleanSwitchWidget,
     UnfoldBooleanWidget,
@@ -79,7 +80,7 @@
     models.TimeField: {"widget": UnfoldAdminSingleTimeWidget},
     models.EmailField: {"widget": UnfoldAdminEmailInputWidget},
     models.CharField: {"widget": UnfoldAdminTextInputWidget},
-    models.URLField: {"widget": UnfoldAdminTextInputWidget},
+    models.URLField: {"widget": UnfoldAdminURLInputWidget},
     models.GenericIPAddressField: {"widget": UnfoldAdminTextInputWidget},
     models.UUIDField: {"widget": UnfoldAdminUUIDInputWidget},
     models.TextField: {"widget": UnfoldAdminTextareaWidget},

src/unfold/templates/unfold/widgets/url.html

@@ -0,0 +1,4 @@
+{% if url_valid %}
+  {{ current_label }} <a href="{{ widget.href }}" class="text-primary-600 dark:text-primary-500">{{ widget.value }}</a>
+{% endif %}
+{% include "django/forms/widgets/input.html" %}

src/unfold/widgets.py

@@ -13,6 +13,7 @@
     AdminTextareaWidget,
     AdminTextInputWidget,
     AdminTimeWidget,
+    AdminURLFieldWidget,
     AdminUUIDInputWidget,
     ForeignKeyRawIdWidget,
     RelatedFieldWidgetWrapper,
@@ -255,6 +256,13 @@ def __init__(self, attrs: Optional[Dict[str, Any]] = None) -> None:
         super().__init__(attrs={"class": " ".join(INPUT_CLASSES), **(attrs or {})})
 
 
+class UnfoldAdminURLInputWidget(AdminURLFieldWidget):
+    template_name = "unfold/widgets/url.html"
+
+    def __init__(self, attrs: Optional[Dict[str, Any]] = None) -> None:
+        super().__init__(attrs={"class": " ".join(INPUT_CLASSES), **(attrs or {})})
+
+
 class UnfoldAdminColorInputWidget(AdminTextInputWidget):
     def __init__(self, attrs: Optional[Dict[str, Any]] = None) -> None:
         super().__init__(