134 lines
3.8 KiB
Swift
134 lines
3.8 KiB
Swift
import Elementary
|
|
import ElementaryHTMX
|
|
import ManualDCore
|
|
import Styleguide
|
|
|
|
// TODO: Add error text if prior steps are not completed.
|
|
|
|
struct DuctSizingView: HTML, Sendable {
|
|
|
|
let projectID: Project.ID
|
|
let rooms: [DuctSizing.RoomContainer]
|
|
|
|
var body: some HTML {
|
|
div {
|
|
h1(.class("text-2xl py-4")) { "Duct Sizes" }
|
|
if rooms.count == 0 {
|
|
p(.class("text-error italic")) {
|
|
"Must complete all the previous sections to display duct sizing calculations."
|
|
}
|
|
} else {
|
|
RoomsTable(projectID: projectID, rooms: rooms)
|
|
}
|
|
}
|
|
}
|
|
|
|
struct RoomsTable: HTML, Sendable {
|
|
let projectID: Project.ID
|
|
let rooms: [DuctSizing.RoomContainer]
|
|
|
|
var body: some HTML<HTMLTag.div> {
|
|
div(.class("overflow-x-auto")) {
|
|
table(.class("table table-zebra")) {
|
|
thead {
|
|
tr(.class("text-xl text-gray-400 font-bold")) {
|
|
th { "ID" }
|
|
th { "Name" }
|
|
th { "H-BTU" }
|
|
th { "C-BTU" }
|
|
th(.class("hidden 2xl:table-cell")) { "Htg CFM" }
|
|
th(.class("hidden 2xl:table-cell")) { "Clg CFM" }
|
|
th { "Dsn CFM" }
|
|
th(.class("hidden xl:table-cell")) { "Round Size" }
|
|
th { "Velocity" }
|
|
th { "Final Size" }
|
|
th { "Height" }
|
|
th { "Width" }
|
|
th { "Flex Size" }
|
|
}
|
|
}
|
|
tbody {
|
|
for room in rooms {
|
|
RoomRow(projectID: projectID, room: room)
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
struct RoomRow: HTML, Sendable {
|
|
let projectID: Project.ID
|
|
let room: DuctSizing.RoomContainer
|
|
|
|
var route: String {
|
|
SiteRoute.View.router.path(
|
|
for: .project(.detail(projectID, .ductSizing(.index)))
|
|
)
|
|
.appendingPath("room")
|
|
.appendingPath(room.roomID)
|
|
}
|
|
|
|
var body: some HTML<HTMLTag.tr> {
|
|
tr(.class("text-lg"), .id(room.roomID.idString)) {
|
|
td { room.registerID }
|
|
td { room.roomName }
|
|
td { Number(room.heatingLoad, digits: 0) }
|
|
td { Number(room.coolingLoad, digits: 0) }
|
|
td(.class("hidden 2xl:table-cell")) { Number(room.heatingCFM, digits: 0) }
|
|
td(.class("hidden 2xl:table-cell")) { Number(room.coolingCFM, digits: 0) }
|
|
td {
|
|
Number(room.designCFM.value, digits: 0)
|
|
.attributes(
|
|
.class("badge badge-outline badge-\(room.designCFM.color) text-xl font-bold"))
|
|
}
|
|
td(.class("hidden xl:table-cell")) { Number(room.roundSize, digits: 0) }
|
|
td { Number(room.velocity) }
|
|
td {
|
|
Number(room.finalSize)
|
|
.attributes(.class("badge badge-outline badge-secondary text-xl font-bold"))
|
|
}
|
|
td {
|
|
form(
|
|
.hx.post(route),
|
|
.hx.target("body"),
|
|
.hx.swap(.outerHTML)
|
|
// .hx.trigger(
|
|
// .event(.change).from("#rectangularSize_\(room.roomID.idString)")
|
|
// )
|
|
) {
|
|
input(.class("hidden"), .name("register"), .value("\(room.roomName.last!)"))
|
|
Row {
|
|
Input(
|
|
id: "height",
|
|
name: "height",
|
|
placeholder: "Height"
|
|
)
|
|
.attributes(.type(.number), .min("0"), .value(room.rectangularSize?.height))
|
|
SubmitButton()
|
|
}
|
|
}
|
|
}
|
|
td {
|
|
if let width = room.rectangularWidth {
|
|
Number(width)
|
|
}
|
|
}
|
|
td {
|
|
Number(room.flexSize)
|
|
.attributes(.class("badge badge-outline badge-primary text-xl font-bold"))
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
extension DuctSizing.DesignCFM {
|
|
var color: String {
|
|
switch self {
|
|
case .heating: return "error"
|
|
case .cooling: return "info"
|
|
}
|
|
}
|
|
}
|