Home | History | Annotate | Download | only in templates
      1 
      2 <section id=content>
      3 
      4   <template id=sourcesTemplate>
      5       <button id="" class=source><img width=64 height=64 src=''></button>
      6   </template>
      7   <input type="checkbox" id="enableSource" data-id="{{.Source}}"> Use an input bitmap.
      8   <br>
      9   <button id=selectedSource></button>
     10   <pre id=sourceCode>SkBitmap source;</pre>
     11   <div id=chooseSource>
     12     Choose an image below or upload a new one to use as an input bitmap.
     13     <div id="chooseList">
     14     </div>
     15     <form action="/sources/" method="post" accept-charset="utf-8" enctype="multipart/form-data">
     16       <input type="file" accept="image/*" name="upload" value="" id="upload">
     17       <input type="submit" value="Add Image">
     18     </form>
     19   </div>
     20 
     21   <pre>
     22     <textarea spellcheck=false name='code' id='code' rows='15' cols='100'>{{.Code}}</textarea>
     23   </pre>
     24 
     25   <input type='button' value='Run' id='run'>
     26   <a href='{{if .Hash}}/c/{{.Hash}}{{end}}' target=_blank id=permalink>Share</a>
     27 
     28   <input type='button' value='Embed' id='embedButton' disabled/>
     29   <input type="text" value="" id="embed" readonly style="display:none;">
     30   <br>
     31 
     32   <p>
     33   <img  touch-action='none' class='zoom' id='img' src='{{if .Hash}}/i/{{.Hash}}.png{{end}}'/>
     34   </p>
     35   <p id='zoomHex'></p>
     36 
     37   <h2>Warnings and Errors</h2>
     38   <pre><code id='output'></code></pre>
     39   <h2>Runtime output</h2>
     40   <pre id='stdout'></pre>
     41 
     42 </section>
     43