@@ -237,30 +237,22 @@
if (data.outlier) {
$(row).addClass("outlier");
}
- $('td', row).eq(0).attr("align", "center");
- $('td', row).eq(0).attr("style", "padding: 2px 0px 0px 2px;");
+ $('td', row).eq(0).addClass("column_name-Checkbox")
$('td', row).eq(1).addClass("column_name-Index")
- $('td', row).eq(1).attr("align", "right");
- $('td', row).eq(1).attr("style", "padding: 2px 4px 0px 2px;");
$('td', row).eq(2).addClass("column_name-Sample")
$('td', row).eq(3).addClass("column_name-Value")
- $('td', row).eq(3).attr("style", "text-align: right; padding-top: 2px; padding-bottom: 0px;");
{% if sample_groups[0].se_exists() %}
- $('td', row).eq(4).attr("align", "center");
- $('td', row).eq(4).attr("style", "padding-left: 2px; padding-right: 2px;");
- $('td', row).eq(5).addClass("column_name-SE")
- $('td', row).eq(5).attr("style", "text-align: right; padding-top: 2px; padding-bottom: 0px;");
+ $('td', row).eq(4).addClass("column_name-PlusMinus")
+ $('td', row).eq(5).addClass("column_name-SE value_column")
{% if has_num_cases %}
$('td', row).eq(6).addClass("column_name-num_cases")
- $('td', row).eq(6).attr("style", "text-align: right; padding-top: 2px; padding-bottom: 0px;");
{% endif %} {% else %} {% if has_num_cases %}
$('td', row).eq(4).addClass("column_name-num_cases")
- $('td', row).eq(4).attr("style", "text-align: right; padding-top: 2px; padding-bottom: 0px;");
{% endif %} {% endif %}
{% if sample_groups[0].attributes|length > 0 %}
{% for attribute in sample_groups[0].attributes|sort() %}
$('td', row).eq(attribute_start_pos + {{ loop.index }}).addClass("column_name-{{ sample_groups[0].attributes[attribute].name }}")
- $('td', row).eq(attribute_start_pos + {{ loop.index }}).attr("style", "text-align: {{ sample_groups[0].attributes[attribute].alignment }}; padding-top: 2px; padding-bottom: 0px;")
+ $('td', row).eq(attribute_start_pos + {{ loop.index }}).attr("style", "text-align: {{ sample_groups[0].attributes[attribute].alignment }};")
{% endfor %}
{% endif %}
},
@@ -271,7 +263,7 @@
'orderDataType': "dom-checkbox",
'searchable' : false,
'render': function(data, type, row, meta) {
- return '
'
+ return '
'
}
},
{
@@ -289,15 +281,15 @@
}
},
{
- 'title': "
Value
",
+ 'title': "",
'orderDataType': "dom-input",
'type': "cust-txt",
'data': null,
'render': function(data, type, row, meta) {
if (data.value == null) {
- return '
'
+ return '
'
} else {
- return '
'
+ return '
'
}
}
}{% if sample_groups[0].se_exists() %},
@@ -311,28 +303,28 @@
}
},
{
- 'title': "
SE
",
+ 'title': "",
'orderDataType': "dom-input",
'type': "cust-txt",
'data': null,
'render': function(data, type, row, meta) {
if (data.variance == null) {
- return '
'
+ return '
'
} else {
- return '
'
+ return '
'
}
}
}{% endif %}{% if has_num_cases %},
{
- 'title': "
N
",
+ 'title': "",
'orderDataType': "dom-input",
'type': "cust-txt",
'data': null,
'render': function(data, type, row, meta) {
if (data.num_cases == null || data.num_cases == undefined) {
- return '
'
+ return '
'
} else {
- return '
'
+ return '
'
}
}
}{% endif %}{% if sample_groups[0].attributes|length > 0 %}{% for attribute in sample_groups[0].attributes|sort() %},
@@ -387,25 +379,16 @@
if (data.outlier) {
$(row).addClass("outlier");
}
- $('td', row).eq(0).attr("align", "center");
- $('td', row).eq(0).attr("style", "padding: 2px 0px 0px 2px;");
$('td', row).eq(1).addClass("column_name-Index")
- $('td', row).eq(1).attr("align", "right");
- $('td', row).eq(1).attr("style", "padding: 2px 4px 0px 2px;");
$('td', row).eq(2).addClass("column_name-Sample")
$('td', row).eq(3).addClass("column_name-Value")
- $('td', row).eq(3).attr("style", "text-align: right; padding-top: 2px; padding-bottom: 0px;");
{% if sample_groups[1].se_exists() %}
- $('td', row).eq(4).attr("align", "center");
- $('td', row).eq(4).attr("style", "padding-left: 2px; padding-right: 2px;");
+ $('td', row).eq(4).addClass("column_name-PlusMinus")
$('td', row).eq(5).addClass("column_name-SE")
- $('td', row).eq(5).attr("style", "text-align: right; padding-top: 2px; padding-bottom: 0px;");
{% if has_num_cases %}
$('td', row).eq(6).addClass("column_name-num_cases")
- $('td', row).eq(6).attr("style", "text-align: right; padding-top: 2px; padding-bottom: 0px;");
{% endif %} {% else %} {% if has_num_cases %}
$('td', row).eq(4).addClass("column_name-num_cases")
- $('td', row).eq(4).attr("style", "text-align: right; padding-top: 2px; padding-bottom: 0px;");
{% endif %} {% endif %}
{% if sample_groups[1].attributes|length > 0 %}
{% for attribute in sample_groups[1].attributes|sort() %}
@@ -421,7 +404,7 @@
'orderDataType': "dom-checkbox",
'searchable' : false,
'render': function(data, type, row, meta) {
- return '
'
+ return '
'
}
},
{
@@ -439,15 +422,15 @@
}
},
{
- 'title': "
Value
",
+ 'title': "",
'orderDataType': "dom-input",
'type': "cust-txt",
'data': null,
'render': function(data, type, row, meta) {
if (data.value == null) {
- return '
'
+ return '
'
} else {
- return '
'
+ return '
'
}
}
}{% if sample_groups[1].se_exists() %},
@@ -461,28 +444,28 @@
}
},
{
- 'title': "
SE
",
+ 'title': "",
'orderDataType': "dom-input",
'type': "cust-txt",
'data': null,
'render': function(data, type, row, meta) {
if (data.variance == null) {
- return '
'
+ return '
'
} else {
- return '
'
+ return '
'
}
}
}{% endif %}{% if has_num_cases %},
{
- 'title': "
N
",
+ 'title': "",
'orderDataType': "dom-input",
'type': "cust-txt",
'data': null,
'render': function(data, type, row, meta) {
if (data.num_cases == null) {
- return '
'
+ return '
'
} else {
- return '
'
+ return '
'
}
}
}{% endif %}{% if sample_groups[1].attributes|length > 0 %}{% for attribute in sample_groups[1].attributes|sort() %},
--
cgit 1.4.1
From 794b176384dbe5a8c837a913f9a86f4d36adadcd Mon Sep 17 00:00:00 2001
From: zsloan
Date: Tue, 13 Oct 2020 16:41:32 -0500
Subject: Added styling from show_trait_details.html to show_trait.css
* wqflask/wqflask/static/new/css/show_trait.css - Added the bottom margin styling for the div containing the buttons
* wqflask/wqflask/templates/show_trait_details.html - Removed some unnecessary styling and moved the styling for .btn_toolbar to show_trait.css
---
wqflask/wqflask/static/new/css/show_trait.css | 4 ++++
wqflask/wqflask/templates/show_trait_details.html | 12 ++++++------
2 files changed, 10 insertions(+), 6 deletions(-)
(limited to 'wqflask')
diff --git a/wqflask/wqflask/static/new/css/show_trait.css b/wqflask/wqflask/static/new/css/show_trait.css
index a9e85ee7..671b3cf7 100644
--- a/wqflask/wqflask/static/new/css/show_trait.css
+++ b/wqflask/wqflask/static/new/css/show_trait.css
@@ -81,4 +81,8 @@ table.dataTable tbody td.column_name-PlusMinus {
table.dataTable tbody td.column_name-Value, table.dataTable tbody td.column_name-SE, table.dataTable tbody td.column_name-num_cases {
text-align: right;
+}
+
+.btn_toolbar {
+ margin-bottom:15px;
}
\ No newline at end of file
diff --git a/wqflask/wqflask/templates/show_trait_details.html b/wqflask/wqflask/templates/show_trait_details.html
index 4aced50c..d2999eef 100644
--- a/wqflask/wqflask/templates/show_trait_details.html
+++ b/wqflask/wqflask/templates/show_trait_details.html
@@ -1,20 +1,20 @@
-
+
- | Group |
+ Group |
{{ this_trait.dataset.group.species[0]|upper }}{{ this_trait.dataset.group.species[1:] }}: {{ this_trait.dataset.group.name }} group |
{% if this_trait.dataset.type == 'Publish' %}
| Phenotype |
- {{ this_trait.description_fmt }} |
+ {{ this_trait.description_fmt }} |
| Authors |
- {{ this_trait.authors }} |
+ {{ this_trait.authors }} |
| Title |
- {{ this_trait.title }} |
+ {{ this_trait.title }} |
| Journal |
@@ -213,7 +213,7 @@
{% endif %}
-