/
filterbutton.go
42 lines (36 loc) · 1.03 KB
/
filterbutton.go
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
package components
import (
"github.com/gopherjs/vecty"
"github.com/gopherjs/vecty/elem"
"github.com/gopherjs/vecty/event"
"github.com/gopherjs/vecty/example/todomvc/actions"
"github.com/gopherjs/vecty/example/todomvc/dispatcher"
"github.com/gopherjs/vecty/example/todomvc/store"
"github.com/gopherjs/vecty/example/todomvc/store/model"
"github.com/gopherjs/vecty/prop"
)
// FilterButton is a vecty.Component which allows the user to select a filter
// state.
type FilterButton struct {
vecty.Core
Label string `vecty:"prop"`
Filter model.FilterState `vecty:"prop"`
}
func (b *FilterButton) onClick(event *vecty.Event) {
dispatcher.Dispatch(&actions.SetFilter{
Filter: b.Filter,
})
}
// Render implements the vecty.Component interface.
func (b *FilterButton) Render() vecty.ComponentOrHTML {
return elem.ListItem(
elem.Anchor(
vecty.Markup(
vecty.MarkupIf(store.Filter == b.Filter, vecty.Class("selected")),
prop.Href("#"),
event.Click(b.onClick).PreventDefault(),
),
vecty.Text(b.Label),
),
)
}