From babedf30038b453ea7d123c9bb744f4acb14e625 Mon Sep 17 00:00:00 2001
From: Adam Hassick <ahassick@iol.unh.edu>
Date: Tue, 16 Mar 2021 14:18:31 -0400
Subject: Added LF Edge template overrides.

Signed-off-by: Adam Hassick <ahassick@iol.unh.edu>
Change-Id: If119646eee67fb7e145c5e92e64fa4f28a947dbe
---
 src/templates/lfedge/base.html                  | 45 +++++++++++++++++++++++++
 src/templates/lfedge/booking/booking_table.html | 41 ++++++++++++++++++++++
 src/templates/lfedge/booking/quick_deploy.html  | 28 +++++++++++++++
 src/templates/lfedge/dashboard/landing.html     | 23 +++++++++++++
 src/templates/lfedge/layout.html                |  5 +++
 5 files changed, 142 insertions(+)
 create mode 100644 src/templates/lfedge/base.html
 create mode 100644 src/templates/lfedge/booking/booking_table.html
 create mode 100644 src/templates/lfedge/booking/quick_deploy.html
 create mode 100644 src/templates/lfedge/dashboard/landing.html
 create mode 100644 src/templates/lfedge/layout.html

(limited to 'src/templates/lfedge')

diff --git a/src/templates/lfedge/base.html b/src/templates/lfedge/base.html
new file mode 100644
index 0000000..64c05a4
--- /dev/null
+++ b/src/templates/lfedge/base.html
@@ -0,0 +1,45 @@
+{% extends "base/base.html" %}
+{% load staticfiles %}
+{% block bgColor %}
+<style>
+.LFEdge {
+    background: #0049b0;
+    margin-left: -25px;
+}
+
+.wtext {
+    font-size: 18px;
+    color: #FFFFFF;
+}
+
+.wtext:hover {
+    color: #FFFFFF;
+    text-decoration: none;
+}
+</style>
+<nav class="navbar navbar-light LFEdge navbar-fixed-top border-bottom py-0 mb-0" role="navigation">
+{% endblock bgColor %}
+
+{% block logo %}
+<div class="barClamp col-12 col-sm order-1 order-sm-2 text-center text-lg-left">
+    <a href="https://www.lfedge.org/" class="navbar-brand">
+        <img src="{% static "img/lfedge-logo.png" %}">
+    </a>
+
+    <a class="wtext d-none d-lg-inline" href={% url 'dashboard:index' %}>
+        Dashboard
+    </a>
+</div>
+{% endblock logo %}
+{% block dropDown %}
+{% endblock dropDown %}
+{% block userDropDownText %}
+<a class="nav-link p-0 wtext p-2" data-toggle="dropdown" href="#">
+    {% if request.user.username %}
+        {{request.user.username}}
+    {% else %}
+        <i class="fas fa-user"></i>
+    {% endif %}
+    <i class="fas fa-caret-down rotate"></i>
+</a>
+{% endblock userDropDownText %}
diff --git a/src/templates/lfedge/booking/booking_table.html b/src/templates/lfedge/booking/booking_table.html
new file mode 100644
index 0000000..4afb4d2
--- /dev/null
+++ b/src/templates/lfedge/booking/booking_table.html
@@ -0,0 +1,41 @@
+{% load jira_filters %}
+
+
+<thead>
+<tr>
+    <th>Owner</th>
+    <th>Purpose</th>
+    <th>Project</th>
+    <th>Start</th>
+    <th>End</th>
+    <th>Operating System</th>
+    <th>Pod</th>
+</tr>
+</thead>
+<tbody>
+{% for booking in bookings %}
+    <tr>
+        <td>
+            {{ booking.owner.username }}
+        </td>
+        <td>
+            {{ booking.purpose }}
+        </td>
+        <td>
+            {{ booking.project }}
+        </td>
+        <td>
+            {{ booking.start }}
+        </td>
+        <td>
+            {{ booking.end }}
+        </td>
+        <td>
+            {{ booking.resource.get_head_node.config.image.os.name }}
+        </td>
+        <td>
+            {{ booking.resource.get_template_name }}
+        </td>
+    </tr>
+{% endfor %}
+</tbody>
diff --git a/src/templates/lfedge/booking/quick_deploy.html b/src/templates/lfedge/booking/quick_deploy.html
new file mode 100644
index 0000000..dac3815
--- /dev/null
+++ b/src/templates/lfedge/booking/quick_deploy.html
@@ -0,0 +1,28 @@
+{% extends "base/booking/quick_deploy.html" %}
+{% block opnfv %}
+{% endblock opnfv %}
+{% block form-text %}
+<p class="my-0">
+    Please select a host type you wish to book.
+    Only available types are shown.
+    More information can be found here:
+    <a href="https://wiki.lfedge.org/display/LE/Shared+Community+Lab">LF Edge Wiki</a>.
+    If something isn't working right, let us know <a href="mailto:{{contact_email}}"> here! </a> 
+</p>
+{% endblock form-text %}
+{% block collab %}
+<div class="col-12 col-lg-4 my-2">
+    <div class="col border rounded py-2 h-100">
+        <label>Collaborators</label>
+        {{ form.users }}
+    </div>
+</div>
+{% endblock collab %}
+
+{% block image_script %}
+    <script type="text/javascript">
+        document.getElementById("id_image").disabled = true;
+        document.getElementById("id_image").style.display = 'none';
+        document.getElementById("id_image").previousElementSibling.style.display = 'none';
+    </script>
+{% endblock image_script %}
diff --git a/src/templates/lfedge/dashboard/landing.html b/src/templates/lfedge/dashboard/landing.html
new file mode 100644
index 0000000..9a776dc
--- /dev/null
+++ b/src/templates/lfedge/dashboard/landing.html
@@ -0,0 +1,23 @@
+{% extends "base/dashboard/landing.html" %}
+{% block about_us %}
+    <p>The Shared Community Lab at the IOL aims to help development and testing of LF Edge projects by hosting hardware and providing access to the community.</p>
+    <p>To get started, you can request access to a pod at the right.</p>
+{% endblock about_us %}
+
+{% block btnGrp %}
+<style>
+.btnLFEdge {
+    color: #fff;
+    background-color: #0049b0;
+}
+.btnLFEdge:hover{
+    color: #fff;
+    background-color: #001776;
+}
+</style>
+<p>To get started, book a pod below:</p>
+<a class="btn btnLFEdge btn-lg d-flex flex-column justify-content-center align-content-center border text-white p-4" href="/booking/quick/">Book a Pod</a>
+{% endblock btnGrp %}
+
+{% block returningUsers %}
+{% endblock returningUsers %}
diff --git a/src/templates/lfedge/layout.html b/src/templates/lfedge/layout.html
new file mode 100644
index 0000000..217060c
--- /dev/null
+++ b/src/templates/lfedge/layout.html
@@ -0,0 +1,5 @@
+{% extends "base/layout.html" %}
+
+{% block head-title %}
+<title>LF Edge Dashboard</title>
+{% endblock head-title %}
-- 
cgit 1.2.3-korg