MVP

Change-Id: Ib590302f49e7e66f8d04841fb6cb97baf623f51a
Signed-off-by: Justin Choquette <jchoquette@iol.unh.edu>

2 files changed, 10 insertions, 13 deletions

diff --git a/src/templates/base/workflow/book_a_pod.html b/src/templates/base/workflow/book_a_pod.html
index 7448dc5..8a0fb47 100644
--- a/src/templates/base/workflow/book_a_pod.html
+++ b/src/templates/base/workflow/book_a_pod.html
@@ -24,7 +24,7 @@
     <div class="scroll-container w-100 h-100 p-0">
         <div class="scroll-area pt-5 mx-5" id="select_template">
             <h1 class="mt-4"><u>Book a Pod</u></h1>
-            <h2 class="mt-4 mb-3">Select Host Or Template:</h2>
+            <h2 class="mt-4 mb-3">Select Host Or Template<span class="text-danger">*</span></h2>
             <div class="card-deck align-items-center">
       
               <div class="col-12" id="template_list">
@@ -46,7 +46,7 @@
         </div>
 
         <div class="scroll-area pt-5 mx-5" id="booking_details">
-            <h2 class="mt-4 mb-3">Booking Details</h2>
+            <h2 class="mt-4 mb-3">Booking Details<span class="text-danger">*</span></h2>
             <div class="form-group mb-0">
               <div class="row align-items-center my-4">
                 <div class="col-xl-6 col-md-8 col-11">
@@ -66,9 +66,6 @@
                 <input id="input_length" type="range" min="1" max="21" value="1" class="form-control form-control-lg col-xl-5 col-9 p-0" placeholder="Length" oninput="workflow.onchangeDays()">
               </div>
             </div>
-        </div>
-
-        <div class="scroll-area pt-5 mx-5" id="add_collabs">
             <h2 class="mt-4 mb-3">Add Collaborators:</h2>
             <div class="row">
               <div class="col-xl-6 col-md-8 col-11 p-0 border border-dark">
@@ -99,7 +96,7 @@
             </div>
             <div class="row align-items-center mt-5">
               <!-- <button class="btn btn-danger cancel-book-button p-0 mr-2 col-xl-2 col-md-3 col-5" onclick="workflow.onclickCancel()">Cancel</button> -->
-              <button class="btn btn-success cancel-book-button p-0 ml-2 col-xl-2 col-md-3 col-5" onclick="workflow.onclickConfirm()">Book</button>
+              <button id="booking-confirm-button"  class="btn btn-success cancel-book-button p-0 ml-2 col-xl-2 col-md-3 col-5" onclick="workflow.onclickConfirm()">Book</button>
             </div>
           </div>
         
@@ -144,7 +141,7 @@
         <h5 id="alert_modal_message"></h5>
       </div>
       <div class="modal-footer d-flex justify-content-center">
-        <button class="btn btn-success" data-dismiss="modal" id="alert-modal-submit" onclick="">Confirm</button>
+        <button class="btn btn-success" data-dismiss="modal" id="alert-modal-submit" onclick="workflow.goTo(alert_destination)">Confirm</button>
       </div>
     </div>
   </div>
diff --git a/src/templates/base/workflow/design_a_pod.html b/src/templates/base/workflow/design_a_pod.html
index ab3f11b..32bd332 100644
--- a/src/templates/base/workflow/design_a_pod.html
+++ b/src/templates/base/workflow/design_a_pod.html
@@ -31,14 +31,14 @@
       <div class="scroll-area pt-5 mx-5" id="select_lab">
         <!-- Ideally the 'Design a Pod' header would be anchored to the top of the page below the arrow -->
         <h1 class="mt-4"><u>Design a Pod</u></h1> 
-        <h2 class="mt-4 mb-3">Select a Lab:</h2>
+        <h2 class="mt-4 mb-3">Select a Lab<span class="text-danger">*</span></h2>
         <div class="row card-deck" id="lab_cards">
         </div>
       </div>
 
       <!-- Add Resources -->
       <div class="scroll-area pt-5 mx-5" id="add_resources">
-        <h2 class="mt-4 mb-3">Add Resources:</h2>
+        <h2 class="mt-4 mb-3">Add Resources<span class="text-danger">*</span></h2>
         <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">
@@ -51,7 +51,7 @@
 
       <!-- Add Networks --> 
     <div class="scroll-area pt-5 mx-5" id="add_networks">
-      <h2 class="mt-4 mb-3">Add Networks:</h2>
+      <h2 class="mt-4 mb-3">Add Networks<span class="text-danger">*</span></h2>
         <div class="row card-deck align-items-center" id="network_card_deck">
           <div class="col-xl-3 col-md-6 col-12" id="add_network_plus_card">
             <div class="card align-items-center border-0">
@@ -64,14 +64,14 @@
 
    <!-- Configure Connections-->
    <div class="scroll-area pt-5 mx-5" id="configure_connections">
-      <h2 class="mt-4 mb-3">Configure Connections:</h2>
+      <h2 class="mt-4 mb-3">Configure Connections<span class="text-danger">*</span></h2>
       <div class="row card-deck align-items-center" id="connection_cards">
       </div>
   </div>
 
   <!-- Pod Details-->
   <div class="scroll-area pt-5 mx-5" id="pod_details">
-    <h2 class="mt-4 mb-3">Pod Details</h2>
+    <h2 class="mt-4 mb-3">Pod Details<span class="text-danger">*</span></h2>
     <div class="form-group">
       <div class="row align-items-center my-4">
         <div class="col-xl-6 col-md-8 col-11">
@@ -208,7 +208,7 @@
         <h5 id="alert_modal_message"></h5>
       </div>
       <div class="modal-footer d-flex justify-content-center">
-        <button class="btn btn-success" data-dismiss="modal" id="alert-modal-submit" onclick="">Confirm</button>
+        <button class="btn btn-success" data-dismiss="modal" id="alert-modal-submit" onclick="workflow.goTo(alert_destination)">Confirm</button>
       </div>
     </div>
   </div>