| OLD | NEW |
| (Empty) |
| 1 <section id="content"> | |
| 2 | |
| 3 <template id="sourcesTemplate"> | |
| 4 <button id="" class=source><img width=64 height=64 src=""></button> | |
| 5 </template> | |
| 6 | |
| 7 <div id="inputBitmapEnable"> | |
| 8 <input type="checkbox" id="enableSource" data-id="{{.Source}}"> | |
| 9 <label for="enableSource">Use an input bitmap</label> | |
| 10 </div> | |
| 11 | |
| 12 <button id="selectedSource"></button> | |
| 13 | |
| 14 <pre id="sourceCode">SkBitmap source;</pre> | |
| 15 | |
| 16 <div class="well" id="chooseSource"> | |
| 17 <div class="panel panel-primary"> | |
| 18 <div class="panel-heading"> | |
| 19 <h3 class="panel-title"> | |
| 20 Choose an existing image to use as an input bitmap, or upload a new on
e below. | |
| 21 </h3> | |
| 22 </div> | |
| 23 <div class="panel-body" id="chooseList"> | |
| 24 </div> | |
| 25 </div> | |
| 26 <div class="panel panel-default"> | |
| 27 <div class="panel-heading"> | |
| 28 <div class="panel-title"> | |
| 29 Upload a new image | |
| 30 </div> | |
| 31 </div> | |
| 32 <div class="panel-body"> | |
| 33 <form action="/sources/" method="post" accept-charset="utf-8" enctype="m
ultipart/form-data"> | |
| 34 <div class="form-group"> | |
| 35 <label for="upload">File input</label> | |
| 36 <input type="file" accept="image/*" name="upload" value="" id="uploa
d"> | |
| 37 </div> | |
| 38 <button class="btn btn-default" type="submit">Upload Image</button> | |
| 39 </form> | |
| 40 </div> | |
| 41 </div> | |
| 42 </div> | |
| 43 | |
| 44 <textarea spellcheck=false name='code' id='code' rows='15' cols='100'>{{.Code}
}</textarea> | |
| 45 | |
| 46 <div class="action-buttons"> | |
| 47 <button class="btn btn-primary btn-lg" id='run'>Run</button> | |
| 48 <a class="btn btn-default btn-lg" href='{{if .Hash}}/c/{{.Hash}}{{end}}' {{i
f not .Hash}}style="display: none;"{{end}} target=_blank id="permalink">Share</a
> | |
| 49 | |
| 50 <button class="btn btn-default btn-lg" id='embedButton' {{if not .Hash}}styl
e="display:none;"{{end}}/>Embed</button> | |
| 51 <input type="text" value="" id="embed" readonly style="display:none;"> | |
| 52 </div> | |
| 53 | |
| 54 <div id="raster-output" class="image-wrapper panel panel-primary"> | |
| 55 <div class="panel-heading"> | |
| 56 <h3 class="panel-title"> | |
| 57 Raster Output | |
| 58 </h3> | |
| 59 </div> | |
| 60 <div class="panel-body"> | |
| 61 <img touch-action='none' class='zoom' id='raster-img' onload="onLoadImage(
this)" src='{{if .Hash}}/i/{{.Hash}}_raster.png{{end}}'/> | |
| 62 </div> | |
| 63 </div> | |
| 64 | |
| 65 <div id="gpu-output" class="image-wrapper panel panel-primary"> | |
| 66 <div class="panel-heading"> | |
| 67 <h3 class="panel-title"> | |
| 68 Ganesh Output | |
| 69 </h3> | |
| 70 </div> | |
| 71 <div class="panel-body"> | |
| 72 <img touch-action='none' class='zoom' id='gpu-img' onload="onLoadImage(thi
s)" src='{{if .Hash}}/i/{{.Hash}}_gpu.png{{end}}'/> | |
| 73 </div> | |
| 74 </div> | |
| 75 | |
| 76 <p id='zoomHex'></p> | |
| 77 | |
| 78 <div id="output-wrapper"> | |
| 79 <h2>Build Issues (click errors to jump to that line)</h2> | |
| 80 <pre id="output"></pre> | |
| 81 </div> | |
| 82 | |
| 83 </section> | |
| OLD | NEW |