fix(interface): dashboard metrics improvment and interface fixes

OpenSILEX/opensilex-dev!1233
OpenSILEX · Jun 24, 2024 · 46dd15e · 46dd15e
1 parent 3354a91
commit 46dd15e
Show file tree

Hide file tree

Showing 5 changed files with 196 additions and 184 deletions.
diff --git a/opensilex-front/front/opensilex.front.yml b/opensilex-front/front/opensilex.front.yml
@@ -87,9 +87,6 @@ menu:
           component: opensilex-VariablesView
           credentials:
             - variable-access
-          icon: fa#vials
-          title: VariableView.title
-          description: VariableView.description
       - id: germplasm
         label: component.menu.experimentalDesign.germplasm
         icon: ik-cloud-rain

diff --git a/opensilex-front/front/src/components/common/forms/CustomTreeselect.vue b/opensilex-front/front/src/components/common/forms/CustomTreeselect.vue
@@ -240,8 +240,10 @@ conversionMethod: (dto: NamedResourceDTO) => SelectableItem;
     if(this.countCache.has(searchQuery)){
       this.resultCount = this.countCache.get(searchQuery).result;
       this.totalCount = this.countCache.get(searchQuery).total;
-      this.$emit('counts', { totalCount: this.totalCount, resultCount: this.resultCount });
-    }
+    } 
+    
+    this.$emit('totalCount', this.totalCount);
+    this.$emit('resultCount', this.resultCount);
     this.lastSearchQuery = searchQuery;
   }
   //#endregion

diff --git a/opensilex-front/front/src/components/common/forms/FormSelector.vue b/opensilex-front/front/src/components/common/forms/FormSelector.vue
@@ -227,12 +227,18 @@ export default class FormSelector extends Vue {
     this.$emit("deselect", value)
   }
 
+  /**
+  *  Use Vue.set to ensure reactivity (target, key, value ) 
+  *  target is the object of array to update
+  *  key is the key or the index to modify
+  *  value is the new value to give to this key or index
+  */
   updateTotalCount(totalCountUpdate){
-    this.totalCount = totalCountUpdate;
+    this.$set(this, 'totalCount', totalCountUpdate);
   }
 
   updateResultCount(resultCountUpdate){
-    this.resultCount = resultCountUpdate;
+    this.$set(this, 'resultCount', resultCountUpdate);
   }
   //#endregion
 }