Add basic ui

- Repos Listing
- Creation and updation
- Running Benchmarking
- Listed and detailed view of logs
- Add django management command to import frontend dependencies

Change-Id: If6f7dbc1fc18b022d9dda7a76f76dfee1c110450
Signed-off-by: akhilbatra898 <akhil.batra@research.iiit.ac.in>

1 files changed, 29 insertions, 12 deletions

diff --git a/qtip/web/templates/bench/task_detail.html b/qtip/web/templates/bench/task_detail.html
index d715022b..3f42c10a 100644
--- a/qtip/web/templates/bench/task_detail.html
+++ b/qtip/web/templates/bench/task_detail.html
@@ -1,17 +1,34 @@
 {% extends 'bench/base.html' %}
 {% block content %}
-    <div>
-        <h3>Task</h3>
-        <table>
-            <tr>
-                <td>{{ object.repo}}</td><td>{{ object.get_status_display }}</td><td>{{ object.start_time }}</td>
-                <td>{{ object.end_time }}</td><td>{{ object.duration }}</td><td>{{ object.log }}</td>
-            </tr>
-        </table>
-        <div>
-            <p>
-                {{ log | linebreaks }}
-            </p>
+    <div class="card">
+        <div class="header">
+            <h2>Task</h2>
+        </div>
+        <div class="body">
+            <table class="table-responsive table">
+                <thead>
+                    <tr role="row">
+                        <th>Repo</th>
+                        <th>Status</th>
+                        <th>Start Time</th>
+                        <th>End Time</th>
+                        <th>Run time</th>
+                     </tr>
+                </thead>
+                <tbody>
+                    <tr role="row">
+                        <td>{{ object.repo}}</td><td>{{ object.get_status_display }}</td><td>{{ object.start_time }}</td>
+                        <td>{{ object.end_time }}</td><td>{{ object.duration }}</td><td>{{ object.log }}</td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
+        <div class="body">
+            <div>
+                <p>
+                    {{ log | linebreaks }}
+                </p>
+            </div>
         </div>
     </div>
 {% endblock %}
\ No newline at end of file