From e02d87745bc8472ed7c6606bc482c8a51938845b Mon Sep 17 00:00:00 2001
From: zurdi <zurdizurdo25@gmail.com>
Date: Fri, 18 Aug 2023 10:20:20 +0200
Subject: [PATCH] added link to details page on gallery list view

---
 frontend/src/components/Game/DataTable/Base.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/Game/DataTable/Base.vue b/frontend/src/components/Game/DataTable/Base.vue
index 950e51529..6a6495fc7 100644
--- a/frontend/src/components/Game/DataTable/Base.vue
+++ b/frontend/src/components/Game/DataTable/Base.vue
@@ -1,5 +1,6 @@
 <script setup>
 import { ref } from "vue";
+import { useRouter } from "vue-router";
 import { downloadRomApi } from "@/services/api.js";
 import useDownloadStore from "@/stores/download.js";
 import { VDataTable } from "vuetify/labs/VDataTable";
@@ -8,6 +9,7 @@ import AdminMenu from "@/components/AdminMenu/Base.vue";
 // Props
 const props = defineProps(["filteredRoms"]);
 const location = window.location.origin;
+const router = useRouter();
 const downloadStore = useDownloadStore();
 const saveFiles = ref(false);
 const romsPerPage = ref(-1);
@@ -53,6 +55,12 @@ const romsHeaders = [
   },
   { align: "end", key: "actions", sortable: false },
 ];
+
+function rowClick(_, row) {
+  router.push(
+    `/platform/${row.item.selectable.p_slug}/${row.item.selectable.id}`
+  );
+}
 </script>
 
 <template>
@@ -63,6 +71,7 @@ const romsHeaders = [
     :headers="romsHeaders"
     item-value="id"
     :items="filteredRoms"
+    @click:row="rowClick"
   >
     <template v-slot:item.path_cover_s="{ item }">
       <v-avatar :rounded="0">
@@ -90,7 +99,7 @@ const romsHeaders = [
         <v-btn
           class="my-1"
           rounded="0"
-          @click="downloadRomApi(item.selectable)"
+          @click.stop="downloadRomApi(item.selectable)"
           :disabled="downloadStore.value.includes(item.selectable.id)"
           download
           size="small"
@@ -102,6 +111,7 @@ const romsHeaders = [
         <v-btn
           class="my-1"
           rounded="0"
+          @click.stop=""
           :href="`${location}${item.selectable.download_path}`"
           download
           size="small"