Add data and tooltips to student.details

1 files changed, 51 insertions, 4 deletions

diff --git a/ustayml/templates/students/details.html b/ustayml/templates/students/details.html
index ed79961..a9c0cca 100644
--- a/ustayml/templates/students/details.html
+++ b/ustayml/templates/students/details.html
@@ -3,7 +3,7 @@
 {% block header %}
   <a href="#" onclick="window.history.go(-1); return false;">Regresar</a>
   <div class="flex-container-horizontal">
-    <h1>{% block title %}Reporte del estudiante{% endblock %}</h1>
+    <h1>{% block title %} Reporte de: {{ student['fullname']}}{% endblock %}</h1>
     <span>Reporte generado el {{ date.strftime("%Y-%m-%d") }}</span>
   </div>
 {% endblock %}
@@ -12,15 +12,62 @@
   <div class="student-details-body">
     <div id="information-left">
       <h3>Información general:</h3>
+      <ul>
+        <li>Código: {{ student['pucp_code'] }}</li>
+        <li>Nombre: {{ student['fullname'] }}</li>
+        <li>Email: {{ student['email'] }}</li>
+        <li>Distrito: {{ student['district'] }}</li>
+      </ul>
       <h3>Información socioeconómica:</h3>
+      <ul>
+        <li>Escala: {{ student['tuition_bracket'] }}</li>
+      </ul>
       <h3>Información académica:</h3>
+      <ul>
+        <li>Unidad: {{ student['pucp_unit'] }}</li>
+        <li>Ciclo actual: {{ student['current_semester'] }}</li>
+        <li>Asistencia: {{ student['current_attendance'] }}</li>
+        <li>
+          <div class="tooltip">
+            CRAEst:
+            <span class="tooltiptext">
+              Coeficiente de Rendimiento Académico Estandarizado
+            </span>
+            {{ student['current_craest'] }}
+          </div>
+        </li>
+        <li>
+          <div class="tooltip">
+            PPNE3:
+            <span class="tooltiptext">
+              Promedio Ponderado de Notas Estandarizadas<br>
+              de los últimos 3 semestres
+            </span>
+            {{ student['current_ppne3'] }}
+          </div>
+        </li>
+        <li>Mérito: {{ student['current_merit'] }}</li>
+
+        <li>
+          <div class="tooltip">
+            Long. de estudios est. (semestres):
+            <span class="tooltiptext">
+              Longitud de estudios estimada<br>(en semestres académicos)
+            </span>
+            {{ student['est_study_length'] }}
+          </div>
+        </li>
+        <li>Riesgo de deserción est.: {{ student['est_desertion_risk_class'] }}</li>
+      </ul>
     </div>
     <div id="information-right">
       <h2>Resultado:</h2>
-      <span class="high-risk">Riesgo de deserción alto</span>
-      <ul>
+      <span class="text-high-risk">Riesgo de deserción: {{ student['est_desertion_risk_class'] }}</span>
+      {# <ul>
         <li>Factor de riesgo: 666</li>
-      </ul>
+      </ul> #}
+      <hr>
+      <div></div>
       <span>Significancia de variables:</span>
       <div class="chart">
         <img src="{{ url_for('static', filename='img/sample-bar_chart.png') }}">