/
repeat_buttons.go
65 lines (55 loc) · 1.49 KB
/
repeat_buttons.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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
package main
import (
"github.com/microo8/golymer"
domrepeat "github.com/microo8/golymer/elements/dom-repeat"
_ "github.com/microo8/golymer/elements/md-button"
)
type button struct {
Text string
Color string
}
//in template the md-button-delegate element will be used as the delegate for stamping out the data
var repeatButtonsTemplate = golymer.NewTemplate(`
<dom-repeat id="repeat" delegate="md-button-delegate" items="{{Buttons}}"></dom-repeat>
`)
//RepeatButtons element that repeats the md-button-delegate elements with dom-repeat
type RepeatButtons struct {
golymer.Element
Buttons []*button //the items data to repeat
repeat *domrepeat.DomRepeat
}
func newRepeatButtons() *RepeatButtons {
rb := new(RepeatButtons)
rb.SetTemplate(repeatButtonsTemplate)
rb.Buttons = []*button{
&button{"click1", "red"},
&button{"click2", "blue"},
&button{"click3", "green"},
&button{"click4", "yellow"},
}
return rb
}
var mdButtonDelegateTemplate = golymer.NewTemplate(`
<md-button style="--primary-color: [[Item.Color]];">[[Item.Text]]</md-button>
`)
//MdButtonDelegate wraps up the md-button element and sets it's text and color
type MdButtonDelegate struct {
golymer.Element
Item *button
}
func newMdButtonDelegate() *MdButtonDelegate {
b := new(MdButtonDelegate)
b.SetTemplate(mdButtonDelegateTemplate)
return b
}
func init() {
err := golymer.Define(newMdButtonDelegate)
if err != nil {
panic(err)
}
err = golymer.Define(newRepeatButtons)
if err != nil {
panic(err)
}
}
func main() {}