feat: working on detail views.

Sources/App/Controllers/View/UsersViewController.swift

@@ -1,31 +1,50 @@
+import Dependencies
 import Fluent
 import Vapor
 
 struct UserViewController: RouteCollection {
 
+  @Dependency(\.users) var users
+
   private let api = UserApiController()
 
   func boot(routes: any RoutesBuilder) throws {
     let users = routes.protected.grouped("users")
     users.get(use: index(req:))
     users.post(use: create(req:))
-    users.group(":userID") {
+    users.group(":id") {
+      $0.get(use: details(req:))
       $0.delete(use: delete(req:))
     }
   }
 
   @Sendable
   func index(req: Request) async throws -> View {
-    try await req.view.render(
-      "users/index",
-      UsersCTX(users: api.getSortedUsers(req: req))
-    )
+    try await renderIndex(req)
+  }
+
+  @Sendable
+  private func renderIndex(_ req: Request, _ user: User.DTO? = nil) async throws -> View {
+    let users = try await api.getSortedUsers(req: req)
+    return try await req.view.render("users/index", UsersCTX(user: user, users: users))
   }
 
   @Sendable
   func create(req: Request) async throws -> View {
-    _ = try await api.create(req: req)
-    return try await req.view.render("users/table", ["users": api.getSortedUsers(req: req)])
+    let user = try await api.create(req: req)
+    return try await req.view.render("users/table-row", user)
+  }
+
+  @Sendable
+  func details(req: Request) async throws -> View {
+    let user = try await users.get(req.ensureIDPathComponent())
+    // Check if the page has been rendered before.
+    guard req.isHtmxRequest else {
+      // Not an htmx-request, so render the whole page with the details.
+      return try await renderIndex(req, user)
+    }
+    // An htmx-request header was present, so just return the details,
+    return try await req.view.render("users/detail", ["user": user])
   }
 
   @Sendable
@@ -50,11 +69,11 @@ struct UserFormCTX: Content {
         formClass: "user-form",
         formId: "user-form",
         htmxTargetUrl: .post("/login\((next != nil && next != "/") ? "?next=\(next!)" : "")"),
-        htmxTarget: "body",
+        htmxTarget: "user-table",
         htmxPushUrl: true,
         htmxResetAfterRequest: true,
         htmxSwapOob: nil,
-        htmxSwap: nil,
+        htmxSwap: .afterbegin,
         context: .init(showConfirmPassword: false, showEmailInput: false, buttonLabel: "Sign In")
       )
     )
@@ -78,10 +97,16 @@ struct UserFormCTX: Content {
 }
 
 private struct UsersCTX: Content {
+  let user: User.DTO?
   let users: [User.DTO]
   let form: UserFormCTX
 
-  init(users: [User.DTO], form: UserFormCTX? = nil) {
+  init(
+    user: User.DTO? = nil,
+    users: [User.DTO],
+    form: UserFormCTX? = nil
+  ) {
+    self.user = user
     self.users = users
     self.form = form ?? .create()
   }