From 0c2145ee5ed05c296ee129a71282713f14991c43 Mon Sep 17 00:00:00 2001
From: khansadaoudi <hk_daoudi@esi.dz>
Date: Thu, 12 Sep 2024 10:26:24 +0200
Subject: [PATCH] use tags from get samples

---
 src/api/backend-types.ts                     |  1 +
 src/components/project/StatisticsProject.vue | 32 +++++++-------------
 src/pages/Project.vue                        |  2 +-
 3 files changed, 13 insertions(+), 22 deletions(-)

diff --git a/src/api/backend-types.ts b/src/api/backend-types.ts
index cd7d5539..c4d0b9da 100644
--- a/src/api/backend-types.ts
+++ b/src/api/backend-types.ts
@@ -87,6 +87,7 @@ export interface sample_t {
   tokens: number;
   blindAnnotationLevel: number;
   treeByUser: { [key: string]: number };
+  tags: { [key: string]: number };
 }
 
 //// GREW
diff --git a/src/components/project/StatisticsProject.vue b/src/components/project/StatisticsProject.vue
index 1ea00e16..6b25be37 100644
--- a/src/components/project/StatisticsProject.vue
+++ b/src/components/project/StatisticsProject.vue
@@ -108,14 +108,14 @@
     </q-card>
   </div>
   <div class="row justify-between q-gutter-md">
-    <q-card v-if="projectUsedTags.length" flat bordered class="col">
+    <q-card v-if="projectTags.length" flat bordered class="col">
       <q-card-section class="q-gutter-md">
         <div class="text-h6">
           {{ $t('projectStats.usedTags') }}
         </div>
         <q-separator />
         <div class="row q-gutter-x-md">
-          <q-chip  v-for="tag in projectUsedTags" outline color="primary" size="sm" :label="tag"/>
+          <q-chip  v-for="tag in projectTags" outline color="primary" size="sm" :label="tag"/>
         </div>
       </q-card-section>
     </q-card>
@@ -123,7 +123,7 @@
   <q-separator />
 </template>
 <script lang="ts">
-import { statProject_t } from 'src/api/backend-types';
+import { statProject_t, sample_t } from 'src/api/backend-types';
 import { notifyError } from 'src/utils/notify';
 import { timeAgo } from 'src/utils/timeAgoUtils';
 import { defineComponent, PropType } from 'vue';
@@ -143,10 +143,8 @@ export default defineComponent({
     };
     const topUserProgress: number = 0;
     const topUserProgressLabel: string = '';
-    const projectUsedTags: string[] = [];
     return {
       projectStat,
-      projectUsedTags,
       topUserProgress,
       topUserProgressLabel,
     }
@@ -156,14 +154,18 @@ export default defineComponent({
       type: String as PropType<string>,
       required: true,
     },
-    sampleNames: {
-      type: Array as PropType<string[]>,
+    samples: {
+      type: Array as PropType<sample_t[]>,
       required: true,
     }
   },
   mounted() {
     this.getStatistics();
-    this.getProjectTags();
+  },
+  computed: {
+    projectTags() {
+      return this.samples.map((sample) => Object.keys(sample.tags)).reduce((a: string[], b: string[]) => [...a, ...b], []);
+    }
   },
   methods: {
     timeAgo(secsAgo: number) {
@@ -183,19 +185,7 @@ export default defineComponent({
           notifyError({ error: `Error while loading project statistics ${error}` });
         });
     },
-    getProjectTags() {
-      const data = { sampleNames: this.sampleNames}
-      api
-        .getProjectTags(this.projectName, data)
-        .then((response) => {
-          this.projectUsedTags = response.data;
-        })
-        .catch((error) => {
-          notifyError({ error: `Error happened while loading project tags: ${error}` });
-        })
-    }
   }
-
-})
+});
 
 </script>
\ No newline at end of file
diff --git a/src/pages/Project.vue b/src/pages/Project.vue
index 097eb021..0f9460a6 100644
--- a/src/pages/Project.vue
+++ b/src/pages/Project.vue
@@ -36,7 +36,7 @@
           <q-separator />
         </q-card-section>
         <q-card-section class="q-gutter-md">
-          <StatisticsProject v-if="sampleNames.length" :project-name="projectName" :sample-names="sampleNames"></StatisticsProject>
+          <StatisticsProject v-if="sampleNames.length" :project-name="projectName" :samples="samples"></StatisticsProject>
         </q-card-section>
         <q-card-section>
           <div class="row q-gutter-md" style="justify-content: right">