talksik/online-status-htmx-golang
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

making it work

Browse Source
This commit is contained in:
talksik
2023-09-06 13:57:32 -07:00
parent 7826fc21d5
commit 4fe0b6b276
6 changed files with 66 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/htmx.min.js
Vendored
+1
View File
File diff suppressed because one or more lines are too long
cmd/main.go
+2 -3
View File
@@ -23,9 +23,8 @@ func updateStatusHandler(w http.ResponseWriter, r *http.Request) {
println("changing status") println("changing status")
queryParams := r.URL.Query() a_status := r.FormValue("statusa")
h_status := queryParams.Get("statush") h_status := r.FormValue("statush")
a_status := queryParams.Get("statusa")
statusOne = h_status statusOne = h_status
statusTwo = a_status statusTwo = a_status
templates/hello.templ
+7
View File
@@ -1,5 +1,12 @@
package templates package templates
templ Hello(name string) { templ Hello(name string) {
<head>
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://unpkg.com/htmx.org@1.9.5" integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO" crossorigin="anonymous"></script>
</head>
<div>Hello, { name }</div> <div>Hello, { name }</div>
<button hx-post="/" hx-target="body">test</button>
} }
templates/hello_templ.go
+32 -5
View File
@@ -22,21 +22,48 @@ func Hello(name string) templ.Component {
var_1 = templ.NopComponent var_1 = templ.NopComponent
} }
ctx = templ.ClearChildren(ctx) ctx = templ.ClearChildren(ctx)
_, err = templBuffer.WriteString("<div>") _, err = templBuffer.WriteString("<head><script src=\"https://cdn.tailwindcss.com\">")
if err != nil { if err != nil {
return err return err
} }
var_2 := `Hello, ` var_2 := ``
_, err = templBuffer.WriteString(var_2) _, err = templBuffer.WriteString(var_2)
if err != nil { if err != nil {
return err return err
} }
var var_3 string = name _, err = templBuffer.WriteString("</script><script src=\"https://unpkg.com/htmx.org@1.9.5\" integrity=\"sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO\" crossorigin=\"anonymous\">")
_, err = templBuffer.WriteString(templ.EscapeString(var_3))
if err != nil { if err != nil {
return err return err
} }
_, err = templBuffer.WriteString("</div>") var_3 := ``
_, err = templBuffer.WriteString(var_3)
if err != nil {
return err
}
_, err = templBuffer.WriteString("</script></head><div>")
if err != nil {
return err
}
var_4 := `Hello, `
_, err = templBuffer.WriteString(var_4)
if err != nil {
return err
}
var var_5 string = name
_, err = templBuffer.WriteString(templ.EscapeString(var_5))
if err != nil {
return err
}
_, err = templBuffer.WriteString("</div><button hx-post=\"/\" hx-target=\"body\">")
if err != nil {
return err
}
var_6 := `test`
_, err = templBuffer.WriteString(var_6)
if err != nil {
return err
}
_, err = templBuffer.WriteString("</button>")
if err != nil { if err != nil {
return err return err
} }
templates/status.templ
+8 -4
View File
@@ -1,12 +1,16 @@
package templates package templates
templ GetStatus(statusOne string, statusTwo string) { templ GetStatus(statusOne string, statusTwo string) {
<html>
<head>
<script src="https://cdn.tailwindcss.com"></script> <script src="https://cdn.tailwindcss.com"></script>
<div id="main" class="flex flex-row gap-2"> <script src="https://unpkg.com/htmx.org@1.9.5" integrity="sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO" crossorigin="anonymous"></script>
</head>
<form <form
id="form"
hx-post="/changestatus" hx-post="/changestatus"
hx-target="#main" hx-select="#form" hx-swap="outerHTML"
hx-swap="outerHTML"
> >
<input <input
id="statusH" name="statush" type="text" id="statusH" name="statush" type="text"
@@ -22,5 +26,5 @@ templ GetStatus(statusOne string, statusTwo string) {
<button type="submit" class="button is-primary">Update</button> <button type="submit" class="button is-primary">Update</button>
</form> </form>
</div> </html>
} }
templates/status_templ.go
+14 -5
View File
@@ -22,7 +22,7 @@ func GetStatus(statusOne string, statusTwo string) templ.Component {
var_1 = templ.NopComponent var_1 = templ.NopComponent
} }
ctx = templ.ClearChildren(ctx) ctx = templ.ClearChildren(ctx)
_, err = templBuffer.WriteString("<script src=\"https://cdn.tailwindcss.com\">") _, err = templBuffer.WriteString("<html><head><script src=\"https://cdn.tailwindcss.com\">")
if err != nil { if err != nil {
return err return err
} }
@@ -31,7 +31,16 @@ func GetStatus(statusOne string, statusTwo string) templ.Component {
if err != nil { if err != nil {
return err return err
} }
_, err = templBuffer.WriteString("</script><div id=\"main\" class=\"flex flex-row gap-2\"><form hx-post=\"/changestatus\" hx-target=\"#main\" hx-swap=\"outerHTML\"><input id=\"statusH\" name=\"statush\" type=\"text\" placeholder=\"Enter status H\" value=\"") _, err = templBuffer.WriteString("</script><script src=\"https://unpkg.com/htmx.org@1.9.5\" integrity=\"sha384-xcuj3WpfgjlKF+FXhSQFQ0ZNr39ln+hwjN3npfM9VBnUskLolQAcN80McRIVOPuO\" crossorigin=\"anonymous\">")
if err != nil {
return err
}
var_3 := ``
_, err = templBuffer.WriteString(var_3)
if err != nil {
return err
}
_, err = templBuffer.WriteString("</script></head><form id=\"form\" hx-post=\"/changestatus\" hx-select=\"#form\" hx-swap=\"outerHTML\"><input id=\"statusH\" name=\"statush\" type=\"text\" placeholder=\"Enter status H\" value=\"")
if err != nil { if err != nil {
return err return err
} }
@@ -51,12 +60,12 @@ func GetStatus(statusOne string, statusTwo string) templ.Component {
if err != nil { if err != nil {
return err return err
} }
var_3 := `Update` var_4 := `Update`
_, err = templBuffer.WriteString(var_3) _, err = templBuffer.WriteString(var_4)
if err != nil { if err != nil {
return err return err
} }
_, err = templBuffer.WriteString("</button></form></div>") _, err = templBuffer.WriteString("</button></form></html>")
if err != nil { if err != nil {
return err return err
} }