Render Sections 2 and 3 hidden until tumor type fetch processes

web4bio · Mar 20, 2024 · fd96cb8 · fd96cb8
1 parent 2c17fc1
commit fd96cb8
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 2 deletions.
diff --git a/main/html/index.html b/main/html/index.html
@@ -93,7 +93,12 @@ <h5 style="text-align: center; color: lightcoral; font-family: Georgia, 'Times N
                             name="cancerTypes[]"
                             multiple="multiple"
                             id="cancerTypeMultipleSelection"
-                            onchange="fillClinicalSelectBox(), displayNumberSamples(), saveInLocalStorage()"
+                            onchange="
+                                fillClinicalSelectBox(),
+                                displayNumberSamples(),
+                                saveInLocalStorage(),
+                                showOrHideGeneAndClinicalSelection()
+                            "
                         >
                             <!-- Filled by fillSelectBoxes.js -->
                         </select>
@@ -319,6 +324,8 @@ <h5 style="text-align: center; color: lightcoral; font-family: Georgia, 'Times N
 
     <script>
         $(document).ready(function () {
+            $(".geneOneMultipleSelection, .clinicalMultipleSelection, .geneTwoMultipleSelection, .pathwayMultipleSelection")
+            .prop("disabled", true).trigger("change.select2");
 
             var cancerType = false;
 
@@ -352,7 +359,6 @@ <h5 style="text-align: center; color: lightcoral; font-family: Georgia, 'Times N
                 placeholder: "Pathway(s)",
             });
             fillPathwaySelectBox();
-
         });
 
         validGeneListFetch = getValidGeneList();
@@ -398,6 +404,13 @@ <h5 style="text-align: center; color: lightcoral; font-family: Georgia, 'Times N
                 fillGeneSelectBoxes(".geneTwoMultipleSelection");
             });
         });
+
+        const showOrHideGeneAndClinicalSelection = () => {
+            cohorts = $(".cancerTypeMultipleSelection").select2("data");
+            $(".geneOneMultipleSelection, .clinicalMultipleSelection, .geneTwoMultipleSelection, .pathwayMultipleSelection")
+            .prop("disabled", true).trigger("change.select2");
+
+        }
     </script>
 
 </html>
diff --git a/main/js/smartCache/main.js b/main/js/smartCache/main.js
@@ -754,6 +754,8 @@ function CacheInterface(nameOfDb) {
           return undefined
         });
       }
+      $(".geneOneMultipleSelection, .clinicalMultipleSelection, .geneTwoMultipleSelection, .pathwayMultipleSelection")
+      .prop("disabled", true).trigger("change.select2");
     }
 
     let [missingInterface, hasInterface] = constructQueriesCLIN(listOfCohorts, this.interface)