From 0c60ca61d7d967374f15665effce0c8f9698b576 Mon Sep 17 00:00:00 2001
From: GITuser <abellykens@protonmail.com>
Date: Thu, 26 Feb 2026 08:01:22 +0000
Subject: [PATCH] Try <a>'ing links

---
 www/webapp/src/views/CrudList.vue       | 18 ++++++++++++++++++
 www/webapp/src/views/CrudListDomain.vue |  1 +
 2 files changed, 19 insertions(+)

diff --git a/www/webapp/src/views/CrudList.vue b/www/webapp/src/views/CrudList.vue
index ae49afc74..4647f9db4 100644
--- a/www/webapp/src/views/CrudList.vue
+++ b/www/webapp/src/views/CrudList.vue
@@ -198,7 +198,25 @@
               v-for="(column, id) in columns"
               #[column.name]="itemFieldProps"
             >
+              <router-link
+                v-if="column.link"
+                :key="'link-' + id"
+                :to="column.link(itemFieldProps.item)"
+                class="text-decoration-none"
+                @click.native.stop
+              >
+                <component
+                  :is="column.datatype"
+                  :readonly="column.readonly"
+                  :disabled="user.working || itemIsReadOnly(itemFieldProps.item)"
+                  v-model="itemFieldProps.item[column.value]"
+                  v-bind="column.fieldProps ? column.fieldProps(itemFieldProps.item) : {}"
+                  @keyup="keyupHandler"
+                  @dirty="dirty.add(itemFieldProps.item); dirtyError.delete(itemFieldProps.item);"
+                />
+              </router-link>
               <component
+                v-else
                 :is="column.datatype"
                 :key="id"
                 :readonly="column.readonly"
diff --git a/www/webapp/src/views/CrudListDomain.vue b/www/webapp/src/views/CrudListDomain.vue
index 9152497a3..a94675c37 100644
--- a/www/webapp/src/views/CrudListDomain.vue
+++ b/www/webapp/src/views/CrudListDomain.vue
@@ -45,6 +45,7 @@ export default {
             writeOnCreate: true,
             datatype: GenericText.name,
             searchable: true,
+            link: (item) => ({name: 'domain', params: {domain: item.name}}),
           },
           published: {
             name: 'item.published',