feat: Begins vendor views
This commit is contained in:
@@ -19,20 +19,20 @@ struct UserDetail: HTML, Sendable {
|
||||
) {
|
||||
div(.class("row")) {
|
||||
makeLabel(for: "username", value: "Username:")
|
||||
input(.class("col-5"), .type(.text), .id("username"), .name("username"), .value(user.username), .required)
|
||||
input(.class("col-4"), .type(.text), .id("username"), .name("username"), .value(user.username), .required)
|
||||
makeLabel(for: "email", value: "Email:")
|
||||
input(.class("col-5"), .type(.email), .id("email"), .name("email"), .value(user.email), .required)
|
||||
input(.class("col-4"), .type(.email), .id("email"), .name("email"), .value(user.email), .required)
|
||||
}
|
||||
div(.class("row")) {
|
||||
span(.class("label col-1")) { "Created:" }
|
||||
span(.class("label col-2")) { "Created:" }
|
||||
span(.class("date col-4")) { dateFormatter.formattedDate(user.createdAt) }
|
||||
span(.class("label col-1")) { "Updated:" }
|
||||
span(.class("label col-2")) { "Updated:" }
|
||||
span(.class("date col-4")) { dateFormatter.formattedDate(user.updatedAt) }
|
||||
}
|
||||
div(.class("btn-row user-buttons")) {
|
||||
button(
|
||||
.type(.submit),
|
||||
.style("background-color: blue; color: white;")
|
||||
.class("btn-secondary")
|
||||
) { "Update" }
|
||||
Button.danger { "Delete" }
|
||||
.attributes(
|
||||
@@ -40,6 +40,7 @@ struct UserDetail: HTML, Sendable {
|
||||
.hx.trigger(.event(.click)),
|
||||
.hx.swap(.outerHTML),
|
||||
.hx.target("#user_\(user.id)"),
|
||||
.hx.confirm("Are you sure you want to delete this user?"),
|
||||
.custom(name: "hx-on::after-request", value: "toggleContent('float'); window.location.href='/users';")
|
||||
)
|
||||
}
|
||||
@@ -52,7 +53,7 @@ struct UserDetail: HTML, Sendable {
|
||||
for name: String,
|
||||
value: String
|
||||
) -> some HTML {
|
||||
label(.for(name), .class("col-1")) { span(.class("label")) { value } }
|
||||
label(.for(name), .class("col-2")) { span(.class("label")) { value } }
|
||||
}
|
||||
|
||||
func row(_ label: String, _ value: String) -> some HTML<HTMLTag.tr> {
|
||||
|
||||
Reference in New Issue
Block a user