From d141541a0b2629d867ea2326c37ab9b89a0703ce Mon Sep 17 00:00:00 2001
From: Nesta Bentum <nesta.bentum@gmail.com>
Date: Tue, 23 Aug 2022 15:21:43 +0200
Subject: [PATCH] Enable Opening of Cluster Dialogue

---
 .../src/components/ComparisonsTable.vue       | 49 +++++++++++++++----
 1 file changed, 40 insertions(+), 9 deletions(-)

diff --git a/report-viewer/src/components/ComparisonsTable.vue b/report-viewer/src/components/ComparisonsTable.vue
index 6bc7fd777..83a1b8216 100644
--- a/report-viewer/src/components/ComparisonsTable.vue
+++ b/report-viewer/src/components/ComparisonsTable.vue
@@ -18,15 +18,24 @@
         comparison.matchPercentage
       "
       class="selectable"
-      @click="
-        navigateToComparisonView(
-          comparison.firstSubmissionId,
-          comparison.secondSubmissionId
-        )
-      "
     >
-      <td>{{ index + 1 }}.</td>
       <td
+        @click="
+          navigateToComparisonView(
+            comparison.firstSubmissionId,
+            comparison.secondSubmissionId
+          )
+        "
+      >
+        {{ index + 1 }}.
+      </td>
+      <td
+        @click="
+          navigateToComparisonView(
+            comparison.firstSubmissionId,
+            comparison.secondSubmissionId
+          )
+        "
         :class="{
           'anonymous-style': isAnonymous(comparison.firstSubmissionId),
         }"
@@ -37,10 +46,23 @@
             : displayName(comparison.firstSubmissionId)
         }}
       </td>
-      <td>
+      <td
+        @click="
+          navigateToComparisonView(
+            comparison.firstSubmissionId,
+            comparison.secondSubmissionId
+          )
+        "
+      >
         <img alt=">>" src="@/assets/double_arrow_black_18dp.svg" />
       </td>
       <td
+        @click="
+          navigateToComparisonView(
+            comparison.firstSubmissionId,
+            comparison.secondSubmissionId
+          )
+        "
         :class="{
           'anonymous-style': isAnonymous(comparison.secondSubmissionId),
         }"
@@ -51,7 +73,16 @@
             : displayName(comparison.secondSubmissionId)
         }}
       </td>
-      <td>{{ formattedMatchPercentage(comparison.matchPercentage) }}</td>
+      <td
+        @click="
+          navigateToComparisonView(
+            comparison.firstSubmissionId,
+            comparison.secondSubmissionId
+          )
+        "
+      >
+        {{ formattedMatchPercentage(comparison.matchPercentage) }}
+      </td>
       <td>
         <img
           v-if="