aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorzsloan2015-06-17 21:07:34 +0000
committerzsloan2015-06-17 21:07:34 +0000
commit133d5a051d4e36120b1578e0e490ae3dc40f3954 (patch)
tree43cf973aaaa1633dac7bcbf89a15cc860a21e2a9
parentf792574e8e07e684ec7501d7be7f4d2736a3b1cc (diff)
downloadgenenetwork2-133d5a051d4e36120b1578e0e490ae3dc40f3954.tar.gz
Now you can expand/contract tabs on the trait page by click anywhere on the bar
-rwxr-xr-xwqflask/wqflask/static/packages/bootstrap/css/bootstrap.css1
-rwxr-xr-xwqflask/wqflask/templates/show_trait.html26
2 files changed, 10 insertions, 17 deletions
diff --git a/wqflask/wqflask/static/packages/bootstrap/css/bootstrap.css b/wqflask/wqflask/static/packages/bootstrap/css/bootstrap.css
index 8326e83f..2b947cd6 100755
--- a/wqflask/wqflask/static/packages/bootstrap/css/bootstrap.css
+++ b/wqflask/wqflask/static/packages/bootstrap/css/bootstrap.css
@@ -5133,6 +5133,7 @@ a.list-group-item-danger.active:focus {
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
+ cursor: pointer;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
diff --git a/wqflask/wqflask/templates/show_trait.html b/wqflask/wqflask/templates/show_trait.html
index c0a404d9..1f53e089 100755
--- a/wqflask/wqflask/templates/show_trait.html
+++ b/wqflask/wqflask/templates/show_trait.html
@@ -45,11 +45,9 @@
{% include 'show_trait_details.html' %}
<div class="panel-group" id="accordion">
<div class="panel panel-default">
- <div class="panel-heading">
+ <div class="panel-heading" data-toggle="collapse" data-parent="#accordion" data-target="#collapseOne">
<h3 class="panel-title">
- <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
- <span class="glyphicon glyphicon-chevron-down"></span> Statistics
- </a>
+ <span class="glyphicon glyphicon-chevron-down"></span> Statistics
</h3>
</div>
<div id="collapseOne" class="panel-collapse collapse in">
@@ -59,11 +57,9 @@
</div>
</div>
<div class="panel panel-default">
- <div class="panel-heading">
+ <div class="panel-heading" data-toggle="collapse" data-parent="#accordion" data-target="#collapseTwo">
<h3 class="panel-title">
- <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
- <span class="glyphicon glyphicon-chevron-down"></span> Calculate Correlations
- </a>
+ <span class="glyphicon glyphicon-chevron-down"></span> Calculate Correlations
</h3>
</div>
<div id="collapseTwo" class="panel-collapse collapse in">
@@ -73,11 +69,9 @@
</div>
</div>
<div class="panel panel-default">
- <div class="panel-heading">
+ <div class="panel-heading" data-toggle="collapse" data-parent="#accordion" data-target="#collapseThree">
<h3 class="panel-title">
- <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
- <span class="glyphicon glyphicon-chevron-down"></span> Mapping Tools
- </a>
+ <span class="glyphicon glyphicon-chevron-down"></span> Mapping Tools
</h3>
</div>
<div id="collapseThree" class="panel-collapse collapse in">
@@ -87,11 +81,9 @@
</div>
</div>
<div class="panel panel-default">
- <div class="panel-heading">
+ <div class="panel-heading" data-toggle="collapse" data-parent="#accordion" data-target="#collapseFour" aria-expanded="true">
<h3 class="panel-title">
- <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="true">
- <span class="glyphicon glyphicon-chevron-up"></span> Review and Edit Data
- </a>
+ <span class="glyphicon glyphicon-chevron-up"></span> Review and Edit Data
</h3>
</div>
<div id="collapseFour" class="panel-collapse collapse" aria-expanded="true">
@@ -185,7 +177,7 @@
$(document).ready( function () {
- $('.panel-heading').find('a').click(function () {
+ $('.panel-heading').click(function () {
if ($(this).hasClass('collapsed')){
$(this).find('.glyphicon-chevron-down').removeClass('glyphicon-chevron-down').addClass('glyphicon-chevron-up');
}