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 <[email protected]>

Author: shwstppr

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'">