rework GUI, scripts, and fiddle main for multiple simultaneous configs

rework GUI, scripts, and fiddle main for multiple simultaneous configs

You can now select Raster, Ganesh, or both (PDF coming soon), and see
all output simultaneously.

BUG=skia:
R=jcgregorio@google.com
TBR=jcgregorio

Committed: https://skia.googlesource.com/skia/+/af58b5fcba23f5cc395ad64642b46504bd181eac

[humper, 2014-10-28 19:19:29]

ptal; happy to give demo if needed.

[jcgregorio, 2014-10-29 13:34:59]

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/res/js/w...
File experimental/webtry/res/js/webtry.js (right):

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/res/js/w...
experimental/webtry/res/js/webtry.js:409: function collectionHas(a, b) {
//helper function (see below)
Move these 3 functions into the closure above so they don't pollute the global
namespace.

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/template...
File experimental/webtry/templates/content.html (right):

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/template...
experimental/webtry/templates/content.html:61: <img touch-action='none'
class='zoom' id='raster-img' onload="onLoadImage(this)" src='{{if
.Hash}}/i/{{.Hash}}_raster.png{{end}}'/>
use addEventListener's instead of on* attributes.

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/template...
experimental/webtry/templates/content.html:72: <img touch-action='none'
class='zoom' id='gpu-img' onload="onLoadImage(this)" src='{{if
.Hash}}/i/{{.Hash}}_gpu.png{{end}}'/>
use addEventListener's instead of on* attributes.

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/webtry.go
File experimental/webtry/webtry.go (right):

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/webtry.g...
experimental/webtry/webtry.go:411: GPUImg        string         `json:"gpuImg"`
No PDFImg?

[humper, 2014-10-29 14:20:33]

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/res/js/w...
File experimental/webtry/res/js/webtry.js (right):

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/res/js/w...
experimental/webtry/res/js/webtry.js:409: function collectionHas(a, b) {
//helper function (see below)
On 2014/10/29 13:34:46, jcgregorio wrote:
> Move these 3 functions into the closure above so they don't pollute the global
> namespace.

Adding a TODO about this as per our out-of-band conversation about why this is
being done this way.

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/template...
File experimental/webtry/templates/content.html (right):

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/template...
experimental/webtry/templates/content.html:72: <img touch-action='none'
class='zoom' id='gpu-img' onload="onLoadImage(this)" src='{{if
.Hash}}/i/{{.Hash}}_gpu.png{{end}}'/>
On 2014/10/29 13:34:46, jcgregorio wrote:
> use addEventListener's instead of on* attributes.

Also pushing to a later CL when some of this gets redone with web components.

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/webtry.go
File experimental/webtry/webtry.go (right):

https://codereview.chromium.org/688433002/diff/1/experimental/webtry/webtry.g...
experimental/webtry/webtry.go:411: GPUImg        string         `json:"gpuImg"`
On 2014/10/29 13:34:59, jcgregorio wrote:
> No PDFImg?

Since PDF isn't implemented yet I just stubbed out the UI for now; the PDF is
probably going to presented as a download link but I haven't 100% thought this
all through so I didn't want to call it an image per se.

[jcgregorio, 2014-10-29 14:22:36]

lgtm

[humper, 2014-10-29 14:31:49]

Committed patchset #2 (id:20001) manually as
af58b5fcba23f5cc395ad64642b46504bd181eac (presubmit successful).