From 95f5f27c18380e2fb2f33526c467e822dd10c4d8 Mon Sep 17 00:00:00 2001
From: adityacp
Date: Thu, 1 Mar 2018 18:56:13 +0530
Subject: Add basic UI for grading system

---
 grades/templates/grading_systems.html | 80 +++++++++++++++++++++++++++++------
 1 file changed, 68 insertions(+), 12 deletions(-)

(limited to 'grades/templates/grading_systems.html')
diff --git a/grades/templates/grading_systems.html b/grades/templates/grading_systems.html
index 143b037..baa5610 100644
--- a/grades/templates/grading_systems.html
+++ b/grades/templates/grading_systems.html
@@ -1,17 +1,73 @@
+{% extends "manage.html" %}
+{% block main %}
 <html>
-    <b>Default Grading System:</b>
-    <ul>
-    <li><a href="{% url 'grades:edit_grade' default_grading_system.id %}">{{ default_grading_system.name }}</a></li>
-    </ul>
-    <b> My grading System: </b>
-    {% if grading_systems %}
-        <ul>
+    <a href="{% url 'grades:add_grade' %}" class="btn btn-primary"> Add a Grading System </a>
+    <br><br>
+    <b> Available Grading Systems: </b>
+    <table class="table">
+        <tr>
+            <th>Grading System</th>
+            <th>Grading Ranges</th>
+        </tr>
+        <tr>
+            <td>
+            <a href="{% url 'grades:edit_grade' default_grading_system.id %}">
+            {{ default_grading_system.name }}</a> (<b>Default Grading System</b>)
+            </td>
+            <td>
+                <table class="table">
+                    <tr>
+                        <th>Lower Limit</th>
+                        <th>Upper Limit</th>
+                        <th>Grade</th>
+                        <th>Description</th>
+                    </tr>
+                    {% for range in default_grading_system.graderange_set.all %}
+                        <tr>
+                            <td>{{range.lower_limit}}</td>
+                            <td>{{range.upper_limit}}</td>
+                            <td>{{range.grade}}</td>
+                            {% if range.description %}
+                                <td>{{range.description}}</td>
+                            {% else %}
+                                <td>------</td>
+                            {% endif %}
+                        </tr>
+                    {% endfor %}
+                </table>
+            </td>
+        </tr>
+        {% if grading_systems %}
         {% for system in grading_systems %}
-                <li><a href="{% url 'grades:edit_grade' system.id %}">{{ system.name }}</a></li>
+            <tr>
+            <td>
+            <a href="{% url 'grades:edit_grade' system.id %}">{{ system.name }}</a>
+            </td>
+            <td>
+                <table class="table">
+                    <tr>
+                        <th>Lower Limit</th>
+                        <th>Upper Limit</th>
+                        <th>Grade</th>
+                        <th>Description</th>
+                    </tr>
+                    {% for range in system.graderange_set.all %}
+                        <tr>
+                            <td>{{range.lower_limit}}</td>
+                            <td>{{range.upper_limit}}</td>
+                            <td>{{range.grade}}</td>
+                            {% if range.description %}
+                                <td>{{range.description}}</td>
+                            {% else %}
+                                <td>------</td>
+                            {% endif %}
+                        </tr>
+                    {% endfor %}
+                </table>
+            </td>
+            </tr>
         {% endfor %}
-        </ul>
-    {% else %}
-        <p> None. You can add one.</p>
+    </table>
     {% endif %}
-    <a href="{% url 'grades:add_grade' %}"> Add a Grading System </a>
 </html>
+{% endblock %}
-- 
cgit 

