htmgo/htmgo-site/partials/html-to-go.go
maddalax 35877a1b2e
New Docs (#63)
* scripting enhancements

* tests

* cleanup / tests

* new docs wip

* add more docs

* more updates

* add caching docs

* add sse docs

* more docs

* sidebar, and fix navigation blocks

* remove old docs

* set proper meta

* fixes
2024-10-30 13:27:42 -05:00

64 lines
1.3 KiB
Go

package partials
import (
"github.com/maddalax/htmgo/framework/h"
"github.com/maddalax/htmgo/tools/html-to-htmgo/htmltogo"
"htmgo-site/ui"
)
func ConvertHtmlToGo(ctx *h.RequestContext) *h.Partial {
value := ctx.FormValue("html-input")
parsed := string(htmltogo.Parse([]byte(value)))
formatted := ui.FormatCode(ui.CodeSnippetProps{
Code: parsed,
Lang: "go",
CustomStyles: []string{"height: 100%;"},
})
return h.SwapManyPartial(ctx,
GoOutput(formatted),
HiddenCopyOutput(parsed),
)
}
func HtmlInput() *h.Element {
return h.Div(
h.Class("h-full w-1/2 min-w-1/2"),
h.TextArea(
h.Name("html-input"),
h.MaxLength(500*1000),
h.PostPartial(ConvertHtmlToGo, "keyup delay:300ms"),
h.Class("h-[90%] w-full p-4 rounded border border-slate-200"),
h.Placeholder("Paste your HTML here"),
h.Rows(10),
),
)
}
func HiddenCopyOutput(content string) *h.Element {
return h.Div(
h.Class("hidden"),
h.Id("go-output-raw"),
h.UnsafeRaw(content),
)
}
func GoOutput(content string) *h.Element {
return h.Div(
h.Class("h-full w-1/2 min-w-1/2"),
h.Id("go-output"),
h.Div(
h.Class("h-[90%] w-full rounded border border-slate-200 relative"),
h.Div(
h.Class("h-full"),
h.Id("go-output-content"),
h.UnsafeRaw(content),
),
h.If(
content != "",
ui.AbsoluteCopyButton("#go-output-raw"),
),
),
)
}