Add UUID to all guideline items for creating a unique key for each.

Sorting guideline statistics table throws an error if multiple
equivalent entries are in the column selected as the key.

By introducing a uuid in the table, a unique identifier is present by
which the table can be indexed and sorting can happen without the issue.

Author: gulyasgergely902

web/server/vue-cli/package-lock.json

@@ -27,9 +27,9 @@
   },
   "dependencies": {
     "@mdi/font": "^6.5.95",
-    "codechecker-api": "file:../../api/js/codechecker-api-node/dist/codechecker-api-6.66.0.tgz",
     "chart.js": "^2.9.4",
     "chartjs-plugin-datalabels": "^0.7.0",
+    "codechecker-api": "file:../../api/js/codechecker-api-node/dist/codechecker-api-6.66.0.tgz",
     "codemirror": "^5.65.0",
     "date-fns": "^2.28.0",
     "js-cookie": "^3.0.1",
@@ -38,10 +38,11 @@
     "marked": "^4.0.10",
     "semver": "^5.7.1",
     "splitpanes": "^2.3.8",
+    "uuid": "^13.0.0",
     "vue": "^2.6.14",
     "vue-chartjs": "^3.5.1",
     "vue-router": "^3.5.3",
-    "vuetify": "^2.6.10",
+    "vuetify": "^2.7.2",
     "vuex": "^3.6.2"
   },
   "devDependencies": {

web/server/vue-cli/package.json

@@ -1,13 +1,13 @@
 <template>
   <base-statistics-table
     :headers="tableHeaders"
-    :items="items"
+    :items="itemsWithUuid"
     :loading="loading"
     :mobile-breakpoint="1000"
     :item-class="getRowClass"
     loading-text="Loading guideline statistics..."
     no-data-text="No guideline statistics available"
-    item-key="guidelineRule"
+    item-key="uuid"
     sort-by="checkers.severity"
     sort-desc
     @enabled-click="enabledClick"
@@ -16,6 +16,7 @@
 
 <script>
 import { BaseStatisticsTable } from "@/components/Statistics";
+import { v4 as uuidv4 } from "uuid";
 
 export default {
   name: "GuidelineStatisticsTable",
@@ -84,6 +85,13 @@ export default {
 
         return true;
       });
+    },
+
+    itemsWithUuid() {
+      return this.items.map(item => ({
+        ...item,
+        uuid: item.uuid || uuidv4()
+      }));
     }
   },