datastar/site/routes_examples_merge_optio...

43 lines
955 B
Plaintext

package site
import (
"fmt"
datastar "github.com/starfederation/datastar/sdk/go"
"time"
)
templ mergeOptionsView() {
<div id="contents" class="flex flex-col gap-8">
<div id="imTheTarget">Target DIV</div>
<div class="flex gap-2 flex-wrap justify-center">
for _, mergeMode := range datastar.ValidFragmentMergeTypes {
<button
id={ string(mergeMode) }
class="btn btn-accent"
data-on-click={ datastar.GetSSE("/examples/merge_options/%s", mergeMode) }
>
{ string(mergeMode) }
</button>
}
</div>
<button
class="btn btn-warning"
data-on-click={ datastar.GetSSE("/examples/merge_options/reset") }
>
Reset
</button>
</div>
}
templ mergeOptionsViewUpdate(bg, fg, hash string) {
<div
id="imTheTarget"
class="p-4 rounded"
{ templ.Attributes{
"style": fmt.Sprintf("background-color:%s;color:%s;", bg, fg),
}... }
>
Update { hash } at { time.Now().UTC().Format(time.RFC3339) }
</div>
}