feat: Initial purchase order views, login seems to be broken though.

2025-01-17 12:58:32 -05:00
parent e1d07008a1
commit be0b5a6033
18 changed files with 534 additions and 288 deletions
--- a/Sources/App/Views/PurchaseOrders/PurchaseOrderTable.swift
+++ b/Sources/App/Views/PurchaseOrders/PurchaseOrderTable.swift
@@ -0,0 +1,92 @@
+import Elementary
+import ElementaryHTMX
+import Fluent
+import SharedModels
+import Vapor
+
+struct PurchaseOrderTable: HTML {
+
+  let page: Page<PurchaseOrder>
+
+  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.transition(true).swap("1s")),
+                .hx.pushURL(true)
+              )
+          }
+        }
+      }
+      tbody(.id("purchase-order-table")) {
+        Rows(page: page)
+      }
+    }
+  }
+
+  // Produces only the rows for the given page
+  struct Rows: HTML {
+    let page: Page<PurchaseOrder>
+
+    var content: some HTML {
+      for purchaseOrder in page.items {
+        Row(purchaseOrder: purchaseOrder)
+      }
+      if page.metadata.pageCount > page.metadata.page {
+        tr(
+          .hx.get("/purchase-orders/next?page=\(page.metadata.page + 1)&limit=\(page.metadata.per)"),
+          .hx.trigger(.event(.revealed)),
+          .hx.swap(.outerHTML.transition(true).swap("1s")),
+          .hx.target("this"),
+          .hx.indicator(".htmx-indicator")
+        ) {
+          img(.src("/images/spinner.svg"), .class("htmx-indicator"), .width(60), .height(60))
+        }
+      }
+    }
+  }
+
+  // A single row.
+  struct Row: HTML {
+    let purchaseOrder: PurchaseOrder
+
+    var content: some HTML<HTMLTag.tr> {
+      tr(
+        .id("purchase_order_\(purchaseOrder.id)")
+      ) {
+        td { "\(purchaseOrder.id)" }
+        td { purchaseOrder.workOrder != nil ? String(purchaseOrder.workOrder!) : "" }
+        td { purchaseOrder.customer }
+        td { purchaseOrder.vendorBranch.displayName }
+        td { purchaseOrder.materials }
+        td { purchaseOrder.createdFor.fullName }
+        td {
+          Button.detail()
+            .attributes(
+              .hx.get("/purchase-orders/\(purchaseOrder.id)"),
+              .hx.target("#float"),
+              .hx.swap(.outerHTML.transition(true).swap("0.5s")),
+              .hx.pushURL(true)
+            )
+        }
+      }
+    }
+  }
+}
+
+private extension VendorBranch.Detail {
+  var displayName: String {
+    "\(vendor.name.capitalized) - \(name.capitalized)"
+  }
+}