diff options
Diffstat (limited to 'src/templates/lfedge')
-rw-r--r-- | src/templates/lfedge/base.html | 45 | ||||
-rw-r--r-- | src/templates/lfedge/booking/booking_table.html | 41 | ||||
-rw-r--r-- | src/templates/lfedge/booking/quick_deploy.html | 28 | ||||
-rw-r--r-- | src/templates/lfedge/dashboard/landing.html | 23 | ||||
-rw-r--r-- | src/templates/lfedge/layout.html | 5 |
5 files changed, 142 insertions, 0 deletions
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 %} |