62 lines
1.4 KiB
Go
62 lines
1.4 KiB
Go
package ui
|
|
|
|
import (
|
|
"mhtml/h"
|
|
)
|
|
|
|
type ButtonProps struct {
|
|
Id string
|
|
Text string
|
|
Target string
|
|
Type string
|
|
Trigger string
|
|
Get string
|
|
Class string
|
|
Children []h.Renderable
|
|
}
|
|
|
|
func PrimaryButton(props ButtonProps) h.Renderable {
|
|
props.Class = h.MergeClasses(props.Class, "border-blue-700 bg-blue-700 text-white")
|
|
return Button(props)
|
|
}
|
|
|
|
func SecondaryButton(props ButtonProps) h.Renderable {
|
|
props.Class = h.MergeClasses(props.Class, "border-gray-700 bg-gray-700 text-white")
|
|
return Button(props)
|
|
}
|
|
|
|
func Button(props ButtonProps) h.Renderable {
|
|
|
|
text := h.Text(props.Text)
|
|
|
|
lifecycle := h.NewLifeCycle().
|
|
BeforeRequest(
|
|
h.AddAttribute("disabled", "true"),
|
|
h.SetText("Loading..."),
|
|
h.AddClass("bg-gray-400"),
|
|
).
|
|
AfterRequest(
|
|
h.RemoveAttribute("disabled"),
|
|
h.RemoveClass("bg-gray-400"),
|
|
h.SetText(props.Text),
|
|
).
|
|
OnMutationError(
|
|
h.SetText("failed"),
|
|
h.AddClass("bg-red-400"),
|
|
h.RemoveAttribute("disabled"),
|
|
)
|
|
|
|
button := h.Button(
|
|
h.If(props.Id != "", h.Id(props.Id)),
|
|
h.If(props.Children != nil, h.Children(props.Children...)),
|
|
h.If(props.Trigger != "", h.Trigger(props.Trigger)),
|
|
h.Class("flex gap-1 items-center border p-4 rounded cursor-hover", props.Class),
|
|
h.If(props.Get != "", h.Get(props.Get)),
|
|
h.If(props.Target != "", h.Target(props.Target)),
|
|
h.IfElse(props.Type != "", h.Type(props.Type), h.Type("button")),
|
|
lifecycle,
|
|
text,
|
|
)
|
|
|
|
return button
|
|
}
|