Added additional statistics and improvements to UI

ref-test/app/analysis/templates/analysis/analysis.html

@@ -8,44 +8,69 @@
 {% endblock %}
 
 {% block content %}
-    <h1>Analysis</h1>
+    <h1>Analysis by {{ type[0]|upper }}{{ type[1:] }}</h1>
     <div class="container">
         <p class="lead">
-            Analysis for {{ type }} {{ subject }}.
+            The analysis section displays statistics for all test results as well as answers to individual questions.
+            Analysis reports can be generated per exam or per question dataset to identify common mistakes or patterns in answers.
         </p>
+        <div class="input-group mb-3">
+            <span class="input-group-text">
+                {% if type == 'exam' %}
+                    Exam Code
+                {% elif type == 'dataset' %}
+                    Dataset Name
+                {% endif %}
+            </span>
+            <span class="form-control">
+                {{ subject }}
+            </span>
         </div>
-    <div class="container">
-        <h3>
-            Question List
-        </h3>
-        <div class="container dataset-metadata">
+        <div class="input-group mb-3">
+            <span class="input-group-text">Total Entries</span>
+            <span class="form-control">
+                {{ analysis.entries }}
+            </span>
+        </div>
+        <div class="input-group mb-3">
+            <span class="input-group-text">Passed</span>
+            <span class="form-control">
+                {{ analysis.grades.merit + analysis.grades.pass }} ({{ ((analysis.grades.merit + analysis.grades.pass)*100/analysis.entries)|round(2) }} &percnt;)
+            </span>
+        </div>
+        <div class="mb-3">
+            <span class="badge rounded-pill progress-bar-striped bg-success">Merit: {{ analysis.grades.merit }}</span> <span class="badge rounded-pill bg-primary progress-bar-striped">Pass: {{ analysis.grades.pass }}</span> <span class="badge rounded-pill progress-bar-striped bg-danger">Fail: {{ analysis.grades.fail }}</span>
+            <div class="my-1 progress">
+                <div class="progress-bar progress-bar-striped bg-success" role="progressbar" style="width: {{ (analysis.grades.merit*100/analysis.entries)|round(2) }}%" aria-valuenow="{{ analysis.grades.merit }}" aria-valuemin="0" aria-valuemax="{{ analysis.entries }}">{{ (analysis.grades.merit*100/analysis.entries)|round(2) }} &percnt;</div>
+                <div class="progress-bar progress-bar-striped" role="progressbar" style="width: {{ (analysis.grades.pass*100/analysis.entries)|round(2) }}%" aria-valuenow="{{ analysis.grades.pass }}" aria-valuemin="0" aria-valuemax="{{ analysis.entries }}">{{ (analysis.grades.pass*100/analysis.entries)|round(2) }} &percnt;</div>
+                <div class="progress-bar progress-bar-striped bg-danger" role="progressbar" style="width: {{ (analysis.grades.fail*100/analysis.entries)|round(2) }}%" aria-valuenow="{{ analysis.grades.fail }}" aria-valuemin="0" aria-valuemax="{{ analysis.entries }}">{{ (analysis.grades.fail*100/analysis.entries)|round(2) }} &percnt;</div>
+            </div>
+        </div>
+        <div class="input-group mb-3">
+            <span class="input-group-text">Mean Score</span>
+            <span class="form-control">
+                {{ analysis.scores.mean|round(2) }} &percnt;
+            </span>
+        </div>
+        <div class="input-group mb-3">
+            <span class="input-group-text">Standard Deviation</span>
+            <span class="form-control">
+                {{ analysis.scores.stdev|round(2) }}
+            </span>
+        </div>
+        <div class="input-group mb-3">
+            <span class="input-group-text">Median Score</span>
+            <span class="form-control">
+                {{ analysis.scores.median|round(2) }} &percnt;
+            </span>
+        </div>
+        {% if type == 'exam' %}
             <div class="input-group mb-3">
                 <span class="input-group-text">Dataset Name</span>
                 <span class="form-control">
                     {{ dataset.get_name() }}
                 </span>
             </div>
-            <div class="input-group mb-3">
-                <span class="input-group-text">Author</span>
-                <span class="form-control">
-                    {{ dataset.creator.get_username() }}
-                </span>
-            </div>
-            <div class="input-group mb-3">
-                <span class="input-group-text">Last Updated</span>
-                <span class="form-control">
-                    {{ dataset.date.strftime('%d %b %Y %H:%M') }}
-                </span>
-            </div>
-            {% if dataset.default %}
-                <div class="input-group mb-3">
-                    <span class="input-group-text">
-                        <input type="checkbox" aria-label="Default" class="dataset-default" checked disabled>
-                    </span>
-                    <span class="form-control">
-                        Default Dataset
-                    </select>
-                </div>
         {% endif %}
     </div>
     <div class="container">
@@ -107,7 +132,6 @@
             </tbody>
         </table>
     </div>
-    </div>
 {% endblock %}
 
 {% block script %}