aboutsummaryrefslogtreecommitdiff
path: root/gn2/wqflask/templates/loading.html
diff options
context:
space:
mode:
authorAlexander_Kabui2024-01-02 13:21:07 +0300
committerAlexander_Kabui2024-01-02 13:21:07 +0300
commit70c4201b332e0e2c0d958428086512f291469b87 (patch)
treeaea4fac8782c110fc233c589c3f0f7bd34bada6c /gn2/wqflask/templates/loading.html
parent5092eb42f062b1695c4e39619f0bd74a876cfac2 (diff)
parent965ce5114d585624d5edb082c710b83d83a3be40 (diff)
downloadgenenetwork2-70c4201b332e0e2c0d958428086512f291469b87.tar.gz
merge changes
Diffstat (limited to 'gn2/wqflask/templates/loading.html')
-rw-r--r--gn2/wqflask/templates/loading.html133
1 files changed, 133 insertions, 0 deletions
diff --git a/gn2/wqflask/templates/loading.html b/gn2/wqflask/templates/loading.html
new file mode 100644
index 00000000..a6d9ae5e
--- /dev/null
+++ b/gn2/wqflask/templates/loading.html
@@ -0,0 +1,133 @@
+<title>Loading {{ start_vars.tool_used }} Results</title>
+<link REL="stylesheet" TYPE="text/css" href="{{ url_for('css', filename='bootstrap/css/bootstrap.css') }}" />
+<link REL="stylesheet" TYPE="text/css" href="/static/new/css/bootstrap-custom.css" />
+<form method="post" action="" name="loading_form" id="loading_form" class="form-horizontal">
+ {% for key, value in start_vars.items() %}
+ <input type="hidden" name="{{ key }}" value="{{ value }}">
+ {% endfor %}
+ <div class="container">
+ <div>
+ <div style="min-height: 80vh; display: flex; align-items: center; text-align: left;">
+ <div style="margin-bottom: 5px; left: 50%; margin-right: -50%; top: 50%; transform: translate(-50%, -50%); position: absolute;">
+ {% if start_vars.tool_used == "Mapping" %}
+ <h1>Computing the Maps</h1>
+ <br>
+ <b>Time Elapsed:</b> <span class="timer"></span>
+ <br>
+ <b>Trait Metadata</b>
+ <br>
+ species = <b><i>{{ start_vars.species[0] | upper }}{{ start_vars.species[1:] }}</i></b>
+ <br>
+ group = <b><i>{{ start_vars.group[0] | upper }}{{ start_vars.group[1:] }}</i></b>
+ <br>
+ trait identifier = <b><i>{{ start_vars.trait_name }}</i></b>
+ <br>
+ n of sample = <b><i>{{ start_vars.n_samples }}</i></b>
+ {% if start_vars.transform != "" %}
+ <br>
+ transformation = <b><i>{{ start_vars.transform }}</i></b>
+ {% endif %}
+ <br>
+ hash of sample values = <b><i>{{ start_vars.vals_hash }}</i></b>
+ <br><br>
+ <b>Mapping Metadata</b>
+ <br>
+ mapping method = <b><i>{% if start_vars.method == "gemma" %}GEMMA {% if start_vars.use_loco == "True" %}using LOCO {% endif %}{% else %}{{ start_vars.method }}{% endif %}</i></b>
+ {% if start_vars.maf != "" and start_vars.method != "reaper" %}
+ <br>
+ minor allele frequency lower limit = <b><i>{{ start_vars.maf }}</i></b>
+ {% endif %}
+ <br>
+ {% if start_vars.covariates != "" and start_vars.method != "reaper" %}
+ {% set covariate_list = start_vars.covariates.split(",") %}
+ cofactors = <b><i>{% for covariate in covariate_list %}{% set this_covariate = covariate.split(":")[0] %}{{ this_covariate }}{% if not loop.last %}, {% endif %}{% endfor %}</i></b>
+ {% else %}
+ cofactors = <b><i>None</i></b>
+ {% endif %}
+ {% if start_vars.control_marker != "" and start_vars.do_control == "true" and start_vars.method != "gemma" %}
+ <br>
+ marker covariate = <b><i>{{ start_vars.control_marker }}</i></b>
+ {% endif %}
+ <br>
+ {% if start_vars.genofile != "" %}
+ {% set genofile_desc = start_vars.genofile.split(":")[1] %}
+ genotype file = <b><i>{{ genofile_desc }}</i></b>
+ {% else %}
+ genotype file = <b><i>{{ start_vars.group[0] | upper }}{{ start_vars.group[1:] }}.geno</i></b>
+ {% endif %}
+ {% if start_vars.num_perm | int > 0 and start_vars.method != "gemma" %}
+ <br>
+ n of permutations = <b><i>{{ start_vars.num_perm }}</i></b>
+ {% endif %}
+ {% if num_bootstrap in start_vars %}
+ {% if start_vars.num_bootstrap | int > 0 and start_vars.method == "reaper" %}
+ <br>
+ n of bootstrap = <b><i>{{ start_vars.num_bootstrap }}</i></b>
+ {% endif %}
+ {% endif %}
+ {% else %}
+ <h1>&nbsp;{{ start_vars.tool_used }}&nbsp;Computation in progress ...</h1>
+ {% endif %}
+ <br><br>
+ <div style="text-align: center;">
+ <img align="center" src="/static/gif/waitAnima2.gif">
+ </div>
+ {% if start_vars.vals_diff|length != 0 and start_vars.transform == "" %}
+ <br><br>
+ <button id="show_full_diff">Show Full Diff</button>
+ <br>
+ <div id="diff_table_container" style="display: none; height:200px; overflow:auto;">
+ <table class="table table-hover">
+ <thead>
+ <th>Sample</th>
+ <th>New Value</th>
+ <th>Old Value</th>
+ </thead>
+ <tbody>
+ {% for sample in start_vars.vals_diff %}
+ <tr>
+ <td>{{ sample }}</td>
+ <td>{{ start_vars.vals_diff[sample].new_val }}</td>
+ <td>{{ start_vars.vals_diff[sample].old_val }}</td>
+ </tr>
+ {% endfor %}
+ </tbody>
+ </table>
+ </div>
+ {% endif %}
+ </div>
+ </div>
+ </div>
+ </div>
+</form>
+<script src="{{ url_for('js', filename='jquery/jquery.min.js') }}" type="text/javascript"></script>
+<script src="{{ url_for('js', filename='bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
+<script type="text/javascript">
+$('#show_full_diff').click(function() {
+ if ($('#diff_table_container').is(':visible')){
+ $('#diff_table_container').hide();
+ } else {
+ $('#diff_table_container').show();
+ }
+})
+
+var start = new Date;
+
+setInterval(function() {
+ minutes = Math.floor((new Date - start) / 1000 / 60)
+ seconds = Math.round(((new Date - start) / 1000) % 60)
+ if (seconds < 10 && minutes >= 1){
+ seconds_text = "0" + seconds.toString()
+ } else {
+ seconds_text = seconds.toString()
+ }
+ if (minutes < 1) {
+ $('.timer').text(seconds_text + " seconds");
+ } else {
+ $('.timer').text(minutes.toString() + ":" + seconds_text);
+ }
+}, 100);
+
+$("#loading_form").attr("action", "{{ start_vars.form_url }}");
+setTimeout(function(){ $("#loading_form").submit()}, 350);
+</script>