From 03a1105e344870c93a6c41359a51e246bfcdb72c Mon Sep 17 00:00:00 2001
From: Louis Lam <louislam@users.noreply.github.com>
Date: Mon, 25 Dec 2023 18:09:05 +0800
Subject: [PATCH] WIP

---
 frontend/src/pages/DashboardHome.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/DashboardHome.vue b/frontend/src/pages/DashboardHome.vue
index 361c7b8..a6db753 100644
--- a/frontend/src/pages/DashboardHome.vue
+++ b/frontend/src/pages/DashboardHome.vue
@@ -40,7 +40,7 @@
                     <div class="shadow-box big-padding">
                         <h4 class="mb-3">{{ $tc("dockgeAgent", 2) }} <span class="badge bg-warning" style="font-size: 12px;">beta</span></h4>
 
-                        <div v-for="(agent, endpoint) in $root.agentList" :key="endpoint" class="mb-3">
+                        <div v-for="(agent, endpoint) in $root.agentList" :key="endpoint" class="mb-3 agent">
                             <!-- Agent Status -->
                             <template v-if="$root.agentStatusList[endpoint]">
                                 <span v-if="$root.agentStatusList[endpoint] === 'online'" class="badge bg-primary me-2">{{ $t("agentOnline") }}</span>
@@ -50,7 +50,7 @@
 
                             <!-- Agent Display Name -->
                             <span v-if="endpoint === ''">{{ $t("currentEndpoint") }}</span>
-                            <span v-else>{{ endpoint }}</span>
+                            <a v-else :href="agent.url" target="_blank">{{ endpoint }}</a>
 
                             <!-- Remove Button -->
                             <font-awesome-icon v-if="endpoint !== ''" class="ms-2 remove-agent" icon="trash" @click="showRemoveAgentDialog[agent.url] = !showRemoveAgentDialog[agent.url]" />
@@ -341,4 +341,10 @@ table {
     color: rgba(255, 255, 255, 0.3);
 }
 
+.agent {
+    a {
+        text-decoration: none;
+    }
+}
+
 </style>