From 5a84e6e78db9d2d6ba1aaf7a3d900fa6d1a038a6 Mon Sep 17 00:00:00 2001
From: Alexander Vogt <alexander_vogt@outlook.de>
Date: Sat, 8 Jul 2023 09:56:10 +0200
Subject: [PATCH] fix dynamic scroller

---
 report-viewer/src/components/ComparisonsTable.vue    | 2 +-
 report-viewer/src/model/ComparisonListElement.ts     | 4 ++--
 report-viewer/src/model/factories/OverviewFactory.ts | 2 +-
 report-viewer/src/views/ClusterView.vue              | 2 +-
 report-viewer/src/views/OverviewView.vue             | 2 +-
 5 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/report-viewer/src/components/ComparisonsTable.vue b/report-viewer/src/components/ComparisonsTable.vue
index f481e5fe4..400b67943 100644
--- a/report-viewer/src/components/ComparisonsTable.vue
+++ b/report-viewer/src/components/ComparisonsTable.vue
@@ -38,7 +38,7 @@
             <div
               class="tableRow"
               :class="{
-                'bg-container-secondary-light dark:bg-container-secondary-dark': item.index % 2 == 1
+                'bg-container-secondary-light dark:bg-container-secondary-dark': item.id % 2 == 1
               }"
             >
               <RouterLink
diff --git a/report-viewer/src/model/ComparisonListElement.ts b/report-viewer/src/model/ComparisonListElement.ts
index f86a23101..815e6c9c1 100644
--- a/report-viewer/src/model/ComparisonListElement.ts
+++ b/report-viewer/src/model/ComparisonListElement.ts
@@ -3,14 +3,14 @@
  * For full comparison model see Comparison.ts
  * @see Comparison
  * @property sortingPlace - Where the comparison is placed in the list sorted by the current metric
- * @property index - Index of the comparison in the sorted and filtered list
+ * @property id - Index of the comparison in the sorted and filtered list
  * @property firstSubmissionId - Id of the first submission
  * @property secondSubmissionId - Id of the second submission
  * @property similarity - Similarity of the two submissions
  */
 export type ComparisonListElement = {
   sortingPlace: number
-  index: number
+  id: number
   firstSubmissionId: string
   secondSubmissionId: string
   averageSimilarity: number
diff --git a/report-viewer/src/model/factories/OverviewFactory.ts b/report-viewer/src/model/factories/OverviewFactory.ts
index 542be1fb4..849aa4957 100644
--- a/report-viewer/src/model/factories/OverviewFactory.ts
+++ b/report-viewer/src/model/factories/OverviewFactory.ts
@@ -61,7 +61,7 @@ export class OverviewFactory {
       )
       comparisons.push({
         sortingPlace: counter++,
-        index: counter,
+        id: counter,
         firstSubmissionId: comparison.first_submission as string,
         secondSubmissionId: comparison.second_submission as string,
         averageSimilarity: avg as number,
diff --git a/report-viewer/src/views/ClusterView.vue b/report-viewer/src/views/ClusterView.vue
index 5383943e4..b0faca718 100644
--- a/report-viewer/src/views/ClusterView.vue
+++ b/report-viewer/src/views/ClusterView.vue
@@ -65,7 +65,7 @@ comparisons
   .sort((a, b) => b.averageSimilarity - a.averageSimilarity)
   .forEach((c) => {
     c.sortingPlace = counter++
-    c.index = counter
+    c.id = counter
   })
 
 for (const member of cluster.members) {
diff --git a/report-viewer/src/views/OverviewView.vue b/report-viewer/src/views/OverviewView.vue
index d7af467f9..5b0334fc8 100644
--- a/report-viewer/src/views/OverviewView.vue
+++ b/report-viewer/src/views/OverviewView.vue
@@ -134,7 +134,7 @@ const displayedComparisons = computed(() => {
   const comparisons = getFilteredComparisons(getSortedComparisons(overview.topComparisons))
   let index = 1
   comparisons.forEach((c) => {
-    c.index = index++
+    c.id = index++
   })
   return comparisons
 })