Use a url panel field to make url clickable

src/onegov/form/fields.py

@@ -16,7 +16,7 @@
 from onegov.form import log, _
 from onegov.form.utils import path_to_filename
 from onegov.form.validators import ValidPhoneNumber
-from onegov.form.widgets import ChosenSelectWidget
+from onegov.form.widgets import ChosenSelectWidget, LinkPanelWidget
 from onegov.form.widgets import HoneyPotWidget
 from onegov.form.widgets import IconWidget
 from onegov.form.widgets import MultiCheckboxWidget
@@ -676,6 +676,11 @@ def populate_obj(self, obj: object, name: str) -> None:
         pass
 
 
+class URLPanelField(PanelField):
+
+    widget = LinkPanelWidget()
+
+
 class DateTimeLocalField(DateTimeLocalFieldBase):
     """ A custom implementation of the DateTimeLocalField to fix issues with
     the format and the datetimepicker plugin.

src/onegov/form/widgets.py

@@ -519,6 +519,21 @@ def __call__(self, field: 'PanelField', **kwargs: Any) -> Markup:
         )
 
 
+class LinkPanelWidget(PanelWidget):
+    """ A widget that displays a clickable link as panel (no input). """
+
+    def __call__(self, field: 'PanelField', **kwargs: Any) -> Markup:
+        text = escape(field.meta.request.translate(field.text))
+        return Markup(  # noqa: RUF035
+            f'<div class="panel {{kind}}" {html_params(**kwargs)}>'
+            '<a href="{link}">{text}</a></div>'
+        ).format(
+            kind=field.kind,
+            text=text.replace('\n', Markup('<br>')),
+            link=field.text
+        )
+
+
 class HoneyPotWidget(TextInput):
     """ A widget that displays the input normally not visible to the user. """
 

src/onegov/org/forms/settings.py

@@ -9,7 +9,7 @@
 from onegov.core.widgets import transform_structure
 from onegov.core.widgets import XML_LINE_OFFSET
 from onegov.form import Form
-from onegov.form.fields import ChosenSelectField
+from onegov.form.fields import ChosenSelectField, URLPanelField
 from onegov.form.fields import ColorField
 from onegov.form.fields import CssField
 from onegov.form.fields import MarkupField
@@ -778,11 +778,14 @@ class AnalyticsSettingsForm(Form):
         render_kw={'rows': 10, 'data-editor': 'html'})
 
     # Points the user to the analytics url e.g. matomo or plausible
-    analytics_url = StringField(
+    analytics_url = URLPanelField(
         label=_('Analytics URL'),
         description=_('URL pointing to the analytics page'),
         render_kw={'readonly': True},
         validators=[UrlRequired(), Optional()],
+        text='',
+        kind='panel',
+        hide_label=False
     )
 
     def derive_analytics_url(self) -> str:
@@ -802,8 +805,7 @@ def populate_obj(self, model: 'Organisation') -> None:  # type:ignore
 
     def process_obj(self, model: 'Organisation') -> None:  # type:ignore
         super().process_obj(model)
-
-        self.analytics_url.data = self.derive_analytics_url()
+        self.analytics_url.text = self.derive_analytics_url()
 
 
 class HolidaySettingsForm(Form):