final commenting

Fraju-pc · Jun 23, 2023 · 1027189 · 1027189
1 parent 530e742
commit 1027189
Show file tree

Hide file tree

Showing 7 changed files with 36 additions and 8 deletions.
diff --git a/Week-12-Project/login.html b/Week-12-Project/login.html
@@ -10,17 +10,18 @@
 </head>
 <body class="container bg-secondary text-center">
     <main class="form-signin">
-
+        <!-- Login Form-->
           <img class="mb-4" src="./images/checklist.png" alt="" height="300">
           <h1 class="h3 mb-3 fw-normal"><b>House Chores</b> - Login</h1>
           <form id="loginForm">
           <div class="form-floating">
-
+            <!-- user name -->
             <input type="text" class="form-control" id="username" placeholder="User Name">
             <label for="username">User Name</label>
             <br>
           </div>
           <div class="form-floating">
+            <!-- password -->
             <input type="password" class="form-control" id="password" placeholder="Password">
             <label for="password">Password</label>
           </div>
@@ -45,7 +46,7 @@ <h4>UserName or Password Not Found!</h4>
     </div>
   </div>
 </div>
-
+<!-- scripts -->
 <script src="node_modules/jquery/dist/jquery.js"></script>
 <script src="node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>  
 <script src="login.js"></script>

diff --git a/Week-12-Project/pages/admin.html b/Week-12-Project/pages/admin.html
@@ -13,6 +13,7 @@
 <div class="card">
     <div class="card-body">
         <div class="row">
+            <!--Form to create new Task-->
             <div class="col-md-6">
                 <h1>House Chores List</h1>
             </div>
@@ -26,6 +27,7 @@ <h1>House Chores List</h1>
         <div class="row">
             <div class="col-sm">
                 <div class="form-group">
+                    <!--Person to create Task for-->
                     <label for="assigned-person">Person</label>
                     <select class="form-control" id="assigned-person" name="assigned-person" placeholder="Person to Assign">
                         <option value="Ayla">Ayla</option>
@@ -36,6 +38,7 @@ <h1>House Chores List</h1>
                 </div>
             </div>
             <div class="col-sm">
+                <!--Date created-->
                 <div class="form-group">
                     <label for="date-assigned">Date</label>
                     <input type="date" class="form-control" id="date-assigned">
@@ -44,6 +47,7 @@ <h1>House Chores List</h1>
         </div>
         <div class="row">
             <div class="col-sm">
+                <!--Task to be completed-->
                 <div class="form-group">
                     <label for="assigned-task">Task</label>
                     <input type="text" class="form-control" id="assigned-task" placeholder="Task">
@@ -52,13 +56,15 @@ <h1>House Chores List</h1>
 
         </div>
         <div>
+            <!-- submit button-->
             <br>
             <button id="add" class="btn btn-primary form-control">Create</button>
         </div>
     </div>
 </div>
 <div class="row">
     <div class="col-lg-6">
+        <!-- First Table -->
         <h5>Ayla</h5>
         <table id="a-list" class="table table-warning table-striped rounded">
             <tr>
@@ -70,6 +76,7 @@ <h5>Ayla</h5>
         </table>
     </div>
     <div class="col-lg-6">
+        <!-- Second table-->
         <h5>Braiden</h5>
         <table id="b-list" class="table table-primary table-striped">
             <tr>
@@ -83,6 +90,7 @@ <h5>Braiden</h5>
 </div>
 <div class="row">
     <div class="col-lg-6">
+        <!-- Third Table-->
         <h5>Callan</h5>
         <table id="c-list" class="table table-success table-striped">
             <tr>
@@ -94,6 +102,7 @@ <h5>Callan</h5>
         </table>
     </div>
     <div class="col-lg-6">
+        <!-- Fourth Table -->
         <h5>Delaney</h5>
         <table id="d-list" class="table table-danger table-striped">
             <tr>
@@ -122,7 +131,7 @@ <h5 class="modal-title" id="exampleModalLabel">Email</h5>
       </div>
     </div>
   </div>
-
+<!-- scripts -->
 <script src="../node_modules/jquery/dist/jquery.js"></script>
 <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>  
 <script src="https://smtpjs.com/v3/smtp.js"></script>  

diff --git a/Week-12-Project/pages/alist.html b/Week-12-Project/pages/alist.html
@@ -12,6 +12,7 @@
 <br>
 <div class="card">
     <div class="card-body">
+      <!-- header and back button-->
         <div class="row">
             <div class="col-md-6">
                 <h1>Ayla's Chore List</h1>
@@ -26,6 +27,7 @@ <h1>Ayla's Chore List</h1>
 <div class="row">
     <div class="col-md-12">
         <br><br>
+        <!-- Task table-->
         <table id="a-list" class="table table-warning table-striped rounded">
             <tr>
                 <th>Task</th>
@@ -54,7 +56,7 @@ <h5 class="modal-title" id="exampleModalLabel">Email</h5>
       </div>
     </div>
   </div>
-
+<!-- scripts -->
 <script src="../node_modules/jquery/dist/jquery.js"></script>
 <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>  
 <script src="https://smtpjs.com/v3/smtp.js"></script>  

diff --git a/Week-12-Project/pages/blist.html b/Week-12-Project/pages/blist.html
@@ -12,6 +12,7 @@
 <br>
 <div class="card">
     <div class="card-body">
+      <!-- header and back button-->
         <div class="row">
             <div class="col-md-6">
                 <h1>Braiden's Chore List</h1>
@@ -25,6 +26,7 @@ <h1>Braiden's Chore List</h1>
 </div>
 <div class="row">
     <div class="col-md-12">
+      <!-- task table-->
         <br><br>
         <table id="b-list" class="table table-primary table-striped rounded">
             <tr>
@@ -54,7 +56,7 @@ <h5 class="modal-title" id="exampleModalLabel">Email</h5>
       </div>
     </div>
   </div>
-
+<!-- scripts -->
 <script src="../node_modules/jquery/dist/jquery.js"></script>
 <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>  
 <script src="https://smtpjs.com/v3/smtp.js"></script>  

diff --git a/Week-12-Project/pages/clist.html b/Week-12-Project/pages/clist.html
@@ -12,6 +12,7 @@
 <br>
 <div class="card">
     <div class="card-body">
+      <!-- header and back button-->
         <div class="row">
             <div class="col-md-6">
                 <h1>Callans's Chore List</h1>
@@ -25,6 +26,7 @@ <h1>Callans's Chore List</h1>
 </div>
 <div class="row">
     <div class="col-lg-12">
+      <!-- task table -->
         <br><br>
         <table id="c-list" class="table table-success table-striped rounded">
             <tr>
@@ -54,7 +56,7 @@ <h5 class="modal-title" id="exampleModalLabel">Email</h5>
       </div>
     </div>
   </div>
-
+<!-- scripts -->
 <script src="../node_modules/jquery/dist/jquery.js"></script>
 <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>  
 <script src="https://smtpjs.com/v3/smtp.js"></script>  

diff --git a/Week-12-Project/pages/dlist.html b/Week-12-Project/pages/dlist.html
@@ -12,6 +12,7 @@
 <br>
 <div class="card">
     <div class="card-body">
+      <!-- header and back button -->
         <div class="row">
             <div class="col-md-6">
                 <h1>Delaney's Chore List</h1>
@@ -25,6 +26,7 @@ <h1>Delaney's Chore List</h1>
 </div>
 <div class="row">
     <div class="col-lg-12">
+      <!-- task table -->
         <br><br>
         <table id="d-list" class="table table-danger table-striped rounded">
             <tr>
@@ -54,7 +56,7 @@ <h5 class="modal-title" id="exampleModalLabel">Email</h5>
       </div>
     </div>
   </div>
-
+<!-- scripts -->
 <script src="../node_modules/jquery/dist/jquery.js"></script>
 <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>  
 <script src="https://smtpjs.com/v3/smtp.js"></script>  

diff --git a/Week-12-Project/pages/users.html b/Week-12-Project/pages/users.html
@@ -12,13 +12,15 @@
 <br>
 <div class="card">
     <div class="card-body">
+        <!-- form to add new user -->
         <div class="row">
             <div class="col-md-6">
                 <h1>Add New User</h1>
             </div>
             <div class="col-md-6"><button class="btn btn-primary" onclick="window.location.href='admin.html';">Go Back</button></div>
         </div>
         <div class="row">
+            <!-- user name -->
             <div class="col-sm">
                 <div class="form-group">
                     <label for="new-user">New User</label>
@@ -27,6 +29,7 @@ <h1>Add New User</h1>
             </div>
         </div>
         <div class="row">
+            <!-- password -->
             <div class="col-sm">
                 <div class="form-group">
                     <label for="new-password">Password</label>
@@ -35,6 +38,7 @@ <h1>Add New User</h1>
             </div>
 
         </div>
+        <!-- submit button -->
         <div>
             <br>
             <button id="add" class="btn btn-primary form-control">Add New User</button>
@@ -43,6 +47,7 @@ <h1>Add New User</h1>
 </div>
 <div class="row">
     <div class="col-lg-12">
+        <!-- user display table -->
         <br><br>
         <h5>Users</h5>
         <table id="u-list" class="table table-secondary table-striped rounded">
@@ -72,6 +77,7 @@ <h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
                             <h1>Update User</h1>
                         </div>
                         <div class="row">
+                            <!-- ID to update-->
                             <div class="col-sm">
                                 <div class="form-group">
                                     <label for="id">Id</label>
@@ -80,6 +86,7 @@ <h1>Update User</h1>
                             </div>
                         </div>
                     <div class="row">
+                        <!-- name to update -->
                         <div class="col-sm">
                             <div class="form-group">
                                 <label for="user">User</label>
@@ -89,6 +96,7 @@ <h1>Update User</h1>
                     </div>
                     <div class="row">
                         <div class="col-sm">
+                            <!-- passwrod to update-->
                             <div class="form-group">
                                 <label for="password">Password</label>
                                 <input type="text" class="form-control" id="password" placeholder="Password">
@@ -101,13 +109,15 @@ <h1>Update User</h1>
             </div>
         </div>
         <div class="modal-footer">
+            <!-- buttons to submit or close the modal-->
           <button type="button" id="close" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
           <button type="button" id="update" class="btn btn-primary">Save changes</button>
         </div>
       </div>
     </div>
   </div>
 
+  <!-- scripts -->
 <script src="../node_modules/jquery/dist/jquery.js"></script>
 <script src="../node_modules/bootstrap/dist/js/bootstrap.bundle.js"></script>
 <script src="../modules/users.js"></script>