all repos — gomponents @ v0.8.0

HTML components in pure Go

examples/simple/simple.go (view raw)

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
package main

import (
	"net/http"
	"time"

	g "github.com/maragudk/gomponents"
	"github.com/maragudk/gomponents/attr"
	"github.com/maragudk/gomponents/el"
)

func main() {
	_ = http.ListenAndServe("localhost:8080", http.HandlerFunc(handler))
}

func handler(w http.ResponseWriter, r *http.Request) {
	_ = g.Write(w, page(pageProps{
		title: r.URL.Path,
		path:  r.URL.Path,
	}))
}

type pageProps struct {
	title string
	path  string
}

func page(props pageProps) g.Node {
	return el.Document(
		el.HTML(attr.Lang("en"),
			el.Head(
				el.Title(props.title),
				el.Style(attr.Type("text/css"),
					g.Raw(".is-active{font-weight: bold}"),
					g.Raw("ul.nav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }"),
					g.Raw("ul.nav li { display: block;  padding: 8px; float: left; }"),
				),
			),
			el.Body(
				navbar(navbarProps{path: props.path}),
				el.Hr(),
				el.H1(props.title),
				el.P(g.Textf("Welcome to the page at %v.", props.path)),
				el.P(g.Textf("Rendered at %v", time.Now())),
			),
		),
	)
}

type navbarProps struct {
	path string
}

func navbar(props navbarProps) g.Node {
	items := []struct {
		path string
		text string
	}{
		{"/", "Home"},
		{"/foo", "Foo"},
		{"/bar", "Bar"},
	}
	var lis []g.Node
	for _, item := range items {
		lis = append(lis, el.Li(el.A(item.path,
			attr.Classes(map[string]bool{"is-active": props.path == item.path}),
			g.Text(item.text))))
	}
	return el.Ul(attr.Class("nav"), g.Group(lis))
}