From 25a21ea57334d9677f9b2340905432172d8565f9 Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek.mrt22@gmail.com>
Date: Wed, 20 May 2026 15:18:25 +0530
Subject: [PATCH 1/2] ui: fix info card showing invalid template, iso link

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
---
 ui/src/components/view/InfoCard.vue |  7 +++++--
 ui/src/utils/links.js               | 13 ++++++++++++-
 2 files changed, 17 insertions(+), 3 deletions(-)

diff --git a/ui/src/components/view/InfoCard.vue b/ui/src/components/view/InfoCard.vue
index 0272df028a35..888c47179bfb 100644
--- a/ui/src/components/view/InfoCard.vue
+++ b/ui/src/components/view/InfoCard.vue
@@ -560,7 +560,8 @@
               <div class="resource-detail-item__details">
                 <resource-icon v-if="resource.icon" :image="getImage(resource.icon.base64image)" size="1x" style="margin-right: 5px"/>
                 <SaveOutlined v-else />
-                <router-link :to="{ path: (resource.templateformat === 'ISO' ? '/iso/' : '/template/') + resource.templateid }">{{ resource.templatedisplaytext || resource.templatename || resource.templateid }} </router-link>
+                <router-link v-if="validLinks.template" :to="{ path: (resource.templateformat === 'ISO' ? '/iso/' : '/template/') + resource.templateid }">{{ resource.templatedisplaytext || resource.templatename || resource.templateid }} </router-link>
+                <span v-else>{{ resource.templatedisplaytext || resource.templatename || resource.templateid }}</span>
               </div>
             </div>
             <div class="resource-detail-item" v-if="resource.isoid">
@@ -568,7 +569,8 @@
               <div class="resource-detail-item__details">
                 <resource-icon v-if="resource.icon" :image="getImage(resource.icon.base64image)" size="1x" style="margin-right: 5px"/>
                 <UsbOutlined v-else />
-                  <router-link :to="{ path: '/iso/' + resource.isoid }">{{ resource.isodisplaytext || resource.isoname || resource.isoid }} </router-link>
+                <router-link v-if="validLinks.iso" :to="{ path: '/iso/' + resource.isoid }">{{ resource.isodisplaytext || resource.isoname || resource.isoid }} </router-link>
+                <span v-else>{{ resource.isodisplaytext || resource.isoname || resource.isoid }}</span>
               </div>
             </div>
             <div class="resource-detail-item" v-if="resource.serviceofferingname && resource.serviceofferingid">
@@ -985,6 +987,7 @@ export default {
   },
   created () {
     this.setData()
+    this.validLinks = validateLinks(this.$router, this.isStatic, this.resource)
     eventBus.on('handle-close', (showModal) => {
       this.showUploadModal(showModal)
     })
diff --git a/ui/src/utils/links.js b/ui/src/utils/links.js
index fa650cdd7b8b..dcab5fe852ed 100644
--- a/ui/src/utils/links.js
+++ b/ui/src/utils/links.js
@@ -17,7 +17,9 @@
 
 export function validateLinks (router, isStatic, resource) {
   const validLinks = {
-    volume: false
+    volume: false,
+    template: false,
+    iso: false
   }
 
   if (isStatic) {
@@ -32,5 +34,14 @@ export function validateLinks (router, isStatic, resource) {
     }
   }
 
+  if (resource.templateid) {
+    const templatePath = (resource.templateformat === 'ISO' ? '/iso/' : '/template/') + resource.templateid
+    validLinks.template = router.resolve(templatePath).matched[0].redirect !== '/exception/404'
+  }
+
+  if (resource.isoid) {
+    validLinks.iso = router.resolve('/iso/' + resource.isoid).matched[0].redirect !== '/exception/404'
+  }
+
   return validLinks
 }

From fadc6c1f143ddd14d2ffa793f84d686daca72781 Mon Sep 17 00:00:00 2001
From: Abhishek Kumar <abhishek.mrt22@gmail.com>
Date: Wed, 20 May 2026 16:59:54 +0530
Subject: [PATCH 2/2] fix

Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
---
 ui/src/components/view/InfoCard.vue |  6 +--
 ui/src/utils/links.js               | 65 ++++++++++++++++++++++++++++-
 2 files changed, 66 insertions(+), 5 deletions(-)

diff --git a/ui/src/components/view/InfoCard.vue b/ui/src/components/view/InfoCard.vue
index 888c47179bfb..218db57ed4e9 100644
--- a/ui/src/components/view/InfoCard.vue
+++ b/ui/src/components/view/InfoCard.vue
@@ -883,7 +883,7 @@
 <script>
 import { api } from '@/api'
 import { createPathBasedOnVmType } from '@/utils/plugins'
-import { validateLinks } from '@/utils/links'
+import { validateLinksAsync } from '@/utils/links'
 import Console from '@/components/widgets/Console'
 import OsLogo from '@/components/widgets/OsLogo'
 import Status from '@/components/widgets/Status'
@@ -968,12 +968,12 @@ export default {
     },
     resource: {
       deep: true,
-      handler (newData, oldData) {
+      async handler (newData, oldData) {
         if (newData === oldData) return
         this.newResource = newData
         this.showKeys = false
         this.setData()
-        this.validLinks = validateLinks(this.$router, this.isStatic, this.resource)
+        this.validLinks = await validateLinksAsync(this.$router, this.isStatic, this.resource)
 
         if ('apikey' in this.resource) {
           this.getUserKeys()
diff --git a/ui/src/utils/links.js b/ui/src/utils/links.js
index dcab5fe852ed..3524dcc8f8ed 100644
--- a/ui/src/utils/links.js
+++ b/ui/src/utils/links.js
@@ -15,12 +15,54 @@
 // specific language governing permissions and limitations
 // under the License.
 
+import { api } from '@/api'
+
+async function isValidObject (apiName, id, params) {
+  try {
+    const allParams = { ...params, listAll: true, id }
+    const json = await api(apiName, allParams)
+    const responseName = Object.keys(json).find(key => key.endsWith('response')) || apiName.toLowerCase() + 'response'
+    const response = json?.[responseName]
+    if (!response) {
+      return false
+    }
+    const objectName = Object.keys(response).find(key => key !== 'count')
+    if (!objectName || !Array.isArray(response[objectName])) {
+      return false
+    }
+    return response[objectName].some(item => item.id === id)
+  } catch (e) {
+    return false
+  }
+}
+
 export function validateLinks (router, isStatic, resource) {
+  const validLinks = {
+    volume: false
+  }
+
+  if (isStatic) {
+    return validLinks
+  }
+
+  if (resource.volumeid && router.resolve('/volume/' + resource.volumeid).matched[0].redirect !== '/exception/404') {
+    if (resource.volumestate) {
+      validLinks.volume = resource.volumestate !== 'Expunged'
+    } else {
+      validLinks.volume = true
+    }
+  }
+
+  return validLinks
+}
+
+export async function validateLinksAsync (router, isStatic, resource) {
   const validLinks = {
     volume: false,
     template: false,
     iso: false
   }
+  const pendingChecks = []
 
   if (isStatic) {
     return validLinks
@@ -36,11 +78,30 @@ export function validateLinks (router, isStatic, resource) {
 
   if (resource.templateid) {
     const templatePath = (resource.templateformat === 'ISO' ? '/iso/' : '/template/') + resource.templateid
-    validLinks.template = router.resolve(templatePath).matched[0].redirect !== '/exception/404'
+    if (router.resolve(templatePath).matched[0].redirect !== '/exception/404') {
+      pendingChecks.push(
+        isValidObject('listTemplates', resource.templateid, { templatefilter: 'executable' }).then(result => {
+          validLinks.template = result
+        })
+      )
+    }
   }
 
   if (resource.isoid) {
-    validLinks.iso = router.resolve('/iso/' + resource.isoid).matched[0].redirect !== '/exception/404'
+    const isoPath = '/iso/' + resource.isoid
+    if (router.resolve(isoPath).matched[0].redirect !== '/exception/404') {
+      pendingChecks.push(
+        isValidObject('listIsos', resource.isoid, { isofilter: 'executable' }).then(result => {
+          validLinks.iso = result
+        })
+      )
+    }
+  }
+
+  if (pendingChecks.length) {
+    await Promise.all(pendingChecks).catch(error => {
+      console.error('Error validating links:', error)
+    })
   }
 
   return validLinks