Index search (#795)

* truncating names of phenotypes to 30 chars * better when it's 400px * hiding tooltip for now * New phenotypes for the index page
broadinstitute · Nov 21, 2024 · 6ecc2aa · 6ecc2aa
1 parent 91f6aea
commit 6ecc2aa
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/src/views/PIGEAN/Index/main.js b/src/views/PIGEAN/Index/main.js
@@ -369,12 +369,14 @@ new Vue({
         },
     },
 
-    created() {
+    async created() {
         this.$store.dispatch("bioPortal/getDiseaseSystems");
         this.$store.dispatch("bioPortal/getDiseaseGroups");
         this.$store.dispatch("bioPortal/getPhenotypes");
         this.$store.dispatch("bioPortal/getDatasets");
         this.getStats();
+        await this.$store.dispatch("getPigeanPhenotypes");
+        this.formatAllPhenotypes();
     },
 
     methods: {
@@ -392,16 +394,29 @@ new Vue({
                 let data = dataConvert.csv2Json(
                     contJson[0]["field_data_points"]
                 );
-                console.log(data);
                 this.stats = data;
-                console.log(this.stats);
             }
         },
         capitalize(str) {
             return str.replace(/\b\w/g, function (char) {
                 return char.toUpperCase();
             });
         },
+        toOldStyle(newStylePhenotype){
+            let oldStyle = structuredClone(newStylePhenotype);
+            oldStyle.description = newStylePhenotype.phenotype_name;
+            oldStyle.name = newStylePhenotype.phenotype;
+            oldStyle.group = newStylePhenotype.display_group;
+            return oldStyle;
+        },
+        formatAllPhenotypes(){
+            let newPhenotypes = this.$store.state.pigeanAllPhenotypes.data;
+            let output = [];
+            for (let i = 0; i < newPhenotypes.length; i++){
+                output.push(this.toOldStyle(newPhenotypes[i]));
+            }
+            this.$store.dispatch("phenotypesInSession", output);
+        }
     },
 
     render(createElement, context) {

diff --git a/src/views/PIGEAN/Index/store.js b/src/views/PIGEAN/Index/store.js
@@ -2,6 +2,7 @@ import Vue from "vue";
 import Vuex from "vuex";
 
 import bioPortal from "@/modules/bioPortal";
+import bioIndex from "@/modules/bioIndex";
 import kp4cd from "@/modules/kp4cd";
 import regionUtils from "@/utils/regionUtils";
 import variantUtils from "@/utils/variantUtils";
@@ -15,6 +16,7 @@ export default new Vuex.Store({
     modules: {
         bioPortal,
         kp4cd,
+        pigeanAllPhenotypes: bioIndex("pigean-phenotypes"),
     },
     state: {
         geneOrRegionOrVariant: null,
@@ -90,6 +92,9 @@ export default new Vuex.Store({
         async onDatasetChange(context, dataset) {
             window.location.href = "./dinspector.html?dataset=" + dataset.name;
         },
+        async getPigeanPhenotypes(context) {
+            await context.dispatch("pigeanAllPhenotypes/query", {q:1});
+        },
 
     },