aboutsummaryrefslogtreecommitdiff
path: root/wqflask/wqflask/templates/gsearch_pheno.html
diff options
context:
space:
mode:
Diffstat (limited to 'wqflask/wqflask/templates/gsearch_pheno.html')
-rw-r--r--wqflask/wqflask/templates/gsearch_pheno.html238
1 files changed, 0 insertions, 238 deletions
diff --git a/wqflask/wqflask/templates/gsearch_pheno.html b/wqflask/wqflask/templates/gsearch_pheno.html
deleted file mode 100644
index a1fef2c8..00000000
--- a/wqflask/wqflask/templates/gsearch_pheno.html
+++ /dev/null
@@ -1,238 +0,0 @@
-{% extends "base.html" %}
-{% block title %}Search Results{% endblock %}
-{% block css %}
- <link rel="stylesheet" type="text/css" href="{{ url_for('css', filename='DataTables/css/jquery.dataTables.css') }}" />
- <link href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" />
- <link rel="stylesheet" type="text/css" href="/static/new/css/show_trait.css" />
-{% endblock %}
-{% block content %}
-<!-- Start of body -->
-
- <div class="container">
-
- <h3>GN searched for the term(s) <b>"{{ terms }}"</b> in 51 datasets and 13763 traits across 10 species<br/>
- and found <b>{{ trait_count }}</b> results that match your query.<br/>
- You can filter these results by adding key words in the fields below<br/>
- and you can also sort results on most columns.</h3>
- <p>To study a record, click on its ID below.<br />Check records below and click Add button to add to selection.</p>
-
- <div>
- <br />
- <button class="btn btn-default" id="select_all"><span class="glyphicon glyphicon-ok"></span> Select All</button>
- <button class="btn btn-default" id="deselect_all"><span class="glyphicon glyphicon-remove"></span> Deselect All</button>
- <button class="btn btn-default" id="invert"><span class="glyphicon glyphicon-resize-vertical"></span> Invert</button>
- <button class="btn btn-success" id="add" disabled ><span class="glyphicon glyphicon-plus-sign"></span> Add</button>
- <input type="text" id="searchbox" class="form-control" style="width: 180px; display: inline;" placeholder="Search This Table For ...">
- <input type="text" id="select_top" class="form-control" style="width: 120px; display: inline;" placeholder="Select Top ...">
- <form id="export_form" method="POST" action="/export_traits_csv" style="display: inline;">
- <input type="hidden" name="headers" id="headers" value="{% for field in header_fields %}{{ field }},{% endfor %}">
- <input type="hidden" name="database_name" id="database_name" value="None">
- <input type="hidden" name="export_data" id="export_data" value="">
- <button class="btn btn-default" id="export_traits">Download CSV</button>
- </form>
- <br />
- <br />
- <div id="table_container" style="width: 2000px;">
- <table id="trait_table" class="table-hover table-striped cell-border" style="float: left;">
- <tbody>
- <td colspan="100%" align="center"><br><b><font size="15">Loading...</font></b><br></td>
- </tbody>
- </table>
- </div>
- </div>
- </div>
-
-<!-- End of body -->
-
-{% endblock %}
-
-{% block js %}
- <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='js_alt/md5.min.js') }}"></script>
- <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTables/js/jquery.dataTables.min.js') }}"></script>
- <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTablesExtensions/scroller/js/dataTables.scroller.min.js') }}"></script>
- <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='jszip/jszip.min.js') }}"></script>
- <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTablesExtensions/plugins/sorting/natural.js') }}"></script>
- <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTablesExtensions/colReorder/js/dataTables.colReorder.js') }}"></script>
- <script language="javascript" type="text/javascript" src="{{ url_for('js', filename='DataTablesExtensions/colResize/dataTables.colResize.js') }}"></script>
- <script language="javascript" type="text/javascript" src="/static/new/javascript/search_results.js"></script>
- <script language="javascript" type="text/javascript" src="/static/new/javascript/table_functions.js"></script>
- <script language="javascript" type="text/javascript" src="/static/new/javascript/create_datatable.js"></script>
-
- <script type='text/javascript'>
- var getParams = function(url) {
- let parser = document.createElement('a');
- parser.href = url;
- let params = parser.search.substring(1);
- if(params.length > 0) {
- return ('?'+params);
- }
- return params;
- };
- </script>
-
- <script type='text/javascript'>
- var traitsJson = {{ trait_list|safe }};
- </script>
-
- <script type="text/javascript" charset="utf-8">
- $(document).ready( function () {
- var tableId = "trait_table";
-
- columnDefs = [
- {
- 'data': null,
- 'orderDataType': "dom-checkbox",
- 'width': "10px",
- 'targets': 0,
- 'render': function(data) {
- return '<input type="checkbox" name="searchResult" class="trait_checkbox checkbox" value="' + data.hmac + '">'
- }
- },
- {
- 'title': "Index",
- 'type': "natural",
- 'width': "30px",
- 'targets': 1,
- 'data': "index",
- 'defaultContent': "N/A"
- },
- {
- 'title': "Species",
- 'type': "natural",
- 'width': "60px",
- 'targets': 2,
- 'data': "species",
- 'defaultContent': "N/A"
- },
- {
- 'title': "Group",
- 'type': "natural",
- 'width': "100px",
- 'targets': 3,
- 'data': "group",
- 'defaultContent': "N/A"
- },
- {
- 'title': "Record",
- 'type': "natural",
- 'data': null,
- 'width': "60px",
- 'targets': 4,
- 'orderDataType': "dom-inner-text",
- 'render': function(data) {
- return '<a target="_blank" href="/show_trait?trait_id=' + data.name + '&dataset=' + data.dataset + '">' + data.display_name + '</a>'
- }
- },
- {
- 'title': "Description",
- 'type': "natural",
- 'width': "500px",
- 'targets': 5,
- 'data': null,
- 'render': function(data) {
- try {
- return decodeURIComponent(escape(data.description))
- } catch(err) {
- return data.description
- }
- }
- },
- {
- 'title': "Mean",
- 'type': "natural-minus-na",
- 'width': "30px",
- 'targets': 6,
- 'data': "mean",
- 'defaultContent': "N/A"
- },
- {
- 'title': "Authors",
- 'type': "natural",
- 'width': "300px",
- 'targets': 7,
- 'data': "authors_display",
- 'defaultContent': "N/A"
- },
- {
- 'title': "Year",
- 'type': "natural-minus-na",
- 'data': null,
- 'orderDataType': "dom-inner-text",
- 'width': "25px",
- 'targets': 8,
- 'render': function(data) {
- if ("pubmed_id" in data){
- return '<a href="' + data.pubmed_link + '">' + data.pubmed_text + '</a>'
- } else {
- return data.pubmed_text
- }
- },
- 'orderSequence': [ "desc", "asc"]
- },
- {
- 'title': "<div style='text-align: right; padding-right: 10px;'>Peak</div> <div style='text-align: right;'>-logP <a href=\"{{ url_for('glossary_blueprint.glossary') }}#LRS\" target=\"_blank\" style=\"color: white;\"><sup>?</sup></a></div>",
- 'type': "natural-minus-na",
- 'data': "LRS_score_repr",
- 'defaultContent': "N/A",
- 'width': "60px",
- 'targets': 9,
- 'orderSequence': [ "desc", "asc"]
- },
- {
- 'title': "Peak Location",
- 'type': "natural-minus-na",
- 'width': "125px",
- 'targets': 10,
- 'data': "max_lrs_text",
- 'defaultContent': "N/A"
- },
- {
- 'title': "Additive Effect<a href=\"{{ url_for('glossary_blueprint.glossary') }}#A\" target=\"_blank\" style=\"color: white;\"><sup>?</sup></a>",
- 'type': "natural-minus-na",
- 'data': "additive",
- 'defaultContent': "N/A",
- 'width': "60px",
- 'targets': 11,
- 'orderSequence': [ "desc", "asc"]
- }
- ]
-
- tableSettings = {
- "createdRow": function ( row, data, index ) {
- $('td', row).eq(0).attr("style", "text-align: center; padding: 4px 10px 2px 10px;");
- $('td', row).eq(1).attr("align", "right");
- $('td', row).eq(5).attr('title', $('td', row).eq(5).text());
- if ($('td', row).eq(5).text().length > 150) {
- $('td', row).eq(5).text($('td', row).eq(5).text().substring(0, 150));
- $('td', row).eq(5).text($('td', row).eq(5).text() + '...')
- }
- $('td', row).eq(6).attr('title', $('td', row).eq(6).text());
- if ($('td', row).eq(6).text().length > 150) {
- $('td', row).eq(6).text($('td', row).eq(6).text().substring(0, 150));
- $('td', row).eq(6).text($('td', row).eq(6).text() + '...')
- }
- $('td', row).eq(6).attr("align", "right");
- $('td', row).slice(8,11).attr("align", "right");
- $('td', row).eq(1).attr('data-export', $('td', row).eq(1).text());
- $('td', row).eq(2).attr('data-export', $('td', row).eq(2).text());
- $('td', row).eq(3).attr('data-export', $('td', row).eq(3).text());
- $('td', row).eq(4).attr('data-export', $('td', row).eq(4).text());
- $('td', row).eq(5).attr('data-export', $('td', row).eq(5).text());
- $('td', row).eq(6).attr('data-export', $('td', row).eq(6).text());
- $('td', row).eq(7).attr('data-export', $('td', row).eq(7).text());
- $('td', row).eq(8).attr('data-export', $('td', row).eq(8).text());
- $('td', row).eq(9).attr('data-export', $('td', row).eq(9).text());
- $('td', row).eq(10).attr('data-export', $('td', row).eq(10).text());
- },
- {% if trait_count <= 20 %}
- "scroller": false
- {% else %}
- "scroller": true
- {% endif %}
- }
-
- create_table(tableId, traitsJson, columnDefs, tableSettings);
-
- });
- </script>
-{% endblock %}