Simple Stat page for histo features

Author: Corentin M

app/histostats/routes.py

@@ -1,11 +1,25 @@
 import json
+import os
 from flask_login import current_user, login_required
-from flask import render_template, request, flash, redirect, url_for
-from app import db
+from flask import render_template, current_app
 from app.histostats import bp
 
 
 @bp.route("/histostats", methods=["GET", "POST"])
 def statsindex():
     """Page for histo statistics page."""
-    return render_template("histostats_index.html")
+    stat_per_gene_file = open(
+        os.path.join(current_app.config["CONFIG_FOLDER"], "stat_per_gene.json")
+    )
+    stat_per_gene = json.load(stat_per_gene_file)
+    stat_per_diag_file = open(
+        os.path.join(current_app.config["CONFIG_FOLDER"], "stat_per_diag.json")
+    )
+    stat_per_diag = json.load(stat_per_diag_file)
+    stat_per_gene = sorted(stat_per_gene.items())
+    stat_per_diag = sorted(stat_per_diag.items())
+    return render_template(
+        "histostats_index.html",
+        stat_per_gene=stat_per_gene,
+        stat_per_diag=stat_per_diag,
+    )

app/histostats/templates/histostats_index.html

@@ -1,8 +1,76 @@
-{% extends "base.html"%}
-{% block content %}
+{% extends "base.html"%} {% block content %}
 <div class="row">
-    <div class="col-xl">
-        Test !
+  <div class="col-xl-6">
+    <h1>Traits Histologiques par Gène</h1>
+    <div class="accordion" id="accordionGENE">
+      {% for gene in stat_per_gene %}
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingGene{{gene[0]}}">
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseGene{{gene[0]}}"
+            aria-expanded="true"
+            aria-controls="collapseGene{{gene[0]}}"
+          >
+            {{gene[0]}} (n={{gene[1].n}})
+          </button>
+        </h2>
+        <div
+          id="collapseGene{{gene[0]}}"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingGene{{gene[0]}}"
+          data-bs-parent="#accordionGENE"
+        >
+          <div class="accordion-body">
+            <ul>
+              {% for key,value in gene[1].feature.items()%}
+              <li>{{value}}% - {{key}}</li>
+              {% endfor %}
+            </ul>
+          </div>
+        </div>
+      </div>
+      {% endfor %}
     </div>
+  </div>
+
+  <div class="col-xl-6">
+    <h1>Traits Histologiques par Classe de Myopathie</h1>
+    <div class="accordion" id="accordionDIAG">
+      {% for diag in stat_per_diag %}
+      <div class="accordion-item">
+        <h2 class="accordion-header" id="headingDiag{{diag[0]}}">
+          <button
+            class="accordion-button collapsed"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#collapseDiag{{diag[0]}}"
+            aria-expanded="true"
+            aria-controls="collapseDiag{{diag[0]}}"
+          >
+            {{diag[0]}} (n={{diag[1].n}})
+          </button>
+        </h2>
+        <div
+          id="collapseDiag{{diag[0]}}"
+          class="accordion-collapse collapse"
+          aria-labelledby="headingDiag{{diag[0]}}"
+          data-bs-parent="#accordionDIAG"
+        >
+          <div class="accordion-body">
+            <ul>
+              {% for key,value in diag[1].feature.items()%}
+              <li>{{value}}% - {{key}}</li>
+              {% endfor %}
+            </ul>
+          </div>
+        </div>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
 </div>
-{% endblock %}
+
+{% endblock %}