aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorzsloan2022-02-23 22:04:34 +0000
committerzsloan2022-02-23 16:20:52 -0600
commit42cb64c8d89766cd28276c03b37674a227d39aad (patch)
tree37df9fdaf8dfed2761de0645693e2026fe369b26
parent348e506ce811f4f314b7c9e52073bf03aeb70d50 (diff)
downloadgenenetwork2-42cb64c8d89766cd28276c03b37674a227d39aad.tar.gz
Show heatmap options when heatmap is run
Heatmap options are now shown after the user clicks the button I also reordered the Heatmap and Partial Correlation buttons, since it's awkward to get the Heatmap options to display well if its button is second. We'll probably completely rework this later, but for now this looks a little less ugly.
-rw-r--r--wqflask/wqflask/templates/collections/view.html49
1 files changed, 25 insertions, 24 deletions
diff --git a/wqflask/wqflask/templates/collections/view.html b/wqflask/wqflask/templates/collections/view.html
index 447a821a..804c52e9 100644
--- a/wqflask/wqflask/templates/collections/view.html
+++ b/wqflask/wqflask/templates/collections/view.html
@@ -34,6 +34,30 @@
</form>
</div>
<div style="display: flex;">
+ <form id="heatmaps_form">
+ <button id="clustered-heatmap"
+ class="btn btn-primary"
+ data-url="{{heatmap_data_url}}"
+ title="Generate heatmap from this collection" style="margin-top: 10px; margin-bottom: 10px;">
+ Generate Heatmap
+ </button>
+ <br>
+ <div id="heatmap-options" style="display: none;">
+ <b>Heatmap Orientation: </b>
+ <br>
+ Vertical
+ <input id="heatmap-orient-vertical"
+ type="radio"
+ name="vertical"
+ value="true" checked="checked"/>
+ Horizontal
+ <input id="heatmap-orient-horizontal"
+ type="radio"
+ name="vertical"
+ value="false" />
+ </div>
+ </form>
+ &nbsp;
<form id="partial-correlations-form"
method="POST"
action="{{url_for('partial_correlations')}}">
@@ -50,30 +74,6 @@
Partial Correlations
</button>
</form>
- &nbsp;
- <form id="heatmaps_form">
- <div style="display: none;">
- <fieldset>
- <legend>Heatmap Orientation</legend>
- <label for="heatmap-orient-vertical">Vertical</label>
- <input id="heatmap-orient-vertical"
- type="radio"
- name="vertical"
- value="true" />
- <label for="heatmap-orient-horizontal">Horizontal</label>
- <input id="heatmap-orient-horizontal"
- type="radio"
- name="vertical"
- value="false" />
- </fieldset>
- </div>
- <button id="clustered-heatmap"
- class="btn btn-primary"
- data-url="{{heatmap_data_url}}"
- title="Generate heatmap from this collection" style="margin-top: 10px;">
- Generate Heatmap
- </button>
- </form>
</div>
<div>
@@ -342,6 +342,7 @@
$("#clustered-heatmap").on("click", function() {
clear_heatmap_area();
+ $("#heatmap-options").show();
intv = window.setInterval(generate_progress_indicator(), 300);
vert_element = document.getElementById("heatmap-orient-vertical");
vert_true = vert_element == null ? false : vert_element.checked;