lumi

1
package main
2

3
import (
4
	"fmt"
5
	kelo "gitverse.ru/metalcore/kelo"
6
	"gitverse.ru/metalcore/lumi"
7
	"gitverse.ru/metalcore/lumi/attr"
8
	"gitverse.ru/metalcore/lumi/base"
9
	"gitverse.ru/metalcore/lumi/event"
10
	"gitverse.ru/metalcore/lumi/tag"
11
)
12

13
func Clicker() base.RenderFunc {
14
	lumi.ImportStyle("main.css")
15
	ref := lumi.NewRef[int](0)
16
	return func(target kelo.NodeValuer) kelo.NodeValuer {
17
		return tag.Button("Количество", " кликов: ", ref, event.Click(func() {
18
			ref.Set(ref.Get() + 1)
19
		})).Render(target)
20
	}
21
}
22

23
func main() {
24
	ref := lumi.NewRef[int](0)
25
	refClass := lumi.NewRef[string]("")
26
	lumi.RenderById("app",
27
		tag.Div(
28
			Clicker(),
29
			Clicker(),
30
			tag.A(
31
				attr.Href("https://gitverse.ru/metalcore/lumi"),
32
				attr.Target("_blank"),
33
				"metalcore/lumi",
34
			),
35
			tag.Br(),
36
			tag.Br(),
37
			tag.Br(),
38
			tag.Button("Количество", " кликов: ", ref, event.Click(func() {
39
				ref.Set(ref.Get() + 1)
40
				refClass.Set("div-style")
41
			})),
42
			tag.Hr(),
43
			ref, tag.Strong(" кликов кнопки"),
44
			tag.Br(),
45
			tag.Img(attr.Src("example.png"), attr.Alt("example")),
46
			attr.Class(refClass),
47
			event.Click(func() {
48
				//if refClass.Get() == "div-style" {
49
				//	refClass.Set("")
50
				//} else {
51
				//	refClass.Set("div-style")
52
				//}
53
				fmt.Println(refClass.Get())
54
			}),
55
		),
56
	)
57
	<-make(chan bool)
58
}
59