about summary refs log tree commit diff
diff options
context:
space:
mode:
authorzsloan2015-07-15 15:42:40 +0000
committerzsloan2015-07-15 15:42:40 +0000
commit31e2f2462928afae1e20b8a3c9be66424adcb179 (patch)
tree075d1098840bcbf621af9a735671a4a75f177ea5
parent75a72014c01886ff0219df82f48d5975aa54a30b (diff)
parent44810b2dc21c1c8cd61fb104e854406a9975479f (diff)
downloadgenenetwork2-31e2f2462928afae1e20b8a3c9be66424adcb179.tar.gz
Merge branch 'master' of github.com:genenetwork/genenetwork2
Conflicts:
	wqflask/wqflask/templates/search_result_page.html
-rwxr-xr-xwqflask/wqflask/templates/search_result_page.html57
1 files changed, 36 insertions, 21 deletions
diff --git a/wqflask/wqflask/templates/search_result_page.html b/wqflask/wqflask/templates/search_result_page.html
index 8e2b6b9f..e1fa213f 100755
--- a/wqflask/wqflask/templates/search_result_page.html
+++ b/wqflask/wqflask/templates/search_result_page.html
@@ -51,10 +51,10 @@
                     {% for header in header_fields %}
                         {% if header == 'Index' %}
                         <th class="no-sort">{{header}}</th>
-                        {% elif header == 'Max LRS' %}
-                        <th>{{header}}<a href="http://genenetwork.org//glossary.html#L" target="_blank"><sup style="color:#f00">  ?</sup></a></th>
+                        {% if header == 'Max LRS' %}
+                        <th style="text-align: right;">Max&nbsp;&nbsp;<br>LRS<a href="http://genenetwork.org//glossary.html#L" target="_blank"><sup style="color:#f00"> ?</sup></a></th>
                         {% elif header == 'Additive Effect' %}
-                        <th>{{header}}<a href="http://genenetwork.org//glossary.html#A" target="_blank"><sup style="color:#f00">  ?</sup></a></th>
+                        <th style="text-align: right;">Additive<br>Effect<a href="http://genenetwork.org//glossary.html#A" target="_blank"><sup style="color:#f00"> ?</sup></a></th>
                         {% else %}
                         <th>{{header}}</th>
                         {% endif %}
@@ -81,10 +81,10 @@
                             <TD>{{ this_trait.symbol }}</TD>
                             <TD>{{ this_trait.description_display }}</TD>
                             <TD>{{ this_trait.location_repr }}</TD>
-                            <TD>{{ this_trait.mean }}</TD>
-                            <TD align="right">{{ this_trait.LRS_score_repr }}</TD>
+                            <TD align="right">{{ '%0.3f' % this_trait.mean|float }}</TD>
+                            <TD align="right">{{ '%0.3f' % this_trait.LRS_score_repr|float }}</TD>
                             <TD>{{ this_trait.LRS_location_repr }}</TD>
-                            <TD>{{ '%0.3f' % this_trait.additive|float }}</TD>
+                            <TD align="right">{{ '%0.3f' % this_trait.additive|float }}</TD>
                         {% elif dataset.type == 'Publish' %}
                             <TD>{{ this_trait.description_display }}</TD>
                             <TD>{{ this_trait.authors }}</TD>
@@ -120,6 +120,12 @@
     <script language="javascript" type="text/javascript" src="/static/new/packages/DataTables/js/dataTables.naturalSort.js"></script>
     <script language="javascript" type="text/javascript" src="/static/packages/DT_bootstrap/DT_bootstrap.js"></script>
     <script language="javascript" type="text/javascript" src="/static/packages/TableTools/media/js/TableTools.min.js"></script>
+	
+	<link href="//cdn.datatables.net/fixedheader/2.1.2/css/dataTables.fixedHeader.css" rel="stylesheet">
+	<link href="//cdn.datatables.net/fixedcolumns/3.0.4/css/dataTables.fixedColumns.css" rel="stylesheet">
+	<script src="//cdn.datatables.net/fixedheader/2.1.2/js/dataTables.fixedHeader.min.js"></script>
+	<script src="//cdn.datatables.net/fixedcolumns/3.0.4/js/dataTables.fixedColumns.min.js"></script>
+	
     <script type="text/javascript" charset="utf-8">
 
         console.log("TESTING:", parseFloat("TESTING"))
@@ -174,19 +180,15 @@
             $('#trait_table').dataTable( {
                 //"sDom": "<<'span3'l><'span3'T><'span4'f>'row-fluid'r>t<'row-fluid'<'span6'i><'span6'p>>",
                 "aoColumns": [
-                    { "bSortable": false },
+                    { "bSortable": true, "sType": "natural" },
                     { "sType": "natural" },
                     { "sType": "natural" },
-                    { "sType": "natural",
-                      "sWidth": "35%"  },
-                    { "sType": "natural",
-                      "sWidth": "15%"  },
+                    { "sType": "natural", "sWidth": "35%"},
+                    { "sType": "natural", "sWidth": "15%"},
                     { "sType": "natural" },
-                    { "sType": "natural",
-                      "sWidth": "12%"  },
-                    { "sType": "natural",
-                      "sWidth": "20%"  },
-                    { "sType": "natural" }
+                    { "sType": "natural", "sWidth": "8%"},
+                    { "sType": "natural", "sWidth": "15%"},
+                    { "sType": "natural", "sWidth": "7%"}
                 ],
                 "sDom": "tir",
                 "iDisplayLength": -1,
@@ -199,12 +201,10 @@
             $('#trait_table').dataTable( {
                 //"sDom": "<<'span3'l><'span3'T><'span4'f>'row-fluid'r>t<'row-fluid'<'span6'i><'span6'p>>",
                 "aoColumns": [
-                    { "bSortable": false },
+                    { "bSortable": true, "sType": "natural" },
                     { "sType": "natural" },
-                    { "sType": "natural", 
-                      "sWidth": "35%"  },
-                    { "sType": "natural",
-                      "sWidth": "20%"  },
+                    { "sType": "natural", "sWidth": "35%"  },
+                    { "sType": "natural", "sWidth": "20%"  },
                     { "sType": "natural" },
                     { "sType": "cust-txt" },
                     { "sType": "natural" },
@@ -220,6 +220,21 @@
             {% endif %}
             console.timeEnd("Creating table");
         });
+		
+		$(document).ready( function () {
+			var table = $('#trait_table').DataTable();
+			new $.fn.dataTable.FixedHeader( table );
+		});
+
+		$(document).ready( function () {
+			var table = $('#trait_table').DataTable( {
+				"scrollY": "300px",
+				"scrollX": "100%",
+				"scrollCollapse": true,
+				"paging": false
+			});
+			new $.fn.dataTable.FixedColumns( table );
+		});
         
     </script>