#739 - Added text to single and multigene curators

IGS · Aug 13, 2024 · e267cd4 · e267cd4
1 parent bc06d93
commit e267cd4
Show file tree

Hide file tree

Showing 5 changed files with 22 additions and 1 deletion.
diff --git a/www/dataset_curator.html b/www/dataset_curator.html
@@ -289,6 +289,7 @@ <h5 class="title is-5">
               <p>Dataset: <span id="current-dataset-post" class="has-text-weight-semibold"></span></p>
               <p>Analysis: <span id="current-analysis-post" class="has-text-weight-semibold">Primary analysis</span></p>
               <p>Number of selected observations: <span id="num-selected" class="has-text-weight-semibold"></span></p>
+              <p>Gene: <span id="current-gene-post" class="has-text-weight-semibold"></span></p>
             </div>
             <div id="post-plot-customize">
               <div id="facet-content" class="content is-hidden">

diff --git a/www/js/curator_common.js b/www/js/curator_common.js
@@ -659,10 +659,16 @@ const cloneDisplay = async (event, display) => {
         selected_genes = manuallyEnteredGenes;
         const geneSymbolString = config.gene_symbols.join(" ");
         document.getElementById('genes-manually-entered').value = geneSymbolString;
+        // Mostly need this to populate the current gene(s) in the display contaainer
+        chooseGenes();
     } else {
         selectedGene = config.gene_symbol;
+        // Mostly need this to populate the current gene(s) in the display contaainer
+        chooseGene();
     }
 
+
+
     try {
         plotStyle.cloneDisplay(config);
     } catch (error) {

diff --git a/www/js/dataset_curator.js b/www/js/dataset_curator.js
@@ -690,6 +690,8 @@ const chooseGene = () => {
         document.getElementById("gene-s-failed").classList.remove("is-hidden");
         document.getElementById("gene-s-success").classList.add("is-hidden");
         document.getElementById("current-gene").textContent = "";
+        document.getElementById("current-gene-post").textContent = "";
+
         for (const plotBtn of document.getElementsByClassName("js-plot-btn")) {
             plotBtn.disabled = true;
         }
@@ -701,6 +703,7 @@ const chooseGene = () => {
     // Display current selected gene
     document.getElementById("current-gene-c").classList.remove("is-hidden");
     document.getElementById("current-gene").textContent = selectedGene;
+    document.getElementById("current-gene-post").textContent = selectedGene;
     // Force validationcheck to see if plot button should be enabled
     trigger(document.querySelector(".js-plot-req"), "change");
     document.getElementById("plot-options-s").click();
@@ -875,6 +878,7 @@ const curatorSpecifcCreatePlot = async (plotType) => {
  */
 const curatorSpecifcDatasetTreeCallback = () => {
     document.getElementById("current-gene").textContent = "";
+    document.getElementById("current-gene-post").textContent = "";
 }
 
 /**

diff --git a/www/js/multigene_curator.js b/www/js/multigene_curator.js
@@ -697,6 +697,10 @@ const chooseGenes = (event) => {
     const geneTagsElt = document.getElementById("gene-tags");
     geneTagsElt.replaceChildren();
 
+    document.getElementById("num-selected-genes-c").classList.remove("is-hidden");
+    document.getElementById("num-selected-genes").textContent = selected_genes.size;
+    document.getElementById("num-selected-genes-post").textContent = selected_genes.size;
+
 	if (selected_genes.size == 0) return;  // Do not trigger after initial population
 
     // Update list of gene tags
@@ -755,7 +759,8 @@ const curatorSpecifcCreatePlot = async (plotType) => {
 }
 
 const curatorSpecifcDatasetTreeCallback = async () => {
-    //pass
+    document.getElementById("num-selected-genes").textContent = 0;
+    document.getElementById("num-selected-genes-post").textContent = 0;
 }
 
 /**

diff --git a/www/multigene_curator.html b/www/multigene_curator.html
@@ -240,6 +240,10 @@ <h5 class="title is-5">
               <i class="mdi mdi-chevron-down"></i>
             </span>
           </h5>
+          <div id="num-selected-genes-c" class="is-hidden">
+            Number of selected genes:
+            <span id="num-selected-genes"></span>
+          </div>
           <div class="js-step-collapsable mt-3" id="gene-collapsable">
             <p>Genes entered manually or chosen from an existing gene list will be added to your group of selected genes to plot. Note that only genes or orthologs found in the dataset will appear in the plot.</p>
 
@@ -304,6 +308,7 @@ <h5 class="title is-5">
               <p>Dataset: <span id="current-dataset-post" class="has-text-weight-semibold"></span></p>
               <p>Analysis: <span id="current-analysis-post" class="has-text-weight-semibold">Primary analysis</span></p>
               <p>Number of selected observations: <span id="num-selected" class="has-text-weight-semibold"></span></p>
+              <p>Number of selected genes: <span id="num-selected-genes-post" class="has-text-weight-semibold"></span></p>
             </div>
             <div id="post-plot-customize">
               <div id="facet-content" class="content is-hidden">