whispervis/widgets/simulation.go

package widgets

import (
	"fmt"

	"github.com/gopherjs/vecty"
	"github.com/gopherjs/vecty/elem"
	"github.com/gopherjs/vecty/event"
	"github.com/gopherjs/vecty/prop"
)

// Simulation represents configuration panel for propagation simulation.
type Simulation struct {
	vecty.Core

	address string // backend host address
}

// NewSimulation creates new simulation configuration panel. If simulation
// backend host address is not specified, it'll use 'localhost:8084' as a default.
func NewSimulation(address string) *Simulation {
	if address == "" {
		address = "http://localhost:8084"
	}
	return &Simulation{
		address: address,
	}
}

// Render implements vecty.Component interface for Simulation.
func (s *Simulation) Render() vecty.ComponentOrHTML {
	return elem.Div(
		elem.Div(
			elem.Heading3(vecty.Text("Simulation backend:")),
			vecty.Markup(
				vecty.Class("pure-markup-group", "pure-u-1"),
			),
			elem.Label(
				vecty.Markup(
					vecty.Class("pure-u-1-2"),
				),
				vecty.Text("Host address:"),
			),
			elem.Input(
				vecty.Markup(
					prop.Value(s.address),
					event.Input(s.onEditInput),
					vecty.Class("pure-input-1-3"),
					vecty.Style("float", "right"),
					vecty.Style("margin-right", "10px"),
					vecty.Style("text-align", "right"),
				),
			),
			elem.Break(),
			elem.Button(
				vecty.Markup(
					vecty.Class("pure-button"),
					vecty.Style("background", "rgb(28, 184, 65)"),
					vecty.Style("color", "white"),
					vecty.Style("border-radius", "4px"),
					event.Click(s.onSimulateClick),
				),
				vecty.Text("Start simulation"),
			),
		),
	)
}

func (s *Simulation) onEditInput(event *vecty.Event) {
	value := event.Target.Get("value").String()

	s.address = value
}

// Address returns the current backend address.
func (s *Simulation) Address() string {
	return s.address
}

func (s *Simulation) onSimulateClick(e *vecty.Event) {
	// TODO(divan): connect to backend and run simulation
	fmt.Println("Start simulation")
}