htmgo/examples/sse-with-state/pages/index.go
2024-10-08 12:48:28 -05:00

41 lines
1 KiB
Go

package pages
import (
"fmt"
"github.com/maddalax/htmgo/framework/h"
"sse-with-state/partials"
"sse-with-state/state"
)
func IndexPage(ctx *h.RequestContext) *h.Page {
state.NewState(ctx)
return h.NewPage(
RootPage(
h.Div(
h.Attribute("ws-connect", fmt.Sprintf("/ws/test")),
h.Class("flex flex-col gap-4 items-center pt-24 min-h-screen bg-neutral-100"),
h.H3(h.Id("intro-text"), h.Text("Repeater Example"), h.Class("text-2xl")),
partials.CounterForm(ctx, partials.CounterProps{Id: "counter-1"}),
partials.Repeater(ctx, partials.RepeaterProps{
Id: "repeater-1",
AddButton: h.Button(
h.Text("+ Add Item"),
),
RemoveButton: func(index int, children ...h.Ren) *h.Element {
return h.Button(
h.Text("Remove"),
h.Children(children...),
)
},
Item: func(index int) *h.Element {
return h.Input("text",
h.Class("border border-gray-300 rounded p-2"),
h.Value(fmt.Sprintf("item %d", index)))
},
}),
),
),
)
}