From 661fa87134cb84a3674ca68263a1eae5c5e9e9b5 Mon Sep 17 00:00:00 2001
From: Peace <Debitor.TooLP@gmx.de>
Date: Sat, 28 Jan 2023 14:53:40 +0100
Subject: [PATCH] feat: make parent link clickable

---
 src/pages/Details.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/Details.vue b/src/pages/Details.vue
index f2cd1a023..22e795bb1 100644
--- a/src/pages/Details.vue
+++ b/src/pages/Details.vue
@@ -1,7 +1,7 @@
 <template>
     <transition name="slide-fade" appear>
         <div v-if="monitor">
-            <span> {{ group }}</span>
+            <router-link v-if="group !== ''" :to="monitorURL(monitor.parent)"> {{ group }}</router-link>
             <h1> {{ monitor.name }}</h1>
             <div class="tags">
                 <Tag v-for="tag in monitor.tags" :key="tag.id" :item="tag" :size="'sm'" />
@@ -190,6 +190,7 @@ import Pagination from "v-pagination-3";
 const PingChart = defineAsyncComponent(() => import("../components/PingChart.vue"));
 import Tag from "../components/Tag.vue";
 import CertificateInfo from "../components/CertificateInfo.vue";
+import { getMonitorRelativeURL } from "../util.ts";
 
 export default {
     components: {
@@ -386,6 +387,15 @@ export default {
 
             return this.$t(translationPrefix + "Ping");
         },
+
+        /**
+         * Get URL of monitor
+         * @param {number} id ID of monitor
+         * @returns {string} Relative URL of monitor
+         */
+        monitorURL(id) {
+            return getMonitorRelativeURL(id);
+        },
     },
 };
 </script>