aboutsummaryrefslogtreecommitdiff
path: root/wqflask
diff options
context:
space:
mode:
authorAlexander Kabui2021-09-29 11:09:01 +0300
committerAlexander Kabui2021-09-29 11:09:01 +0300
commit60286e7b1eeb3880e94e8671fbcea34da56adfb5 (patch)
tree8d1f48293287753c32375678aabaa403ec41706f /wqflask
parent2dce5e20b5dcfa032a32a486bb4e4a4390c5f2b7 (diff)
downloadgenenetwork2-60286e7b1eeb3880e94e8671fbcea34da56adfb5.tar.gz
test template for gn3 wgcna
Diffstat (limited to 'wqflask')
-rw-r--r--wqflask/wqflask/templates/test_wgcna_results.html146
1 files changed, 146 insertions, 0 deletions
diff --git a/wqflask/wqflask/templates/test_wgcna_results.html b/wqflask/wqflask/templates/test_wgcna_results.html
new file mode 100644
index 00000000..37ea2aa0
--- /dev/null
+++ b/wqflask/wqflask/templates/test_wgcna_results.html
@@ -0,0 +1,146 @@
+{% extends "base.html" %}
+{% block title %}WCGNA results{% endblock %}
+
+{% block content %} <!-- Start of body -->
+
+ <style type="text/css">
+ .container {
+ min-height: 100vh !important;
+ width: 100vw;
+
+ }
+ .grid_container {
+
+ /*width:250px;*/
+
+
+
+ width: 80vw;
+ margin:auto;
+ padding: 20px;
+
+
+ display: grid;
+ grid-template-columns: repeat(7,1fr);
+ /*grid-gap: 5px;*/
+ border: 1px solid black;
+ grid-column-gap: 20px;
+
+ }
+ .control_sft_column {
+ text-align: center;
+ }
+ .grid_container div:not(:last-child){
+ border-right: 1px solid #000;
+ }
+
+ .grid_container .control_sft_column h3{
+ font-weight: bold;
+ font-size: 18px;
+
+ /*border-right: 1px solid #;*/
+ /*background: forestgreen;*/
+ }
+
+ .control_net_colors{
+
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ align-items: center;
+ text-align: center;
+ }
+
+
+ .control_mod_eigens {
+ display: grid;
+ grid-template-columns: repeat(2,200px);
+ }
+
+
+ </style>
+ <div class="container">
+
+
+ <div>
+ <div class="grid_container">
+ {% for key, value in results["data"]["output"]["soft_threshold"].items()%}
+
+ <div class="control_sft_column">
+ <h3>{{key}}</h3>
+ {% for val in value %}
+ <p>{{val|round(3)}}</p>
+
+ {% endfor %}
+
+ </div>
+ {% endfor %}
+
+ </div>
+
+ <div>
+ <h3>Net colors</h3>
+ <div class="control_net_colors">
+ {% for key,value in results["data"]["output"]["net_colors"].items() %}
+ <div style="background-color:{{value}}">
+ <p>{{key}}</p>
+ <p >{{value}}</p>
+ </div>
+
+ {% endfor %}
+
+ </div>
+
+
+ </div>
+
+
+ <div>
+ <h2> Module eigen genes </h2>
+
+ <div>
+ {% for strain in results["data"]["input"]["sample_names"]%}
+ {{strain}}
+ {% endfor %}
+ {% for mod,values in results["data"]["output"]["ModEigens"].items() %}
+ {{mod}} {{values}}
+
+ {% endfor %}
+
+ </div>
+
+ <div>
+ <a href="/tmp/{{ results['data']['output']['imageLoc'] }}">
+
+ dsffsdf
+ <!-- <img alt="Embedded Image" src="data:image/png;base64,
+ {% for elem in results['imgdata'] -%}
+ {% print("%c"|format(elem)) %}
+ {%- endfor %}
+ " /> --></a>
+
+
+ </div>
+ </div>
+ <!-- {{key}} -->
+
+
+ </div>
+
+
+ <script type="text/javascript">
+
+ var results = {{ results|safe }}
+
+ let {output} = results.data
+
+ let sft = output.soft_threshold
+
+ console.log(output)
+
+ console.log(results)
+
+
+ </script>
+{% endblock %}
+