From b999d351841a8249c55e7365a66cdb9a97cd469c Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek.mrt22@gmail.com>
Date: Fri, 29 Aug 2025 17:05:55 +0530
Subject: [PATCH 1/2] ui: show multiple domains as links in list view

Currently, when resources are linked to multiple domains and they are
shown in the list view, they are not clickable. This PR fixes it.

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
---
 ui/src/components/view/ListView.vue | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/ui/src/components/view/ListView.vue b/ui/src/components/view/ListView.vue
index eca99dc03469..0eb387815ada 100644
--- a/ui/src/components/view/ListView.vue
+++ b/ui/src/components/view/ListView.vue
@@ -365,7 +365,21 @@
         <resource-label :resourceType="record.resourcetype" :resourceId="record.resourceid" :resourceName="record.resourcename" />
       </template>
       <template v-if="column.key === 'domain'">
-        <router-link v-if="record.domainid && !record.domainid.toString().includes(',') && $store.getters.userInfo.roletype !== 'User'" :to="{ path: '/domain/' + record.domainid, query: { tab: 'details' } }">{{ text }}</router-link>
+        <span v-if="record.domainid && $store.getters.userInfo.roletype !== 'User'">
+          <template v-if="record.domainid.toString().includes(',')">
+            <template v-for="(id, idx) in record.domainid.toString().split(',')" :key="id">
+              <router-link :to="{ path: '/domain/' + id, query: { tab: 'details' } }">
+                {{ record.domain.split(',')[idx] || id }}
+              </router-link>
+              <span v-if="idx < record.domainid.split(',').length - 1">, </span>
+            </template>
+          </template>
+          <template v-else>
+            <router-link :to="{ path: '/domain/' + record.domainid, query: { tab: 'details' } }">
+              {{ record.domain || text }}
+            </router-link>
+          </template>
+        </span>
         <span v-else>{{ text }}</span>
       </template>
       <template v-if="column.key === 'domainpath'">

From 9c3018b8771fb4a5aec28863784501312cfb09c7 Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek.mrt22@gmail.com>
Date: Tue, 2 Sep 2025 23:36:27 +0530
Subject: [PATCH 2/2] fix

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
---
 ui/src/components/view/ListView.vue | 15 ++++-----------
 1 file changed, 4 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/view/ListView.vue b/ui/src/components/view/ListView.vue
index 0eb387815ada..0109784047a5 100644
--- a/ui/src/components/view/ListView.vue
+++ b/ui/src/components/view/ListView.vue
@@ -366,18 +366,11 @@
       </template>
       <template v-if="column.key === 'domain'">
         <span v-if="record.domainid && $store.getters.userInfo.roletype !== 'User'">
-          <template v-if="record.domainid.toString().includes(',')">
-            <template v-for="(id, idx) in record.domainid.toString().split(',')" :key="id">
-              <router-link :to="{ path: '/domain/' + id, query: { tab: 'details' } }">
-                {{ record.domain.split(',')[idx] || id }}
-              </router-link>
-              <span v-if="idx < record.domainid.split(',').length - 1">, </span>
-            </template>
-          </template>
-          <template v-else>
-            <router-link :to="{ path: '/domain/' + record.domainid, query: { tab: 'details' } }">
-              {{ record.domain || text }}
+          <template v-for="(id, idx) in record.domainid.split(',')" :key="id">
+            <router-link :to="{ path: '/domain/' + id, query: { tab: 'details' } }">
+              {{ record.domain.split(',')[idx] || id }}
             </router-link>
+            <span v-if="idx < record.domainid.split(',').length - 1">, </span>
           </template>
         </span>
         <span v-else>{{ text }}</span>