82 lines
2.3 KiB
Swift
82 lines
2.3 KiB
Swift
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(route: targetURL) : .hx.put(route: targetURL),
|
|
.hx.target(target),
|
|
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
|
|
}
|
|
if let employee {
|
|
Button.danger {
|
|
"Delete"
|
|
}
|
|
.attributes(
|
|
.hx.confirm("Are you sure you want to delete this employee?"),
|
|
.hx.delete(route: .employee(.delete(id: employee.id))),
|
|
.hx.target("#employee_\(employee.id)"),
|
|
.hx.swap(.outerHTML.transition(true).swap("1s"))
|
|
)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
private var target: HXTarget {
|
|
guard let employee else {
|
|
return .employee(.table)
|
|
}
|
|
return .employee(.row(id: employee.id))
|
|
}
|
|
|
|
private var buttonLabel: String {
|
|
guard employee != nil else { return "Create" }
|
|
return "Update"
|
|
}
|
|
|
|
private var targetURL: SharedModels.ViewRoute {
|
|
guard let employee else { return .employee(.index) }
|
|
return .employee(.get(id: employee.id))
|
|
}
|
|
}
|