diff options
| author | zsloan | 2022-02-23 22:15:16 +0000 |
|---|---|---|
| committer | zsloan | 2022-02-23 16:20:52 -0600 |
| commit | 82018ffcb426812c3d986e262e0a1523fbe973aa (patch) | |
| tree | 2a44d77b155fdf1750bbc580efe11fc0aca2b17c | |
| parent | 42cb64c8d89766cd28276c03b37674a227d39aad (diff) | |
| download | genenetwork2-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
| -rw-r--r-- | wqflask/wqflask/templates/collections/view.html | 42 |
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> @@ -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> |