mirror of
https://github.com/status-im/whispervis.git
synced 2025-02-08 03:15:09 +00:00
Update horizontal rule for widgets
This commit is contained in:
Ivan Danyliuk
parent
69ea70d1cf
commit
7d1ec1b114
2
css/controls.css → css/custom.css
vendored
2
css/controls.css → css/custom.css
vendored
@ -1,5 +1,5 @@
|
||||
body {
|
||||
background: #c0c0c0 -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#f0f0f0)) no-repeat;
|
||||
background: #c0c0c0 -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#f0f0f0)) no-repeat;
|
||||
padding-left: 10px;
|
||||
padding-right: 10px;
|
||||
}
|
||||
4
main.go
4
main.go
@ -8,7 +8,9 @@ func main() {
|
||||
page := NewPage()
|
||||
|
||||
vecty.SetTitle("Whisper Simulation")
|
||||
|
||||
vecty.AddStylesheet("css/bulma.css")
|
||||
vecty.AddStylesheet("css/controls.css")
|
||||
|
||||
vecty.AddStylesheet("css/custom.css")
|
||||
vecty.RenderBody(page)
|
||||
}
|
||||
|
||||
@ -46,7 +46,7 @@ func NewNetworkSelector(handler func(*Network)) *NetworkSelector {
|
||||
|
||||
// Render implements the vecty.Component interface.
|
||||
func (n *NetworkSelector) Render() vecty.ComponentOrHTML {
|
||||
return elem.Div(
|
||||
return widgets.Widget(
|
||||
widgets.Header("Network graph:"),
|
||||
elem.Div(
|
||||
vecty.Markup(
|
||||
|
||||
4
page.go
4
page.go
@ -64,12 +64,9 @@ func (p *Page) Render() vecty.ComponentOrHTML {
|
||||
vecty.Style("opacity", "0.4"),
|
||||
),
|
||||
),
|
||||
elem.HorizontalRule(),
|
||||
p.network,
|
||||
elem.HorizontalRule(),
|
||||
p.forceEditor,
|
||||
),
|
||||
elem.HorizontalRule(),
|
||||
elem.Div(
|
||||
vecty.Markup(
|
||||
vecty.MarkupIf(!p.loaded, vecty.Style("visibility", "hidden")),
|
||||
@ -83,7 +80,6 @@ func (p *Page) Render() vecty.ComponentOrHTML {
|
||||
vecty.Style("opacity", "0.4"),
|
||||
),
|
||||
),
|
||||
elem.HorizontalRule(),
|
||||
p.statsWidget,
|
||||
),
|
||||
),
|
||||
|
||||
79
whispervis.js
generated
79
whispervis.js
generated
@ -78240,7 +78240,7 @@ $packages["github.com/status-im/whispervis/jsapi"] = (function() {
|
||||
return $pkg;
|
||||
})();
|
||||
$packages["github.com/status-im/whispervis/widgets"] = (function() {
|
||||
var $pkg = {}, $init, fmt, layout, vecty, elem, event, prop, stats, jsapi, sync, time, ForceEditor, ForcesConfig, ForceInput, Loader, Range, Simulation, Stats, UploadWidget, ptrType, ptrType$1, sliceType, sliceType$1, sliceType$2, sliceType$3, sliceType$4, ptrType$2, ptrType$3, ptrType$4, ptrType$5, ptrType$6, funcType, ptrType$7, ptrType$8, funcType$1, ptrType$9, ptrType$10, sliceType$5, funcType$2, NewForceEditor, NewForceInput, fieldControl, Header, NewLoader, NewRange, NewSimulation, NewStats, NewUploadWidget;
|
||||
var $pkg = {}, $init, fmt, layout, vecty, elem, event, prop, stats, jsapi, sync, time, ForceEditor, ForcesConfig, ForceInput, Loader, Range, Simulation, Stats, UploadWidget, ptrType, ptrType$1, sliceType, sliceType$1, sliceType$2, sliceType$3, sliceType$4, ptrType$2, ptrType$3, ptrType$4, ptrType$5, ptrType$6, funcType, ptrType$7, ptrType$8, funcType$1, ptrType$9, ptrType$10, sliceType$5, funcType$2, NewForceEditor, NewForceInput, fieldControl, Widget, Header, NewLoader, NewRange, NewSimulation, NewStats, NewUploadWidget;
|
||||
fmt = $packages["fmt"];
|
||||
layout = $packages["github.com/divan/graphx/layout"];
|
||||
vecty = $packages["github.com/gopherjs/vecty"];
|
||||
@ -78403,7 +78403,7 @@ $packages["github.com/status-im/whispervis/widgets"] = (function() {
|
||||
_arg$1 = _r$1;
|
||||
_r$2 = f.applyButton(); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
|
||||
_arg$2 = _r$2;
|
||||
_r$3 = elem.Div(new sliceType([_arg, _arg$1, _arg$2])); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
|
||||
_r$3 = Widget(new sliceType([_arg, _arg$1, _arg$2])); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
|
||||
$s = -1; return _r$3;
|
||||
/* */ } return; } if ($f === undefined) { $f = { $blk: ForceEditor.ptr.prototype.Render }; } $f._arg = _arg; $f._arg$1 = _arg$1; $f._arg$2 = _arg$2; $f._r = _r; $f._r$1 = _r$1; $f._r$2 = _r$2; $f._r$3 = _r$3; $f.f = f; $f.$s = $s; $f.$r = $r; return $f;
|
||||
};
|
||||
@ -78498,6 +78498,22 @@ $packages["github.com/status-im/whispervis/widgets"] = (function() {
|
||||
return false;
|
||||
};
|
||||
ForceInput.prototype.Changed = function() { return this.$val.Changed(); };
|
||||
Widget = function(elements) {
|
||||
var _arg, _arg$1, _r, _r$1, _r$2, elements, elems, hr, markup, x, $s, $r;
|
||||
/* */ $s = 0; var $f, $c = false; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; _arg = $f._arg; _arg$1 = $f._arg$1; _r = $f._r; _r$1 = $f._r$1; _r$2 = $f._r$2; elements = $f.elements; elems = $f.elems; hr = $f.hr; markup = $f.markup; x = $f.x; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
|
||||
_r = elem.HorizontalRule(new sliceType([(x = vecty.Markup(new sliceType$2([vecty.Class(new sliceType$1(["has-background-grey-light"])), vecty.Style("margin", "2px 0 10px 0")])), new x.constructor.elem(x))])); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
|
||||
hr = _r;
|
||||
markup = $clone(vecty.Markup(new sliceType$2([vecty.Class(new sliceType$1(["box", "is-shadowless", "is-marginless", "has-background-light"])), vecty.Style("padding", "1px")])), vecty.MarkupList);
|
||||
elems = new sliceType([new markup.constructor.elem(markup)]);
|
||||
elems = $appendSlice(elems, elements);
|
||||
_arg = hr;
|
||||
_r$1 = elem.Div(elems); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
|
||||
_arg$1 = _r$1;
|
||||
_r$2 = elem.Div(new sliceType([_arg, _arg$1])); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
|
||||
$s = -1; return _r$2;
|
||||
/* */ } return; } if ($f === undefined) { $f = { $blk: Widget }; } $f._arg = _arg; $f._arg$1 = _arg$1; $f._r = _r; $f._r$1 = _r$1; $f._r$2 = _r$2; $f.elements = elements; $f.elems = elems; $f.hr = hr; $f.markup = markup; $f.x = x; $f.$s = $s; $f.$r = $r; return $f;
|
||||
};
|
||||
$pkg.Widget = Widget;
|
||||
Header = function(title) {
|
||||
var _arg, _arg$1, _r, _r$1, title, x, $s, $r;
|
||||
/* */ $s = 0; var $f, $c = false; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; _arg = $f._arg; _arg$1 = $f._arg$1; _r = $f._r; _r$1 = $f._r$1; title = $f.title; x = $f.x; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
|
||||
@ -78716,7 +78732,7 @@ $packages["github.com/status-im/whispervis/widgets"] = (function() {
|
||||
_arg$22 = _r$16;
|
||||
_r$17 = elem.Div(new sliceType([_arg$3, _arg$6, _arg$11, _arg$12, _arg$17, _arg$22])); /* */ $s = 18; case 18: if($c) { $c = false; _r$17 = _r$17.$blk(); } if (_r$17 && _r$17.$blk !== undefined) { break s; }
|
||||
_arg$23 = _r$17;
|
||||
_r$18 = elem.Div(new sliceType([_arg$2, _arg$23])); /* */ $s = 19; case 19: if($c) { $c = false; _r$18 = _r$18.$blk(); } if (_r$18 && _r$18.$blk !== undefined) { break s; }
|
||||
_r$18 = Widget(new sliceType([_arg$2, _arg$23])); /* */ $s = 19; case 19: if($c) { $c = false; _r$18 = _r$18.$blk(); } if (_r$18 && _r$18.$blk !== undefined) { break s; }
|
||||
$s = -1; return _r$18;
|
||||
/* */ } return; } if ($f === undefined) { $f = { $blk: Simulation.ptr.prototype.Render }; } $f._arg = _arg; $f._arg$1 = _arg$1; $f._arg$10 = _arg$10; $f._arg$11 = _arg$11; $f._arg$12 = _arg$12; $f._arg$13 = _arg$13; $f._arg$14 = _arg$14; $f._arg$15 = _arg$15; $f._arg$16 = _arg$16; $f._arg$17 = _arg$17; $f._arg$18 = _arg$18; $f._arg$19 = _arg$19; $f._arg$2 = _arg$2; $f._arg$20 = _arg$20; $f._arg$21 = _arg$21; $f._arg$22 = _arg$22; $f._arg$23 = _arg$23; $f._arg$3 = _arg$3; $f._arg$4 = _arg$4; $f._arg$5 = _arg$5; $f._arg$6 = _arg$6; $f._arg$7 = _arg$7; $f._arg$8 = _arg$8; $f._arg$9 = _arg$9; $f._r = _r; $f._r$1 = _r$1; $f._r$10 = _r$10; $f._r$11 = _r$11; $f._r$12 = _r$12; $f._r$13 = _r$13; $f._r$14 = _r$14; $f._r$15 = _r$15; $f._r$16 = _r$16; $f._r$17 = _r$17; $f._r$18 = _r$18; $f._r$2 = _r$2; $f._r$3 = _r$3; $f._r$4 = _r$4; $f._r$5 = _r$5; $f._r$6 = _r$6; $f._r$7 = _r$7; $f._r$8 = _r$8; $f._r$9 = _r$9; $f.s = s; $f.x = x; $f.x$1 = x$1; $f.x$2 = x$2; $f.x$3 = x$3; $f.x$4 = x$4; $f.x$5 = x$5; $f.$s = $s; $f.$r = $r; return $f;
|
||||
};
|
||||
@ -78803,7 +78819,7 @@ $packages["github.com/status-im/whispervis/widgets"] = (function() {
|
||||
_arg$5 = _r$5;
|
||||
_r$6 = elem.Table(new sliceType([_arg$1, _arg$5])); /* */ $s = 9; case 9: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
|
||||
_arg$6 = _r$6;
|
||||
_r$7 = elem.Div(new sliceType([_arg, _arg$6])); /* */ $s = 10; case 10: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
|
||||
_r$7 = Widget(new sliceType([_arg, _arg$6])); /* */ $s = 10; case 10: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
|
||||
$s = -1; return _r$7;
|
||||
/* */ } return; } if ($f === undefined) { $f = { $blk: Stats.ptr.prototype.Render }; } $f._arg = _arg; $f._arg$1 = _arg$1; $f._arg$2 = _arg$2; $f._arg$3 = _arg$3; $f._arg$4 = _arg$4; $f._arg$5 = _arg$5; $f._arg$6 = _arg$6; $f._r = _r; $f._r$1 = _r$1; $f._r$2 = _r$2; $f._r$3 = _r$3; $f._r$4 = _r$4; $f._r$5 = _r$5; $f._r$6 = _r$6; $f._r$7 = _r$7; $f.s = s; $f.x = x; $f.$s = $s; $f.$r = $r; return $f;
|
||||
};
|
||||
@ -162966,7 +162982,7 @@ $packages["github.com/status-im/whispervis"] = (function() {
|
||||
page = _r;
|
||||
$r = vecty.SetTitle("Whisper Simulation"); /* */ $s = 2; case 2: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
|
||||
$r = vecty.AddStylesheet("css/bulma.css"); /* */ $s = 3; case 3: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
|
||||
$r = vecty.AddStylesheet("css/controls.css"); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
|
||||
$r = vecty.AddStylesheet("css/custom.css"); /* */ $s = 4; case 4: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
|
||||
$r = vecty.RenderBody(page); /* */ $s = 5; case 5: if($c) { $c = false; $r = $r.$blk(); } if ($r && $r.$blk !== undefined) { break s; }
|
||||
$s = -1; return;
|
||||
/* */ } return; } if ($f === undefined) { $f = { $blk: main }; } $f._r = _r; $f.page = page; $f.$s = $s; $f.$r = $r; return $f;
|
||||
@ -163119,7 +163135,7 @@ $packages["github.com/status-im/whispervis"] = (function() {
|
||||
_r$6 = n.descriptionBlock(); /* */ $s = 7; case 7: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
|
||||
_arg$9 = _r$6;
|
||||
_arg$10 = vecty.If(n.isCustom, new sliceType$7([n.upload]));
|
||||
_r$7 = elem.Div(new sliceType$6([_arg, _arg$8, _arg$9, _arg$10])); /* */ $s = 8; case 8: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
|
||||
_r$7 = widgets.Widget(new sliceType$6([_arg, _arg$8, _arg$9, _arg$10])); /* */ $s = 8; case 8: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
|
||||
$s = -1; return _r$7;
|
||||
/* */ } return; } if ($f === undefined) { $f = { $blk: NetworkSelector.ptr.prototype.Render }; } $f._arg = _arg; $f._arg$1 = _arg$1; $f._arg$10 = _arg$10; $f._arg$2 = _arg$2; $f._arg$3 = _arg$3; $f._arg$4 = _arg$4; $f._arg$5 = _arg$5; $f._arg$6 = _arg$6; $f._arg$7 = _arg$7; $f._arg$8 = _arg$8; $f._arg$9 = _arg$9; $f._r = _r; $f._r$1 = _r$1; $f._r$2 = _r$2; $f._r$3 = _r$3; $f._r$4 = _r$4; $f._r$5 = _r$5; $f._r$6 = _r$6; $f._r$7 = _r$7; $f.n = n; $f.x = x; $f.x$1 = x$1; $f.x$2 = x$2; $f.$s = $s; $f.$r = $r; return $f;
|
||||
};
|
||||
@ -163409,44 +163425,31 @@ $packages["github.com/status-im/whispervis"] = (function() {
|
||||
};
|
||||
$pkg.NewPage = NewPage;
|
||||
Page.ptr.prototype.Render = function() {
|
||||
var _arg, _arg$1, _arg$10, _arg$11, _arg$12, _arg$13, _arg$14, _arg$15, _arg$16, _arg$17, _arg$18, _arg$19, _arg$2, _arg$3, _arg$4, _arg$5, _arg$6, _arg$7, _arg$8, _arg$9, _r, _r$1, _r$10, _r$11, _r$12, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, _r$9, p, x, x$1, x$2, x$3, x$4, x$5, x$6, x$7, $s, $r;
|
||||
/* */ $s = 0; var $f, $c = false; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; _arg = $f._arg; _arg$1 = $f._arg$1; _arg$10 = $f._arg$10; _arg$11 = $f._arg$11; _arg$12 = $f._arg$12; _arg$13 = $f._arg$13; _arg$14 = $f._arg$14; _arg$15 = $f._arg$15; _arg$16 = $f._arg$16; _arg$17 = $f._arg$17; _arg$18 = $f._arg$18; _arg$19 = $f._arg$19; _arg$2 = $f._arg$2; _arg$3 = $f._arg$3; _arg$4 = $f._arg$4; _arg$5 = $f._arg$5; _arg$6 = $f._arg$6; _arg$7 = $f._arg$7; _arg$8 = $f._arg$8; _arg$9 = $f._arg$9; _r = $f._r; _r$1 = $f._r$1; _r$10 = $f._r$10; _r$11 = $f._r$11; _r$12 = $f._r$12; _r$2 = $f._r$2; _r$3 = $f._r$3; _r$4 = $f._r$4; _r$5 = $f._r$5; _r$6 = $f._r$6; _r$7 = $f._r$7; _r$8 = $f._r$8; _r$9 = $f._r$9; p = $f.p; x = $f.x; x$1 = $f.x$1; x$2 = $f.x$2; x$3 = $f.x$3; x$4 = $f.x$4; x$5 = $f.x$5; x$6 = $f.x$6; x$7 = $f.x$7; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
|
||||
var _arg, _arg$1, _arg$10, _arg$2, _arg$3, _arg$4, _arg$5, _arg$6, _arg$7, _arg$8, _arg$9, _r, _r$1, _r$2, _r$3, _r$4, _r$5, _r$6, _r$7, _r$8, p, x, x$1, x$2, x$3, x$4, x$5, x$6, x$7, $s, $r;
|
||||
/* */ $s = 0; var $f, $c = false; if (this !== undefined && this.$blk !== undefined) { $f = this; $c = true; _arg = $f._arg; _arg$1 = $f._arg$1; _arg$10 = $f._arg$10; _arg$2 = $f._arg$2; _arg$3 = $f._arg$3; _arg$4 = $f._arg$4; _arg$5 = $f._arg$5; _arg$6 = $f._arg$6; _arg$7 = $f._arg$7; _arg$8 = $f._arg$8; _arg$9 = $f._arg$9; _r = $f._r; _r$1 = $f._r$1; _r$2 = $f._r$2; _r$3 = $f._r$3; _r$4 = $f._r$4; _r$5 = $f._r$5; _r$6 = $f._r$6; _r$7 = $f._r$7; _r$8 = $f._r$8; p = $f.p; x = $f.x; x$1 = $f.x$1; x$2 = $f.x$2; x$3 = $f.x$3; x$4 = $f.x$4; x$5 = $f.x$5; x$6 = $f.x$6; x$7 = $f.x$7; $s = $f.$s; $r = $f.$r; } s: while (true) { switch ($s) { case 0:
|
||||
p = this;
|
||||
_arg = (x = vecty.Markup(new sliceType$5([vecty.Class(new sliceType$2(["columns"]))])), new x.constructor.elem(x));
|
||||
_arg$1 = (x$1 = vecty.Markup(new sliceType$5([vecty.Class(new sliceType$2(["column", "is-narrow"])), vecty.Style("width", "300px")])), new x$1.constructor.elem(x$1));
|
||||
_r = p.header(); /* */ $s = 1; case 1: if($c) { $c = false; _r = _r.$blk(); } if (_r && _r.$blk !== undefined) { break s; }
|
||||
_arg$2 = _r;
|
||||
_arg$3 = (x$2 = vecty.Markup(new sliceType$5([vecty.MarkupIf(p.isSimulating, new sliceType$5([vecty.Style("pointer-events", "none"), vecty.Style("opacity", "0.4")]))])), new x$2.constructor.elem(x$2));
|
||||
_r$1 = elem.HorizontalRule(new sliceType$6([])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
|
||||
_arg$4 = _r$1;
|
||||
_arg$5 = p.network;
|
||||
_r$2 = elem.HorizontalRule(new sliceType$6([])); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
|
||||
_r$1 = elem.Div(new sliceType$6([(x$2 = vecty.Markup(new sliceType$5([vecty.MarkupIf(p.isSimulating, new sliceType$5([vecty.Style("pointer-events", "none"), vecty.Style("opacity", "0.4")]))])), new x$2.constructor.elem(x$2)), p.network, p.forceEditor])); /* */ $s = 2; case 2: if($c) { $c = false; _r$1 = _r$1.$blk(); } if (_r$1 && _r$1.$blk !== undefined) { break s; }
|
||||
_arg$3 = _r$1;
|
||||
_arg$4 = (x$3 = vecty.Markup(new sliceType$5([vecty.MarkupIf(!p.loaded, new sliceType$5([vecty.Style("visibility", "hidden")]))])), new x$3.constructor.elem(x$3));
|
||||
_arg$5 = p.simulationWidget;
|
||||
_r$2 = elem.Div(new sliceType$6([(x$4 = vecty.Markup(new sliceType$5([vecty.MarkupIf(p.isSimulating, new sliceType$5([vecty.Style("pointer-events", "none"), vecty.Style("opacity", "0.4")]))])), new x$4.constructor.elem(x$4)), p.statsWidget])); /* */ $s = 3; case 3: if($c) { $c = false; _r$2 = _r$2.$blk(); } if (_r$2 && _r$2.$blk !== undefined) { break s; }
|
||||
_arg$6 = _r$2;
|
||||
_arg$7 = p.forceEditor;
|
||||
_r$3 = elem.Div(new sliceType$6([_arg$3, _arg$4, _arg$5, _arg$6, _arg$7])); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
|
||||
_arg$8 = _r$3;
|
||||
_r$4 = elem.HorizontalRule(new sliceType$6([])); /* */ $s = 5; case 5: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
|
||||
_arg$9 = _r$4;
|
||||
_arg$10 = (x$3 = vecty.Markup(new sliceType$5([vecty.MarkupIf(!p.loaded, new sliceType$5([vecty.Style("visibility", "hidden")]))])), new x$3.constructor.elem(x$3));
|
||||
_arg$11 = p.simulationWidget;
|
||||
_arg$12 = (x$4 = vecty.Markup(new sliceType$5([vecty.MarkupIf(p.isSimulating, new sliceType$5([vecty.Style("pointer-events", "none"), vecty.Style("opacity", "0.4")]))])), new x$4.constructor.elem(x$4));
|
||||
_r$5 = elem.HorizontalRule(new sliceType$6([])); /* */ $s = 6; case 6: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
|
||||
_arg$13 = _r$5;
|
||||
_arg$14 = p.statsWidget;
|
||||
_r$6 = elem.Div(new sliceType$6([_arg$12, _arg$13, _arg$14])); /* */ $s = 7; case 7: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
|
||||
_arg$15 = _r$6;
|
||||
_r$7 = elem.Div(new sliceType$6([_arg$10, _arg$11, _arg$15])); /* */ $s = 8; case 8: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
|
||||
_arg$16 = _r$7;
|
||||
_r$8 = elem.Div(new sliceType$6([_arg$1, _arg$2, _arg$8, _arg$9, _arg$16])); /* */ $s = 9; case 9: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
|
||||
_arg$17 = _r$8;
|
||||
_r$9 = elem.Div(new sliceType$6([(x$5 = vecty.Markup(new sliceType$5([vecty.Class(new sliceType$2(["column"])), vecty.MarkupIf(!p.loaded, new sliceType$5([vecty.Style("visibility", "hidden"), vecty.Style("height", "0px"), vecty.Style("width", "0px")]))])), new x$5.constructor.elem(x$5)), p.webgl])); /* */ $s = 10; case 10: if($c) { $c = false; _r$9 = _r$9.$blk(); } if (_r$9 && _r$9.$blk !== undefined) { break s; }
|
||||
_arg$18 = _r$9;
|
||||
_r$10 = elem.Div(new sliceType$6([(x$6 = vecty.Markup(new sliceType$5([vecty.Class(new sliceType$2(["pure-u-4-5"]))])), new x$6.constructor.elem(x$6)), vecty.If(!p.loaded, new sliceType$7([p.loader]))])); /* */ $s = 11; case 11: if($c) { $c = false; _r$10 = _r$10.$blk(); } if (_r$10 && _r$10.$blk !== undefined) { break s; }
|
||||
_arg$19 = _r$10;
|
||||
_r$11 = elem.Div(new sliceType$6([_arg, _arg$17, _arg$18, _arg$19])); /* */ $s = 12; case 12: if($c) { $c = false; _r$11 = _r$11.$blk(); } if (_r$11 && _r$11.$blk !== undefined) { break s; }
|
||||
_r$12 = elem.Body(new sliceType$6([_r$11, (x$7 = vecty.Markup(new sliceType$5([event.KeyDown($methodVal(p, "KeyListener")), event.VisibilityChange($methodVal(p, "VisibilityListener"))])), new x$7.constructor.elem(x$7))])); /* */ $s = 13; case 13: if($c) { $c = false; _r$12 = _r$12.$blk(); } if (_r$12 && _r$12.$blk !== undefined) { break s; }
|
||||
$s = -1; return _r$12;
|
||||
/* */ } return; } if ($f === undefined) { $f = { $blk: Page.ptr.prototype.Render }; } $f._arg = _arg; $f._arg$1 = _arg$1; $f._arg$10 = _arg$10; $f._arg$11 = _arg$11; $f._arg$12 = _arg$12; $f._arg$13 = _arg$13; $f._arg$14 = _arg$14; $f._arg$15 = _arg$15; $f._arg$16 = _arg$16; $f._arg$17 = _arg$17; $f._arg$18 = _arg$18; $f._arg$19 = _arg$19; $f._arg$2 = _arg$2; $f._arg$3 = _arg$3; $f._arg$4 = _arg$4; $f._arg$5 = _arg$5; $f._arg$6 = _arg$6; $f._arg$7 = _arg$7; $f._arg$8 = _arg$8; $f._arg$9 = _arg$9; $f._r = _r; $f._r$1 = _r$1; $f._r$10 = _r$10; $f._r$11 = _r$11; $f._r$12 = _r$12; $f._r$2 = _r$2; $f._r$3 = _r$3; $f._r$4 = _r$4; $f._r$5 = _r$5; $f._r$6 = _r$6; $f._r$7 = _r$7; $f._r$8 = _r$8; $f._r$9 = _r$9; $f.p = p; $f.x = x; $f.x$1 = x$1; $f.x$2 = x$2; $f.x$3 = x$3; $f.x$4 = x$4; $f.x$5 = x$5; $f.x$6 = x$6; $f.x$7 = x$7; $f.$s = $s; $f.$r = $r; return $f;
|
||||
_r$3 = elem.Div(new sliceType$6([_arg$4, _arg$5, _arg$6])); /* */ $s = 4; case 4: if($c) { $c = false; _r$3 = _r$3.$blk(); } if (_r$3 && _r$3.$blk !== undefined) { break s; }
|
||||
_arg$7 = _r$3;
|
||||
_r$4 = elem.Div(new sliceType$6([_arg$1, _arg$2, _arg$3, _arg$7])); /* */ $s = 5; case 5: if($c) { $c = false; _r$4 = _r$4.$blk(); } if (_r$4 && _r$4.$blk !== undefined) { break s; }
|
||||
_arg$8 = _r$4;
|
||||
_r$5 = elem.Div(new sliceType$6([(x$5 = vecty.Markup(new sliceType$5([vecty.Class(new sliceType$2(["column"])), vecty.MarkupIf(!p.loaded, new sliceType$5([vecty.Style("visibility", "hidden"), vecty.Style("height", "0px"), vecty.Style("width", "0px")]))])), new x$5.constructor.elem(x$5)), p.webgl])); /* */ $s = 6; case 6: if($c) { $c = false; _r$5 = _r$5.$blk(); } if (_r$5 && _r$5.$blk !== undefined) { break s; }
|
||||
_arg$9 = _r$5;
|
||||
_r$6 = elem.Div(new sliceType$6([(x$6 = vecty.Markup(new sliceType$5([vecty.Class(new sliceType$2(["pure-u-4-5"]))])), new x$6.constructor.elem(x$6)), vecty.If(!p.loaded, new sliceType$7([p.loader]))])); /* */ $s = 7; case 7: if($c) { $c = false; _r$6 = _r$6.$blk(); } if (_r$6 && _r$6.$blk !== undefined) { break s; }
|
||||
_arg$10 = _r$6;
|
||||
_r$7 = elem.Div(new sliceType$6([_arg, _arg$8, _arg$9, _arg$10])); /* */ $s = 8; case 8: if($c) { $c = false; _r$7 = _r$7.$blk(); } if (_r$7 && _r$7.$blk !== undefined) { break s; }
|
||||
_r$8 = elem.Body(new sliceType$6([_r$7, (x$7 = vecty.Markup(new sliceType$5([event.KeyDown($methodVal(p, "KeyListener")), event.VisibilityChange($methodVal(p, "VisibilityListener"))])), new x$7.constructor.elem(x$7))])); /* */ $s = 9; case 9: if($c) { $c = false; _r$8 = _r$8.$blk(); } if (_r$8 && _r$8.$blk !== undefined) { break s; }
|
||||
$s = -1; return _r$8;
|
||||
/* */ } return; } if ($f === undefined) { $f = { $blk: Page.ptr.prototype.Render }; } $f._arg = _arg; $f._arg$1 = _arg$1; $f._arg$10 = _arg$10; $f._arg$2 = _arg$2; $f._arg$3 = _arg$3; $f._arg$4 = _arg$4; $f._arg$5 = _arg$5; $f._arg$6 = _arg$6; $f._arg$7 = _arg$7; $f._arg$8 = _arg$8; $f._arg$9 = _arg$9; $f._r = _r; $f._r$1 = _r$1; $f._r$2 = _r$2; $f._r$3 = _r$3; $f._r$4 = _r$4; $f._r$5 = _r$5; $f._r$6 = _r$6; $f._r$7 = _r$7; $f._r$8 = _r$8; $f.p = p; $f.x = x; $f.x$1 = x$1; $f.x$2 = x$2; $f.x$3 = x$3; $f.x$4 = x$4; $f.x$5 = x$5; $f.x$6 = x$6; $f.x$7 = x$7; $f.$s = $s; $f.$r = $r; return $f;
|
||||
};
|
||||
Page.prototype.Render = function() { return this.$val.Render(); };
|
||||
Page.ptr.prototype.onForcesApply = function() {
|
||||
|
||||
2
whispervis.js.map
generated
2
whispervis.js.map
generated
File diff suppressed because one or more lines are too long
@ -52,7 +52,7 @@ func NewForceEditor(apply func()) *ForceEditor {
|
||||
|
||||
// Render implements vecty's Component interface for ForceEditor.
|
||||
func (f *ForceEditor) Render() vecty.ComponentOrHTML {
|
||||
return elem.Div(
|
||||
return Widget(
|
||||
Header("Layout forces:"),
|
||||
elem.Form(
|
||||
f.repelling,
|
||||
|
||||
@ -5,6 +5,28 @@ import (
|
||||
"github.com/gopherjs/vecty/elem"
|
||||
)
|
||||
|
||||
// Widgets renders common sidebar widget layout.
|
||||
func Widget(elements ...vecty.MarkupOrChild) *vecty.HTML {
|
||||
hr := elem.HorizontalRule(
|
||||
vecty.Markup(
|
||||
vecty.Class("has-background-grey-light"),
|
||||
vecty.Style("margin", "2px 0 10px 0"),
|
||||
),
|
||||
)
|
||||
markup := vecty.Markup(
|
||||
vecty.Class("box", "is-shadowless", "is-marginless", "has-background-light"),
|
||||
vecty.Style("padding", "1px"),
|
||||
)
|
||||
elems := []vecty.MarkupOrChild{markup}
|
||||
elems = append(elems, elements...)
|
||||
return elem.Div(
|
||||
hr,
|
||||
elem.Div(
|
||||
elems...,
|
||||
),
|
||||
)
|
||||
}
|
||||
|
||||
// Header renders common header for widgets.
|
||||
func Header(title string) *vecty.HTML {
|
||||
return elem.Heading4(
|
||||
|
||||
@ -35,7 +35,7 @@ func NewSimulation(address string, startSimulation func() error, replay func())
|
||||
|
||||
// Render implements vecty.Component interface for Simulation.
|
||||
func (s *Simulation) Render() vecty.ComponentOrHTML {
|
||||
return elem.Div(
|
||||
return Widget(
|
||||
elem.Div(
|
||||
Header("Simulation backend:"),
|
||||
elem.Div(
|
||||
|
||||
@ -38,7 +38,7 @@ func (s *Stats) Render() vecty.ComponentOrHTML {
|
||||
if s.stats == nil {
|
||||
return elem.Div()
|
||||
}
|
||||
return elem.Div(
|
||||
return Widget(
|
||||
Header("Stats:"),
|
||||
elem.Table(
|
||||
vecty.Markup(
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user