aboutsummaryrefslogtreecommitdiff
path: root/wqflask
diff options
context:
space:
mode:
authorzsloan2022-02-23 22:15:16 +0000
committerzsloan2022-02-23 16:20:52 -0600
commit82018ffcb426812c3d986e262e0a1523fbe973aa (patch)
tree2a44d77b155fdf1750bbc580efe11fc0aca2b17c /wqflask
parent42cb64c8d89766cd28276c03b37674a227d39aad (diff)
downloadgenenetwork2-82018ffcb426812c3d986e262e0a1523fbe973aa.tar.gz
Improve Heatmap options' appearance
Moved the Heatmap display area above the table selection options (since it didn't make sense to have it below those) Added a button for clearing the Heatmap area and hiding the Heatmap options Added some margins to the Heatmap options
Diffstat (limited to 'wqflask')
-rw-r--r--wqflask/wqflask/templates/collections/view.html42
1 files changed, 28 insertions, 14 deletions
diff --git a/wqflask/wqflask/templates/collections/view.html b/wqflask/wqflask/templates/collections/view.html
index 804c52e9..f896471a 100644
--- a/wqflask/wqflask/templates/collections/view.html
+++ b/wqflask/wqflask/templates/collections/view.html
@@ -43,18 +43,27 @@
</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 style="margin-bottom: 10px;">
+ <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>
+ <div style="margin-bottom: 10px;">
+ <button id="clear-heatmap"
+ class="btn btn-danger"
+ title="Clear Heatmap">
+ Clear Heatmap
+ </button>
+ </div>
</div>
</form>
&nbsp;
@@ -77,6 +86,7 @@
</div>
<div>
+ <div id="clustered-heatmap-image-area"></div>
<br />
<div class="collection-table-options">
<form id="export_form" method="POST" action="/export_traits_csv">
@@ -94,8 +104,6 @@
<button id="delete" class="btn btn-danger submit_special" data-url="/collections/delete" type="button" title="Delete this collection" > Delete Collection</button>
</form>
</div>
- <div id="clustered-heatmap-image-area">
- </div>
<div style="margin-top: 10px; margin-bottom: 5px;">
<b>Show/Hide Columns:</b>
</div>
@@ -369,6 +377,12 @@
}
});
});
+
+ $("#clear-heatmap").on("click", function() {
+ clear_heatmap_area();
+ $("#heatmap-options").hide();
+ });
+
});
</script>