query small or large geneset size

broadinstitute · Nov 20, 2024 · 0565e1d · 0565e1d
1 parent d9ecad3
commit 0565e1d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 5 deletions.
diff --git a/src/views/PIGEAN/NetworkGraph/Template.vue b/src/views/PIGEAN/NetworkGraph/Template.vue
@@ -60,6 +60,10 @@
                         </template>
                     </ul>
                 </div>
+                <div class="col filter-col-md">
+                    <div class="label">Number of gene sets included</div>
+                    <geneset-size-selectpicker></geneset-size-selectpicker>
+                </div>
                 <div class="region-search col filter-col-md hidden">
                     <div class="label">Search</div>
                     <button
@@ -82,7 +86,7 @@
                     <template v-if="$store.state.phenotype && $parent.genesetSize">
                         <network-graph
                             :phenotype="$store.state.phenotype.name"
-                            :geneset-size="$parent.genesetSize"
+                            :geneset-size="$store.state.genesetSize"
                         ></network-graph>
                     </template>
                 </div>

diff --git a/src/views/PIGEAN/NetworkGraph/main.js b/src/views/PIGEAN/NetworkGraph/main.js
@@ -4,13 +4,15 @@ import store from "./store";
 
 import NetworkGraph from "@/components/NetworkGraph.vue";
 import SearchHeaderWrapper from "@/components/SearchHeaderWrapper.vue";
+import GenesetSizeSelectPicker from "@/components/GenesetSizeSelectPicker.vue";
 import keyParams from "@/utils/keyParams";
 import { pageMixin } from "@/mixins/pageMixin.js";
 new Vue({
     store,
     components: {
         NetworkGraph,
         SearchHeaderWrapper,
+        GenesetSizeSelectPicker,
     },
     mixins: [pageMixin],
     data() {
@@ -58,7 +60,9 @@ new Vue({
             return oldStyle;
         },
         searchPhenotype(){
-            this.$store.dispatch("onPhenotypeChange", this.selectedPhenotype);
+            let phenotypeToSearch = this.selectedPhenotype 
+                || this.pigeanPhenotypeMap[keyParams.phenotype];
+            this.$store.dispatch("sendSearch", phenotypeToSearch);
         },
         mapPhenotypes(){
             let phenotypeMap = {};
@@ -76,7 +80,7 @@ new Vue({
         await this.$store.dispatch("getPigeanPhenotypes");
         this.pigeanPhenotypeMap = this.mapPhenotypes();
         let initialPhenotype = this.pigeanPhenotypeMap[keyParams.phenotype];
-        this.$store.dispatch("onPhenotypeChange", initialPhenotype)
+        this.$store.dispatch("sendSearch", initialPhenotype)
     },
     render(createElement) {
         return createElement(Template);

diff --git a/src/views/PIGEAN/NetworkGraph/store.js b/src/views/PIGEAN/NetworkGraph/store.js
@@ -17,7 +17,8 @@ export default new Vuex.Store({
     },
     state: {
         phenotype: null,
-        genesetSize: "small",
+        genesetSize: keyParams.genesetSize || DEFAULT_GENESET_SIZE,
+        genesetSizeToQuery: keyParams.genesetSize || DEFAULT_GENESET_SIZE,
         selectedPhenotype: null,
     },
     mutations: {
@@ -26,9 +27,11 @@ export default new Vuex.Store({
         },
     },
     actions: {
-        onPhenotypeChange(context, phenotype) {
+        sendSearch(context, phenotype) {
             context.state.phenotype = phenotype;
             keyParams.set({ phenotype: phenotype.name });
+            context.state.genesetSize = context.state.genesetSizeToQuery;
+            keyParams.set({ genesetSize: context.state.genesetSize });
         },
         async getPigeanPhenotypes(context) {
             await context.dispatch("pigeanAllPhenotypes/query", { q: 1 });