-
Notifications
You must be signed in to change notification settings - Fork 1
/
form_file.go
95 lines (86 loc) · 2.2 KB
/
form_file.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
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
package bulma
import (
e "github.com/willoma/gomplements"
"maragu.dev/gomponents/html"
)
const (
fileNameAutoUpdateScript = `if (this.files.length>0) { this.parentNode.getElementsByClassName("file-name")[0].textContent = this.files[0].name }`
)
// FileName is a modifier that, when applied to File, defines the default value
// for the file-name element.
//
// https://willoma.github.io/bulma-gomponents/form/file.html
type FileName string
// FileNameAutoUpdate is a modifier that, when applied to File, defines the
// default value for the file-name element, and adds the needed javascript
// event to update the file name.
//
// https://willoma.github.io/bulma-gomponents/form/file.html
type FileNameAutoUpdate string
// File creates a file input element.
//
// https://willoma.github.io/bulma-gomponents/form/file.html
func File(children ...any) e.Element {
input := e.Input(e.Class("file-input"), html.Type("file"))
cta := e.Span(e.Class("file-cta"))
label := e.Label(
e.Class("file-label"),
input,
cta,
)
f := &file{
Element: e.Div(e.Class("file"), label),
label: label,
input: input,
cta: cta,
}
f.With(children...)
return f
}
type file struct {
e.Element
label e.Element
input e.Element
cta e.Element
}
func (f *file) With(children ...any) e.Element {
for _, c := range children {
switch c := c.(type) {
case onCTA:
f.cta.With(c...)
case onDiv:
f.Element.With(c...)
case onInput:
f.input.With(c...)
case e.Class, e.Classer, e.Classeser, e.Styles:
f.Element.With(c)
case string:
f.cta.With(e.Span(e.Class("file-label"), c))
case FileName:
f.Element.With(e.Class("has-name"))
f.label.With(e.Span(e.Class("file-name"), string(c)))
case FileNameAutoUpdate:
f.Element.With(e.Class("has-name"))
f.label.With(e.Span(e.Class("file-name"), string(c)))
f.input.With(e.On("change", fileNameAutoUpdateScript))
case IconElem:
c.SetIconClass(e.Class("file-icon"))
f.cta.With(c)
case e.Element:
f.cta.With(c)
case []any:
f.With(c...)
default:
f.input.With(c)
}
}
return f
}
func (f *file) Clone() e.Element {
return &file{
Element: f.Element.Clone(),
label: f.label.Clone(),
input: f.input.Clone(),
cta: f.cta.Clone(),
}
}