From 52d912529c59b87a1bd2bdc5ac9fde126dd0b60e Mon Sep 17 00:00:00 2001
From: Lucas Patenaude <LUPA7501@colorado.edu>
Date: Thu, 11 Apr 2024 02:33:51 -0600
Subject: [PATCH] Comments added to registration page

---
 ...Functions.js => league-and-team-select.js} |  0
 .../src/views/pages/register.hbs              | 22 +++++++++++++++----
 .../src/views/partials/footer.hbs             |  2 +-
 3 files changed, 19 insertions(+), 5 deletions(-)
 rename ProjectSourceCode/src/resources/js/registration/{selectFunctions.js => league-and-team-select.js} (100%)

diff --git a/ProjectSourceCode/src/resources/js/registration/selectFunctions.js b/ProjectSourceCode/src/resources/js/registration/league-and-team-select.js
similarity index 100%
rename from ProjectSourceCode/src/resources/js/registration/selectFunctions.js
rename to ProjectSourceCode/src/resources/js/registration/league-and-team-select.js
diff --git a/ProjectSourceCode/src/views/pages/register.hbs b/ProjectSourceCode/src/views/pages/register.hbs
index 3992d87..4110589 100644
--- a/ProjectSourceCode/src/views/pages/register.hbs
+++ b/ProjectSourceCode/src/views/pages/register.hbs
@@ -1,16 +1,24 @@
 <div class="register-page">
   <div class="form-container">
+
     <h1 class="mt-5 mb-4">Register</h1>
-    <form action="/register" method="POST" class="mt-3">
-      <div class="mb-3">
+
+    <!--- START OF FORM --->
+    <form action="/register" method="POST" class="mt-3"> <!-- Specify API route to DB -->
+    <!-- app.post('register') is found in index.js -->
+
+      <div class="mb-3" id="username-form">
         <label for="username" class="form-label">Username:</label>
         <input type="text" class="form-control" id="usernameInput" name="username" required>
       </div>
-      <div class="mb-3">
+
+      <div class="mb-3" id="password-form">
         <label for="password" class="form-label">Password:</label>
         <input type="password" class="form-control" id="passwordInput" name="password" required>
       </div>
-      <div class="dropdowns">
+
+      <div class="dropdowns" id="dropdowns-container">
+
         <div>
           <label class="form-label">Preferred League :</label><br>
           <select id="league_dropdown">
@@ -22,14 +30,20 @@
             <option>Brasilerao</option>
           </select>
         </div>
+
         <div>
           <label class="form-label">Favorite Team   :</label><br>
           <select id="team_dropdown">
           </select>
         </div>
+
       </div>
       <button type="submit" class="btn btn-primary">Submit</button>
+
     </form>
+    <!--- END OF FORM --->
+
     <p class="mt-3">Already have an account? <a href="/login">Login</a></p>
+
   </div>
 </div>
diff --git a/ProjectSourceCode/src/views/partials/footer.hbs b/ProjectSourceCode/src/views/partials/footer.hbs
index 37e3f40..0d41229 100644
--- a/ProjectSourceCode/src/views/partials/footer.hbs
+++ b/ProjectSourceCode/src/views/partials/footer.hbs
@@ -4,7 +4,7 @@
         </p>
 
         <!-- Registration Page Scripts -->
-        <script src="js/registration/selectFunctions.js"></script>
+        <script src="js/registration/league-and-team-select.js"></script>
 
         <!-- Navigation Bar Scripts -->
         <script src="js/navigation-bar/navigation-bar-follow.js"></script>