73 lines
1.6 KiB
Go
73 lines
1.6 KiB
Go
|
package partials
|
||
|
|
|
||
|
|
import (
|
||
|
|
"fmt"
|
||
|
|
"github.com/gofiber/fiber/v2"
|
||
|
|
"mhtml/h"
|
||
|
|
"mhtml/news"
|
||
|
|
"mhtml/ui"
|
||
|
|
)
|
||
|
|
|
||
|
|
func NewsSheet(ctx *fiber.Ctx) *h.Partial {
|
||
|
|
open := h.GetQueryParam(ctx, "open") == "true"
|
||
|
|
if open {
|
||
|
|
h.SessionIncr(ctx, "sheet-open-count")
|
||
|
|
}
|
||
|
|
return h.NewPartialWithHeaders(
|
||
|
|
&map[string]string{
|
||
|
|
"hx-trigger": "sheetOpened",
|
||
|
|
"hx-push-url": fmt.Sprintf("/news%s", h.Ternary(open, "?open=true", "")),
|
||
|
|
},
|
||
|
|
SheetWrapper(
|
||
|
|
h.IfElseLazy(open, SheetOpen, SheetClosed),
|
||
|
|
h.Swap(ctx, OpenSheetButton(open)),
|
||
|
|
h.Swap(ctx, NewsSheetOpenCount(ctx).Root),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
func NewsSheetOpenCount(ctx *fiber.Ctx) *h.Partial {
|
||
|
|
rnd := h.SessionGet[int64](ctx, "sheet-open-count")
|
||
|
|
if rnd == nil {
|
||
|
|
rnd = new(int64)
|
||
|
|
}
|
||
|
|
|
||
|
|
open := h.GetQueryParam(ctx, "open") == "true"
|
||
|
|
|
||
|
|
return h.NewPartial(h.Div(
|
||
|
|
h.Id("sheet-open-count"),
|
||
|
|
h.IfElse(open,
|
||
|
|
h.Text(fmt.Sprintf("you opened sheet %d times", *rnd)),
|
||
|
|
h.Text("sheet is not open")),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
func SheetWrapper(children ...*h.Node) *h.Node {
|
||
|
|
return h.Div(h.Id("sheet-partial"), h.Fragment(children...))
|
||
|
|
}
|
||
|
|
|
||
|
|
func SheetClosed() *h.Node {
|
||
|
|
return h.Div()
|
||
|
|
}
|
||
|
|
|
||
|
|
func SheetOpen() *h.Node {
|
||
|
|
return h.Fragment(h.Div(
|
||
|
|
h.Class(`fixed top-0 right-0 h-full w-96 bg-gray-100 shadow-lg z-50`),
|
||
|
|
h.Div(
|
||
|
|
h.Class("p-4 overflow-y-auto h-full w-full flex flex-col gap-4"),
|
||
|
|
h.P("My NewsSheet",
|
||
|
|
h.Class("text-lg font-bold"),
|
||
|
|
),
|
||
|
|
h.P("This is a sheet",
|
||
|
|
h.Class("text-sm mt-2"),
|
||
|
|
),
|
||
|
|
ui.Button(ui.ButtonProps{
|
||
|
|
Text: "Close NewsSheet",
|
||
|
|
Target: "#sheet-partial",
|
||
|
|
Get: h.GetPartialPathWithQs(NewsSheet, "open=false"),
|
||
|
|
}),
|
||
|
|
news.StoryList(),
|
||
|
|
)))
|
||
|
|
}
|