52 lines
1.2 KiB
Go
52 lines
1.2 KiB
Go
|
package widgets
|
||
|
|
|
||
|
|
import (
|
||
|
|
"fmt"
|
||
|
|
|
||
|
|
"github.com/gopherjs/vecty"
|
||
|
|
"github.com/gopherjs/vecty/elem"
|
||
|
|
"github.com/gopherjs/vecty/event"
|
||
|
|
"github.com/gopherjs/vecty/prop"
|
||
|
|
"github.com/status-im/whispervis/jsapi"
|
||
|
|
)
|
||
|
|
|
||
|
|
// UploadWidget implements widget responsible for uploading JSON file.
|
||
|
|
type UploadWidget struct {
|
||
|
|
vecty.Core
|
||
|
|
|
||
|
|
handler func([]byte)
|
||
|
|
}
|
||
|
|
|
||
|
|
// NewUploadWidget creates a new upload widget.
|
||
|
|
func NewUploadWidget(handler func([]byte)) *UploadWidget {
|
||
|
|
return &UploadWidget{
|
||
|
|
handler: handler,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
func (u *UploadWidget) Render() vecty.ComponentOrHTML {
|
||
|
|
return elem.Div(
|
||
|
|
elem.Input(
|
||
|
|
vecty.Markup(
|
||
|
|
prop.ID("file"),
|
||
|
|
prop.Type("file"),
|
||
|
|
vecty.Property("accept", "application/json"), // TODO(divan): add prop.Accept PR
|
||
|
|
event.Input(u.onUploadClick),
|
||
|
|
),
|
||
|
|
vecty.Text("Upload network.json"),
|
||
|
|
),
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
// onUploadClick implements callback for "Upload" button clicked event.
|
||
|
|
func (u *UploadWidget) onUploadClick(e *vecty.Event) {
|
||
|
|
// FIXME: run as a gorotine because GopherJS can't block JS thread in callback
|
||
|
|
go func() {
|
||
|
|
file := e.Target.Get("files").Index(0)
|
||
|
|
fmt.Println("File size:", file.Get("size"))
|
||
|
|
|
||
|
|
data := jsapi.NewFileReader().ReadAll(file)
|
||
|
|
u.handler(data)
|
||
|
|
}()
|
||
|
|
}
|