From a4ba880252b2bad72df3f16dd11fdf2206825335 Mon Sep 17 00:00:00 2001
From: Justin Choquette <jchoquette@iol.unh.edu>
Date: Mon, 23 Oct 2023 16:24:13 -0400
Subject: Single Template Selection For Compatible Dashboards

Change-Id: I0a795c2c49fdbe0427182a8789d622003997efcd
Signed-off-by: Justin Choquette <jchoquette@iol.unh.edu>
---
 src/templates/anuket/base.html                | 89 +++++++++++++++++++++++++++
 src/templates/anuket/dashboard/landing.html   | 12 ++++
 src/templates/anuket/layout.html              |  5 ++
 src/templates/base/workflow/design_a_pod.html | 20 +++---
 src/templates/laas/base.html                  | 89 ---------------------------
 src/templates/laas/dashboard/landing.html     | 12 ----
 src/templates/laas/layout.html                |  5 --
 src/templates/lfedge/base.html                |  2 -
 src/templates/lfedge/dashboard/landing.html   | 19 +-----
 9 files changed, 119 insertions(+), 134 deletions(-)
 create mode 100644 src/templates/anuket/base.html
 create mode 100644 src/templates/anuket/dashboard/landing.html
 create mode 100644 src/templates/anuket/layout.html
 delete mode 100644 src/templates/laas/base.html
 delete mode 100644 src/templates/laas/dashboard/landing.html
 delete mode 100644 src/templates/laas/layout.html

(limited to 'src/templates')

diff --git a/src/templates/anuket/base.html b/src/templates/anuket/base.html
new file mode 100644
index 0000000..f980268
--- /dev/null
+++ b/src/templates/anuket/base.html
@@ -0,0 +1,89 @@
+{% extends "base/base.html" %}
+{% load staticfiles %}
+{% block logo %}
+
+<style>
+    nav ,body{
+	background-color:#fff !important;
+    color:#343a40 !important;
+	}
+
+    header{
+        background-color:#f8f9fa !important;
+        color:#343a40 !important;
+    }
+
+    .nav-bg{
+        background-color:#fff !important;
+        color:#343a40 !important;
+    }
+
+    .nav-bg:hover{
+        background-color:#f8f9fa !important;
+        transition-duration:0.2s;
+    }
+
+    .dropDown-bg{
+        background-color:#d6d8db !important;
+        color:#343a40 !important;
+    }
+
+    .btnAnuket {
+        color: #343a40;
+        background-color: #6BDAD5;
+        transition-duration:0.2s;
+        border:0px
+    }
+    .btnAnuket:hover{
+        color: #f8f9fa;
+        background-color: #007473;
+        border:0px
+    }
+
+    .btnAnuket:focus{
+        color: #f8f9fa !important;
+        background-color: #007473 !important;
+        border:0px
+    }
+
+    .alertAnuket{
+        background-color: #e6b3c1;
+        color:#820c2c;
+        border:0px;
+    }
+    .inTextLink{
+        text-decoration: underline;
+    }
+
+    .Anuket-Text{
+        color:#343a40 !important;
+    }
+
+    h1, h2{
+        color:#343a40 !important;
+    }
+
+    p, h3, h4, h5{
+        color:#343a40 !important;
+    }
+
+    ::selection {
+    background: #BCE194; 
+    color:#343a40;
+    }
+    ::-moz-selection {
+    background: #BCE194;
+    color:#343a40;
+    }
+    </style>
+
+<div class="col-12 col-sm order-1 order-sm-2 text-center text-lg-left">
+    <a href="https://anuket.io/" class="navbar-brand">
+        <img src="{% static "img/Anuket-logo.svg" %}" width="134.2" height="50" style="vertical-align:middle; margin:12px 12px 12px -20px;">
+    </a>
+    <a class="navbar-brand d-none d-lg-inline Anuket-Text" href={% url 'dashboard:index' %} style="margin-left:10px; font-size:26px; vertical-align:middle;">
+        LaaS Dashboard
+    </a>
+</div>
+{% endblock logo %}
+
diff --git a/src/templates/anuket/dashboard/landing.html b/src/templates/anuket/dashboard/landing.html
new file mode 100644
index 0000000..12d8924
--- /dev/null
+++ b/src/templates/anuket/dashboard/landing.html
@@ -0,0 +1,12 @@
+{% extends "base/dashboard/landing.html" %}
+
+{% block about_us %}
+<p>The Lab as a Service (LaaS) project aims to help in the development and testing of LFN projects such as
+    Anuket
+    by hosting hardware and providing access to the community. Currently, the only participating lab is the
+    University of New Hampshire Interoperability Lab (UNH-IOL).</p>
+<p>To get started, you can request access to a server at the right. PTL's have the ability to design and
+    book a
+    whole block of servers with customized layer2 networks (e.g. a Pharos Pod). Read more here: 
+    <a href="https://wiki.anuket.io/display/HOME/Lab+as+a+Service" target="_blank" class="inTextLink">LaaS Wiki</a></p>
+{% endblock %}
\ No newline at end of file
diff --git a/src/templates/anuket/layout.html b/src/templates/anuket/layout.html
new file mode 100644
index 0000000..f9b1d99
--- /dev/null
+++ b/src/templates/anuket/layout.html
@@ -0,0 +1,5 @@
+{% extends "base/layout.html" %}
+
+{% block head-title %}
+<title>LaaS Dashboard</title>
+{% endblock head-title %}
diff --git a/src/templates/base/workflow/design_a_pod.html b/src/templates/base/workflow/design_a_pod.html
index c23e5a8..4804792 100644
--- a/src/templates/base/workflow/design_a_pod.html
+++ b/src/templates/base/workflow/design_a_pod.html
@@ -7,8 +7,6 @@
 <script src="/static/js/workflows/design-a-pod.js"></script>
 {% endblock %}
 {% block content %}
-{% if dashboard == 'laas' %}
-
 <!-- Main Content -->
 <body>
 
@@ -18,13 +16,13 @@
         <div class="arrow arrow-up"></div>
       </button>
     </div>
-  
+
     <div id="next" class="row w-100 m-0">
       <button class="btn btn-workflow-nav stretched-link m-0 p-0 mb-3" onclick="workflow.goNext()" id="workflow-next">
         <div class="arrow arrow-down"></div>
       </button>
     </div>
-  
+
     <div class="scroll-container w-100 h-100 p-0">
 
       <!-- Select Lab -->
@@ -40,18 +38,24 @@
       <!-- Add Resources -->
       <div class="scroll-area pt-5 mx-5" id="add_resources">
         <h2 class="mt-4 mb-3">Add Resources<span class="text-danger">*</span></h2>
-        <p>Add up to 8 configurable resources to your pod, then use the navigation arrows to proceed to the next step.</p>
+        {% if constraints.max_hosts != "null" %}
+        <p>Add up to {{constraints.max_hosts}} configurable resources to your pod, then use the navigation arrows to proceed to the next step.</p>
+        {% else %}
+        <p>Select a resource bundle that you would like to configure. To change the selected resource bundle, remove all added resources.</p>
+        {% endif %}
         <div class="row card-deck align-items-center" id="host_cards">
           <div class="col-xl-3 col-md-6 col-12" id="add_resource_plus_card">
             <div class="card align-items-center border-0">
-              <span class="" id="resource-count">0 / 8</span>
+              {% if constraints.max_hosts != "null" %}
+              <span class="" id="resource-count">0 / {{constraints.max_hosts}}</span>
+              {% endif %}
               <button class="btn btn-success add-button p-0" onclick="workflow.onclickAddResource()">+</button>
             </div>
           </div>
         </div>
       </div>
 
-      <!-- Add Networks --> 
+      <!-- Add Networks -->
     <div class="scroll-area pt-5 mx-5" id="add_networks">
       <h2 class="mt-4 mb-3">Add Networks<span class="text-danger">*</span></h2>
       <p>Define networks to use in your pod. A network may be set as public or private.</p>
@@ -238,8 +242,8 @@
 
 <script>
   const user = "{{user}}"
+  const max_hosts = {{constraints.max_hosts}}
   const workflow = new DesignWorkflow();
   workflow.startWorkflow();
 </script>
-{% endif %}
 {% endblock %}
diff --git a/src/templates/laas/base.html b/src/templates/laas/base.html
deleted file mode 100644
index f980268..0000000
--- a/src/templates/laas/base.html
+++ /dev/null
@@ -1,89 +0,0 @@
-{% extends "base/base.html" %}
-{% load staticfiles %}
-{% block logo %}
-
-<style>
-    nav ,body{
-	background-color:#fff !important;
-    color:#343a40 !important;
-	}
-
-    header{
-        background-color:#f8f9fa !important;
-        color:#343a40 !important;
-    }
-
-    .nav-bg{
-        background-color:#fff !important;
-        color:#343a40 !important;
-    }
-
-    .nav-bg:hover{
-        background-color:#f8f9fa !important;
-        transition-duration:0.2s;
-    }
-
-    .dropDown-bg{
-        background-color:#d6d8db !important;
-        color:#343a40 !important;
-    }
-
-    .btnAnuket {
-        color: #343a40;
-        background-color: #6BDAD5;
-        transition-duration:0.2s;
-        border:0px
-    }
-    .btnAnuket:hover{
-        color: #f8f9fa;
-        background-color: #007473;
-        border:0px
-    }
-
-    .btnAnuket:focus{
-        color: #f8f9fa !important;
-        background-color: #007473 !important;
-        border:0px
-    }
-
-    .alertAnuket{
-        background-color: #e6b3c1;
-        color:#820c2c;
-        border:0px;
-    }
-    .inTextLink{
-        text-decoration: underline;
-    }
-
-    .Anuket-Text{
-        color:#343a40 !important;
-    }
-
-    h1, h2{
-        color:#343a40 !important;
-    }
-
-    p, h3, h4, h5{
-        color:#343a40 !important;
-    }
-
-    ::selection {
-    background: #BCE194; 
-    color:#343a40;
-    }
-    ::-moz-selection {
-    background: #BCE194;
-    color:#343a40;
-    }
-    </style>
-
-<div class="col-12 col-sm order-1 order-sm-2 text-center text-lg-left">
-    <a href="https://anuket.io/" class="navbar-brand">
-        <img src="{% static "img/Anuket-logo.svg" %}" width="134.2" height="50" style="vertical-align:middle; margin:12px 12px 12px -20px;">
-    </a>
-    <a class="navbar-brand d-none d-lg-inline Anuket-Text" href={% url 'dashboard:index' %} style="margin-left:10px; font-size:26px; vertical-align:middle;">
-        LaaS Dashboard
-    </a>
-</div>
-{% endblock logo %}
-
diff --git a/src/templates/laas/dashboard/landing.html b/src/templates/laas/dashboard/landing.html
deleted file mode 100644
index 12d8924..0000000
--- a/src/templates/laas/dashboard/landing.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{% extends "base/dashboard/landing.html" %}
-
-{% block about_us %}
-<p>The Lab as a Service (LaaS) project aims to help in the development and testing of LFN projects such as
-    Anuket
-    by hosting hardware and providing access to the community. Currently, the only participating lab is the
-    University of New Hampshire Interoperability Lab (UNH-IOL).</p>
-<p>To get started, you can request access to a server at the right. PTL's have the ability to design and
-    book a
-    whole block of servers with customized layer2 networks (e.g. a Pharos Pod). Read more here: 
-    <a href="https://wiki.anuket.io/display/HOME/Lab+as+a+Service" target="_blank" class="inTextLink">LaaS Wiki</a></p>
-{% endblock %}
\ No newline at end of file
diff --git a/src/templates/laas/layout.html b/src/templates/laas/layout.html
deleted file mode 100644
index f9b1d99..0000000
--- a/src/templates/laas/layout.html
+++ /dev/null
@@ -1,5 +0,0 @@
-{% extends "base/layout.html" %}
-
-{% block head-title %}
-<title>LaaS Dashboard</title>
-{% endblock head-title %}
diff --git a/src/templates/lfedge/base.html b/src/templates/lfedge/base.html
index 4413340..b8ed8c8 100644
--- a/src/templates/lfedge/base.html
+++ b/src/templates/lfedge/base.html
@@ -17,8 +17,6 @@
     </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 %}
diff --git a/src/templates/lfedge/dashboard/landing.html b/src/templates/lfedge/dashboard/landing.html
index 9a776dc..f04ed4d 100644
--- a/src/templates/lfedge/dashboard/landing.html
+++ b/src/templates/lfedge/dashboard/landing.html
@@ -1,23 +1,6 @@
 {% 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 %}
-- 
cgit