feat: Reorganizing views

Resources/Views/employees.leaf

@@ -1,10 +0,0 @@
-<div id="home-content" class="container" #if(oob): hx-swap-oob="outerHTML" #endif>
-  <div class="container">
-    <h1>Employees</h1>
-    <br>
-    <p>Employees are who purchase orders can be generated for.</p>
-    <br>
-  </div>
-  #extend("employee-form", form)
-  #extend("employee-table")
-</div>

Resources/Views/employees/index.leaf

@@ -0,0 +1,14 @@
+#extend("home"):
+  #export("homeContent"):
+  <div id="home-content" class="container" #if(oob): hx-swap-oob="outerHTML" #endif>
+    <div class="container">
+      <h1>Employees</h1>
+      <br>
+      <p>Employees are who purchase orders can be generated for.</p>
+      <br>
+    </div>
+    #extend("employees/form", form)
+    #extend("employees/table")
+  </div>
+  #endexport
+#endextend

Resources/Views/home.leaf

@@ -13,26 +13,22 @@
         <ul class="nav-links">
           <li>
             <a hx-get="/users"
-               hx-target="#home-content"
-               hx-swap="outerHTML"
+               hx-target="body"
                hx-push-url="true"
-               #if(route == "users"): hx-trigger="revealed" #endif
                >
               Users
             </a>
           </li>
           <li>
             <a hx-get="/employees"
-               hx-target="#home-content"
-               hx-swap="outerHTML"
+               hx-target="body"
                hx-push-url="true"
-               #if(route == "employees"): hx-trigger="revealed" #endif
                >
                Employees
             </a>
           </li>
           <li>
-            <a hx-get="/vendors?branches=true"
+            <a hx-get="/vendors"
                hx-target="body"
                hx-push-url="true"
                >
@@ -43,9 +39,6 @@
       </nav>
       </div>
       #import("homeContent")
-      <!-- <div id="home-content" class="container"> -->
-      <!--   <p>We're in!</p> -->
-      <!-- </div> -->
     </section>
   </div>
   #endexport

Resources/Views/img/trash-can.leaf

@@ -0,0 +1 @@
+<img src="images/trash-can.svg" alt="Delete">

Resources/Views/login.leaf

@@ -6,7 +6,7 @@
       #extend("logo")
     </div>
   </header>
-  #extend("user-form")
+  #extend("users/form")
 </div>
 #endexport
 #endextend

Resources/Views/users.leaf

@@ -1,10 +0,0 @@
-<div id="home-content" class="container">
-  <div class="container">
-    <h1>Users</h1>
-    <br>
-    <p>Users are people that can login and generate puchase orders for employees.</p>
-    <br>
-  </div>
-  #extend("user-form", form)
-  #extend("user-table")
-</div>

Resources/Views/users/index.leaf

@@ -0,0 +1,14 @@
+#extend("home"):
+  #export("homeContent"):
+  <div id="home-content" class="container">
+    <div class="container">
+      <h1>Users</h1>
+      <br>
+      <p>Users are people that can login and generate puchase orders for employees.</p>
+      <br>
+    </div>
+    #extend("users/form", form)
+    #extend("users/table")
+  </div>
+  #endexport
+#endextend

Resources/Views/vendors/index.leaf

@@ -6,8 +6,8 @@
       <br>
       <p>Vendors are who purchase orders can be issued for, they consist of multiple branches / locations.</p>
       <br>
-      #extend("vendor-form", form)
-      #extend("vendor-table")
+      #extend("vendors/form", form)
+      #extend("vendors/table")
     </div>
   </div>
   #endexport

Resources/Views/vendors/table.leaf

@@ -25,7 +25,7 @@
            hx-swap="outerHTML swap:0.5s"
            hx-confirm="Are you sure you want to delete this vendor?"
            >
-          <img src="images/trash-can.svg" alt="Delete">
+          #extend("img/trash-can")
         </a>
       </td>
     </tr>