Merge pull request #145 from remcoder/demo/presets

Add presets to the demo

Author: sophiedeziel

demo/3DBenchy-Multi-part.gcode demo/gcodes/3DBenchy-Multi-part.gcodedemo/3DBenchy-Multi-part.gcode renamed to demo/gcodes/3DBenchy-Multi-part.gcode

@@ -33,8 +33,28 @@
   <div class="sidebar">
     <div>
       <h1>GCode Preview</h1>
+      Presets:
+      <select id="settings-presets">
+        <option value="multicolor">Multicolor</option>
+        <option value="mach3">CNC tool path</option>
+        <option value="arcs">Arcs with G2/G3</option>
+        <option value="vase-mode">Vase mode</option>
+        <option value="travel-moves">Travel moves</option>
+      </select>
+      <div>
+        File: <select id="file-selector">
+          <option value="gcodes/benchy.gcode">benchy.gcode</option>
+          <option value="gcodes/3DBenchy-Multi-part.gcode">3DBenchy-Multi-part.gcode</option>
+          <option value="gcodes/benchy arcs.gcode">benchy arcs.gcode</option>
+          <option value="gcodes/mach3.gcode">mach3.gcode</option>
+          <option value="gcodes/screw.gcode">screw.gcode</option>
+          <option value="gcodes/vase.gcode">vase.gcode</option>
+          <option value="gcodes/plant-sign.gcode">plant-sign.gcode</option>
+        </select>
+      </div>
       <section>
         <img id="thumb" title="thumbnail generated by slicer" />
+
         file <a id="file-name">loading..</a>
         <div><span id="layer-count"></span> / <span id="file-size"></span></div>
       </section>
@@ -70,7 +90,7 @@ <h1>GCode Preview</h1>
         </div>
         <div class="controls">
           <label for="extrusion">Extrusion</label
-          ><input type="checkbox" id="extrusion" />
+          ><input type="checkbox" id="extrusion" checked />
         </div>
         <div class="controls">
           <label for="render-tubes">Render tubes</label
@@ -109,7 +129,7 @@ <h1>GCode Preview</h1>
         </div>
         <div class="controls">
           <label for="extrusion-color-t6">Extrusion color (T6)</label>
-          <input type="color" id="extrusion-color-t6" value="#ff0000" />  
+          <input type="color" id="extrusion-color-t6" value="#ff0000" />
         </div>
         <div class="controls">
           <label for="extrusion-color-t7">Extrusion color (T7)</label>
@@ -190,6 +210,5 @@ <h1>GCode Preview</h1>
   <script src="js/demo.js"></script>
   <script>
     const gcodeDemo = initDemo();
-    loadGCodeFromServer('3DBenchy-Multi-part.gcode');
   </script>
 </body>