Lab as a Service 2.0

See changes here:
https://wiki.opnfv.org/display/INF/Pharos+Laas

Change-Id: I59ada5f98e70a28d7f8c14eab3239597e236ca26
Signed-off-by: Sawyer Bergeron <sbergeron@iol.unh.edu>
Signed-off-by: Parker Berberian <pberberian@iol.unh.edu>

6 files changed, 145 insertions, 1 deletions

diff --git a/src/templates/account/booking_list.html b/src/templates/account/booking_list.html
new file mode 100644
index 0000000..ef4df3a
--- /dev/null
+++ b/src/templates/account/booking_list.html
@@ -0,0 +1,52 @@
+{% extends "base.html" %}
+{% block content %}
+<script>
+function edit_booking(pk){
+    var csrf = $('input[name="csrfmiddlewaretoken"]').val();
+    $.ajax({
+        type: "POST",
+        url: "/",
+        data: { "target": pk, "create": 0, "csrfmiddlewaretoken": csrf},
+        beforeSend: function(request) {
+            request.setRequestHeader("X-CSFRToken", csrf);
+        }
+    }).done(function(){
+        window.location.replace("/wf/");
+    }).fail(function(){})
+}
+</script>
+<h2>Bookings I Own</h2>
+    {% for booking in bookings %}
+        <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+            <ul>
+            <li>id: {{booking.id}}</li>
+            <li>lab: {{booking.resource.template.lab.lab_user.username}}</li>
+            <li>resource: {{booking.resource.template.name}}</li>
+            <li>start: {{booking.start}}</li>
+            <li>end: {{booking.end}}</li>
+            <li>purpose: {{booking.purpose}}</li>
+            </ul>
+            <div style="display:inline;margin:3px;padding:3px">
+                <button onclick="edit_booking({{booking.id}});">Edit</button>
+                <button onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
+            </div>
+        </div>
+    {% endfor %}
+<h2>Bookings I Collaborate On</h2>
+    {% for booking in collab_bookings %}
+        <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+            <ul>
+            <li>id: {{booking.id}}</li>
+            <li>lab: {{booking.lab}}</li>
+            <li>resource: {{booking.resource_name}}</li>
+            <li>start: {{booking.start}}</li>
+            <li>end: {{booking.end}}</li>
+            <li>purpose: {{booking.purpose}}</li>
+            </ul>
+            <div style="display:inline;margin:3px;padding:3px">
+                <button disabled=true onclick="edit_booking({{booking.id}});">Edit</button>
+                <button onclick="location.href='/booking/detail/{{booking.id}}/';">Details</button>
+            </div>
+        </div>
+    {% endfor %}
+{% endblock %}
diff --git a/src/templates/account/configuration_list.html b/src/templates/account/configuration_list.html
new file mode 100644
index 0000000..ee61e97
--- /dev/null
+++ b/src/templates/account/configuration_list.html
@@ -0,0 +1,28 @@
+{% extends "base.html" %}
+{% block content %}
+<script>
+function edit_configuration(pk){
+    var csrf = $('input[name="csrfmiddlewaretoken"]').val();
+    $.ajax({
+        type: "POST",
+        url: "/",
+        data: { "target": pk, "create": 2, "csrfmiddlewaretoken": csrf},
+        beforeSend: function(request) {
+            request.setRequestHeader("X-CSFRToken", csrf);
+            }
+        }).done(function(){
+            window.location.replace("/wf/");
+        }).fail(function(){});
+}
+</script>
+    {% for config in configurations %}
+        <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+            <ul>
+                <li>id: {{config.id}}</li>
+                <li>name: {{config.name}}</li>
+                <li>description: {{config.description}}</li>
+            </ul>
+            <button onclick="edit_configuration({{config.id}});">Edit</button>
+        </div>
+    {% endfor %}
+{% endblock %}
diff --git a/src/templates/account/details.html b/src/templates/account/details.html
new file mode 100644
index 0000000..5641064
--- /dev/null
+++ b/src/templates/account/details.html
@@ -0,0 +1,9 @@
+{% extends "base.html" %}
+{% load staticfiles %}
+{% block content %}
+<h1>Account Details</h1>
+<button onclick="location.href = '{% url 'account:my-resources' %}'">My Resources</button>
+<button onclick="location.href = '{% url 'account:my-bookings' %}'">My Bookings</button>
+<button onclick="location.href = '{% url 'account:my-configurations' %}'">My Configurations</button>
+<button onclick="location.href = '{% url 'account:my-images' %}'">My Snapshots</button>
+{% endblock content %}
diff --git a/src/templates/account/image_list.html b/src/templates/account/image_list.html
new file mode 100644
index 0000000..fb436df
--- /dev/null
+++ b/src/templates/account/image_list.html
@@ -0,0 +1,27 @@
+{% extends "base.html" %}
+{% block content %}
+<h2>Images I Own</h2>
+    {% for image in images %}
+        <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+            <ul>
+            <li>id: {{image.id}}</li>
+            <li>lab: {{image.from_lab.name}}</li>
+            <li>name: {{image.name}}</li>
+            <li>description: {{image.description}}</li>
+            <li>host profile: {{image.host_type.name}}</li>
+            </ul>
+        </div>
+    {% endfor %}
+<h2>Public Images</h2>
+    {% for image in public_images %}
+        <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+            <ul>
+            <li>id: {{image.id}}</li>
+            <li>lab: {{image.from_lab.name}}</li>
+            <li>name: {{image.name}}</li>
+            <li>description: {{image.description}}</li>
+            <li>host profile: {{image.host_type.name}}</li>
+            </ul>
+        </div>
+    {% endfor %}
+{% endblock %}
diff --git a/src/templates/account/resource_list.html b/src/templates/account/resource_list.html
new file mode 100644
index 0000000..482a000
--- /dev/null
+++ b/src/templates/account/resource_list.html
@@ -0,0 +1,28 @@
+{% extends "base.html" %}
+{% block content %}
+<script>
+function edit_resource(pk){
+    var csrf = $('input[name="csrfmiddlewaretoken"]').val();
+    $.ajax({
+        type: "POST",
+        url: "/",
+        data: { "target": pk, "create": 1, "csrfmiddlewaretoken": csrf},
+        beforeSend: function(request) {
+            request.setRequestHeader("X-CSFRToken", csrf);
+            }
+        }).done(function(){
+            window.location.replace("/wf/");
+        }).fail(function(){});
+}
+</script>
+    {% for resource in resources %}
+        <div style="border:2px;border-style:solid;border-color:grey;margin:5px">
+            <ul>
+                <li>id: {{resource.id}}</li>
+                <li>name: {{resource.name}}</li>
+                <li>description: {{resource.description}}</li>
+            </ul>
+            <button onclick="edit_resource({{resource.id}});">Edit</button>
+        </div>
+    {% endfor %}
+{% endblock %}
diff --git a/src/templates/account/user_list.html b/src/templates/account/user_list.html
index 58ddda6..e564524 100644
--- a/src/templates/account/user_list.html
+++ b/src/templates/account/user_list.html
@@ -47,7 +47,7 @@
     <script type="text/javascript">
         $(document).ready(function () {
             $('#table').DataTable({
-		scrollX: true,
+        scrollX: true,
                 "order": [[0, "asc"]]
             });
         });