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/add_grades.html      | 12 ++++--
 grades/templates/grading_systems.html | 80 +++++++++++++++++++++++++++++------
 2 files changed, 76 insertions(+), 16 deletions(-)
diff --git a/grades/templates/add_grades.html b/grades/templates/add_grades.html
index 1e4d29e..e4ea915 100644
--- a/grades/templates/add_grades.html
+++ b/grades/templates/add_grades.html
@@ -1,13 +1,16 @@
+{% extends "manage.html" %}
+{% block main %}
 <html>
-<a href="{% url 'grades:grading_systems'%}"> Back to Grading Systems </a>
+<a href="{% url 'grades:grading_systems'%}" class="btn btn-primary"> Back to Grading Systems </a>
 <p><b>Note: For grade range lower limit is inclusive and upper limit is exclusive</b></p>
+<br>
 {% if not system_id  %}
     <form action="{% url 'grades:add_grade' %}" method="POST">
 {% else %}
     <form action="{% url 'grades:edit_grade' system_id %}" method="POST">
 {% endif %}
     {% csrf_token %}
-    <table>
+    <table class="table">
       {{ grade_form }}
     </table>
       {{ formset.management_form }}
@@ -21,10 +24,11 @@
       <hr>
       {% endfor %}
   {% if not is_default %}
-      <input type="submit" id="add" name="add" value="Add">
-      <input type="submit" id="save" name="save" value="Save">
+      <input type="submit" id="add" name="add" value="Add" class="btn btn-info">
+      <input type="submit" id="save" name="save" value="Save" class="btn btn-success">
   {% else %}
     <p><b>Note: This is a default grading system. You cannot change this.</b></p>
   {% endif %}
 </form>
 </html>
+{% endblock %}
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 

