74 lines
1.6 KiB
Swift
74 lines
1.6 KiB
Swift
import Elementary
|
|
import ManualDCore
|
|
import Styleguide
|
|
|
|
struct Navbar: HTML, Sendable {
|
|
let sidebarToggle: Bool
|
|
let userProfile: Bool
|
|
|
|
init(
|
|
sidebarToggle: Bool,
|
|
userProfile: Bool = true
|
|
) {
|
|
self.sidebarToggle = sidebarToggle
|
|
self.userProfile = userProfile
|
|
}
|
|
|
|
var body: some HTML<HTMLTag.nav> {
|
|
nav(
|
|
.class(
|
|
"""
|
|
navbar w-full bg-base-300 text-base-content shadow-sm mb-4
|
|
"""
|
|
)
|
|
) {
|
|
div(.class("flex flex-1 space-x-4 items-center")) {
|
|
if sidebarToggle {
|
|
label(
|
|
.for("my-drawer-1"),
|
|
.class("size-7"),
|
|
.init(name: "aria-label", value: "open sidebar")
|
|
) {
|
|
SVG(.sidebarToggle)
|
|
}
|
|
.navButton()
|
|
.tooltip("Open sidebar", position: .right)
|
|
|
|
}
|
|
|
|
a(
|
|
.class("flex w-fit h-fit text-xl items-end px-4 py-2"),
|
|
.href(route: .project(.index))
|
|
) {
|
|
img(
|
|
.src("/images/mand_logo_sm.webp"),
|
|
)
|
|
span { "Duct Calc" }
|
|
}
|
|
.navButton()
|
|
.tooltip("Home", position: .right)
|
|
}
|
|
if userProfile {
|
|
// TODO: Make dropdown
|
|
div(.class("flex-none")) {
|
|
a(
|
|
.href(route: .user(.profile(.index))),
|
|
) {
|
|
SVG(.circleUser)
|
|
}
|
|
.navButton()
|
|
.tooltip("Profile")
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
extension HTML where Tag: HTMLTrait.Attributes.Global {
|
|
func navButton() -> _AttributedElement<Self> {
|
|
attributes(
|
|
.class("btn btn-square btn-ghost hover:bg-neutral hover:text-white")
|
|
)
|
|
}
|
|
}
|