feat: Adds employee views.

Sources/App/Views/Employees/EmployeeForm.swift

@@ -0,0 +1,63 @@
+import Elementary
+import ElementaryHTMX
+import SharedModels
+
+struct EmployeeForm: HTML {
+  let employee: Employee?
+  let shouldShow: Bool
+
+  init(employee: Employee? = nil, shouldShow: Bool = false) {
+    self.employee = employee
+    self.shouldShow = shouldShow
+  }
+
+  init(employee: Employee) {
+    self.employee = employee
+    self.shouldShow = true
+  }
+
+  var content: some HTML {
+    Float(shouldDisplay: shouldShow, resetURL: "/employees") {
+      form(
+        employee == nil ? .hx.post(targetURL) : .hx.put(targetURL),
+        employee == nil ? .hx.target("#employee-table") : .hx.target("#employee_\(employee!.id)"),
+        employee == nil
+          ? .hx.swap(.beforeEnd.transition(true).swap("0.5s"))
+          : .hx.swap(.outerHTML.transition(true).swap("0.5s")),
+        .custom(
+          name: "hx-on::after-request",
+          value: "if (event.detail.successful) toggleContent('float'); window.location.href='/employees';"
+        )
+      ) {
+        div(.class("row")) {
+          input(
+            .type(.text), .class("col-5"),
+            .name("firstName"), .value(employee?.firstName ?? ""),
+            .placeholder("First Name"), .required
+          )
+          div(.class("col-2")) {}
+          input(
+            .type(.text), .class("col-5"),
+            .name("lastName"), .value(employee?.lastName ?? ""),
+            .placeholder("Last Name"), .required
+          )
+        }
+        div(.class("btn-row")) {
+          button(.type(.submit), .class("btn-primary")) {
+            buttonLabel
+          }
+        }
+      }
+    }
+  }
+
+  private var buttonLabel: String {
+    guard employee != nil else { return "Create" }
+    return "Update"
+  }
+
+  private var targetURL: String {
+    guard let employee else { return "/employees" }
+    return "/employees/\(employee.id)"
+  }
+}

Sources/App/Views/Employees/EmployeeTable.swift

@@ -0,0 +1,51 @@
+import Elementary
+import ElementaryHTMX
+import SharedModels
+
+struct EmployeeTable: HTML {
+  let employees: [Employee]
+
+  var content: some HTML {
+    table {
+      thead {
+        tr {
+          th { "Name" }
+          th(.style("width: 100px;")) {
+            Button.add()
+              .attributes(
+                .style("padding: 0px 10px;"),
+                .hx.get("/employees/create"),
+                .hx.target("#float"),
+                .hx.swap(.outerHTML.transition(true).swap("0.5s"))
+              )
+          }
+        }
+      }
+      tbody(.id("employee-table")) {
+        for employee in employees {
+          Row(employee: employee)
+        }
+      }
+    }
+  }
+
+  struct Row: HTML {
+    let employee: Employee
+
+    var content: some HTML {
+      tr(.id("employee_\(employee.id)")) {
+        td { "\(employee.firstName.capitalized) \(employee.lastName.capitalized)" }
+        td {
+          Button.detail()
+            .attributes(
+              .style("padding-left: 15px;"),
+              .hx.get("/employees/\(employee.id)"),
+              .hx.target("#float"),
+              .hx.pushURL(true),
+              .hx.swap(.outerHTML.transition(true).swap("0.5s"))
+            )
+        }
+      }
+    }
+  }
+}