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, 39 insertions, 11 deletions

diff --git a/qtip/web/templates/bench/repo_form.html b/qtip/web/templates/bench/repo_form.html
index 109436a9..158b8481 100644
--- a/qtip/web/templates/bench/repo_form.html
+++ b/qtip/web/templates/bench/repo_form.html
@@ -1,15 +1,43 @@
 {% extends 'bench/base.html' %}
 {% block content %}
-    <div>
-        <h3>Repos</h3>
-        {% for repo in repos %}
-        <li>{{ repo.name }}</li>
-        {% endfor %}
-    </div>
-    <form role="form" method="post" action="">{% csrf_token %}
-        {{ form }}
-        <div class=input-field" style="margin:30px 20px">
-            <button  type="submit" value="Login"/>Submit</button>
+    <div class="card" >
+        <div class="header">
+            <h2>Repos</h2>
+            <ul class="header-dropdown m-r-0">
+                <li>
+                    <button data-toggle="modal" data-target="#repoform" class="btn bg-purple waves-effect"><i id="template-role" class="material-icons">{{ template_role }}</i></button>
+                </li>
+            </ul>
+        </div>
+        <div class="body">
+            {% for repo in repos %}
+            <ul class="font-15" ><a href="{% url 'repo_update' repo.id %}">{{ repo.name }}</a></ul>
+            {% endfor %}
         </div>
-    </form>
+    </div>
+    <div id="repoform" class="modal fade in" role="dialog" tabindex="-1">
+         <div class="modal-dialog" role="document">
+             <div class="modal-content">
+                <div class="modal-header"></div>
+                <div class="modal-body">
+                <form role="form" method="post" action="">{% csrf_token %}
+                    {{ form }}
+                    <div class=input-field" style="margin:30px 20px">
+                    <button  type="submit" value="Login">Submit</button>
+                    </div>
+                </form>
+                </div>
+                <div class="modal-footer"></div>
+             </div>
+         </div>
+    </div>
+    <script>
+        $(window).on('load',function(){
+            if($('#template-role').text() == "edit")
+            {
+                console.log("hello");
+                $('#repoform').modal('show');
+            }
+    });
+    </script>
 {% endblock %}