feat: Working on route and id helpers for views.

Sources/App/Views/PurchaseOrders/PurchaseOrderTable.swift

@@ -7,30 +7,66 @@ import Vapor
 struct PurchaseOrderTable: HTML {
 
   let page: Page<PurchaseOrder>
+  let context: Context
+  let searchContext: PurchaseOrderSearchContext?
+
+  init(
+    page: Page<PurchaseOrder>,
+    context: Context = .default,
+    searchContext: PurchaseOrderSearchContext? = nil
+  ) {
+    self.page = page
+    self.context = context
+    self.searchContext = searchContext
+  }
 
   var content: some HTML {
-    table {
-      thead {
-        tr {
-          th { "PO" }
-          th { "Work Order" }
-          th { "Customer" }
-          th { "Vendor" }
-          th { "Materials" }
-          th { "Created For" }
-          th {
-            Button.add()
-              .attributes(
-                .hx.get("/purchase-orders/create"),
-                .hx.target("#float"),
-                .hx.swap(.outerHTML),
-                .hx.pushURL(true)
-              )
-          }
+    table(.id(.purchaseOrders())) {
+      if page.items.count > 0 {
+        thead {
+          buttonRow
+          tableHeader
+        }
+        tbody(.id(.purchaseOrders(.table))) {
+          Rows(page: page)
         }
       }
-      tbody(.id("purchase-order-table")) {
-        Rows(page: page)
+    }
+  }
+
+  private var tableHeader: some HTML<HTMLTag.tr> {
+    tr {
+      th { "PO" }
+      th { "Work Order" }
+      th { "Customer" }
+      th { "Vendor" }
+      th { "Materials" }
+      th { "Created For" }
+      th {
+        if context != .search {
+          Button.add()
+            .attributes(
+              .hx.get(route: .purchaseOrders(.create)), .hx.target(.float),
+              .hx.swap(.outerHTML), .hx.pushURL(true)
+            )
+        }
+      }
+    }
+  }
+
+  private var buttonRow: some HTML<HTMLTag.tr> {
+    tr {
+      div(.class("btn-row")) {
+        if context != .search {
+          button(
+            .class("btn-primary"), .style("position: absolute; top: 80px; right: 20px;"),
+            .hx.get(route: .purchaseOrders(.search(.context(.employee)))),
+            .hx.target(.body),
+            .hx.swap(.outerHTML.transition(true).swap("0.5s")),
+            .hx.pushURL(true)
+          )
+            { Img.search() }
+        }
       }
     }
   }
@@ -45,10 +81,11 @@ struct PurchaseOrderTable: HTML {
       }
       if page.metadata.pageCount > page.metadata.page {
         tr(
-          .hx.get("/purchase-orders/next?page=\(page.metadata.page + 1)&limit=\(page.metadata.per)"),
+          // .hx.get("/purchase-orders/next?page=\(page.metadata.page + 1)&limit=\(page.metadata.per)"),
+          .hx.get(route: .purchaseOrders(.nextPage(page.metadata))),
           .hx.trigger(.event(.revealed)),
           .hx.swap(.outerHTML.transition(true).swap("1s")),
-          .hx.target("this"),
+          .hx.target(.this),
           .hx.indicator("next .htmx-indicator")
         ) {
           img(.src("/images/spinner.svg"), .class("htmx-indicator"), .width(60), .height(60))
@@ -63,7 +100,7 @@ struct PurchaseOrderTable: HTML {
 
     var content: some HTML<HTMLTag.tr> {
       tr(
-        .id("purchase_order_\(purchaseOrder.id)")
+        .id(.purchaseOrders(.row(id: purchaseOrder.id)))
       ) {
         td { "\(purchaseOrder.id)" }
         td { purchaseOrder.workOrder != nil ? String(purchaseOrder.workOrder!) : "" }
@@ -83,6 +120,11 @@ struct PurchaseOrderTable: HTML {
       }
     }
   }
+
+  enum Context: String {
+    case `default`
+    case search
+  }
 }
 
 private extension VendorBranch.Detail {