<!DOCTYPE html>
<html>
<head>
  <title>settings</title>

  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta id="Viewport" name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no">

  <link href="css/settings.css" rel="stylesheet" media="screen">
</head>
<body>
<!--<div>-->
  <!--<button id="loadBtn">load</button> - load data-->
<!--</div>-->
<!--<div>-->
  <!--<form action="http://192.168.5.1/cgi-bin/d3dapi/config" method="POST" id="formpje">-->
    <!--printer.layerHeight: <input type="text" name="printer.layerHeight" value="0.1"><br>-->
    <!--<input type="submit" value="Submit">-->
  <!--</form>-->
<!--</div>-->
<div>
  <h3 style="font-weight:bold">
    Not all fields are saveable at the moment
  </h3>

  <form id="settingsForm">
    <fieldset>
      <legend>3D printer</legend>
      <label for="deviceType">Type:</label>
      <select id="deviceType">
        <option value="ultimaker">Ultimaker</option>
        <option value="ultimaker">Makerbot CupCake</option>
        <option value="reprap">Prusa Mendel</option>
      </select>
      <br>
      <label for="deviceSpeed">Speed:</label>
      <select id="deviceSpeed">
        <option value="115200">115200 bps</option>
        <option value="2500000">2500000 bps</option>
      </select>
      <br>
      <label for="devicePort">Port:</label>
      <select id="devicePort">
        <option value="/dev/tty.usbmodem411">/dev/tty.usbmodem411</option>
        <option value="/dev/tty.usbmodem602">/dev/tty.usbmodem621</option>
      </select>
      <button>Check connection...</button>
    </fieldset>

    <fieldset id="printersettings">
      <legend>Print settings</legend>
      <label for="layerHeight">Layer height:</label><input id="layerHeight" type="text" class="small" name="printer.layerHeight">mm<br>
      <label for="wallThickness">Wall thickness:</label><input id="wallThickness" type="text" class="small" name="printer.wallThickness">mm<br>
      <label for="filamentThickness">Filament thickness:</label><input id="filamentThickness" type="text" class="small" name="printer.filamentThickness">mm<br>
      <label for="temperature">Temperature:</label><input id="temperature" type="text" class="small" name="printer.temperature">degrees C<br>
      <br>
      <label for="speed">Speed:</label><input id="speed" type="text" name="printer.speed" class="small">mm/s<br>
      <label for="travelSpeed">Travel speed:</label><input id="travelSpeed" type="text" name="printer.travelSpeed" class="small">mm/s<br>
      <br>
      <label for="autoWarmUp">Auto warm-up:</label><input id="autoWarmUp" type="checkbox" name="printer.autoWarmUp" value="autoWarmUp"><br>
      <label for="firstLayerSlow">First layer slow:</label><input id="firstLayerSlow" type="checkbox" name="printer.firstLayerSlow" value="firstLayerSlow"><br>
      <label for="useSubLayers">Use sub-layers:</label><input id="useSubLayers" type="checkbox" name="printer.useSubLayers" value="firstLayerSlow"><br>
      <label for="useRetraction">Use retraction:</label><input id="useRetraction" type="checkbox" name="printer.retraction.enabled" value="useRetraction"><br>
      <br>
      <label for="retractionAmount">Retraction amount:</label><input id="retractionAmount" type="text" class="small" name="printer.retraction.amount">mm<br>
      <label for="retractionMinDistance">Retraction min distance:</label><input id="retractionMinDistance" type="text" class="small" name="printer.retraction.minDistance">mm<br>
      <label for="retractionSpeed">Retraction speed:</label><input id="retractionSpeed" type="text" class="small" name="printer.retraction.speed">mm/s<br>
      <br>
      <label for="autoWarmUpCommand">Auto Warm up command:</label><input id="autoWarmUpCommand" type="text" name="printer.autoWarmUpCommand"><br>
    </fieldset>

    <fieldset>
      <legend>Access point settings</legend>
      <label for="ipaddress">Wi-Fi box IP address:</label><input type="text" name="ipaddress" id="ipaddress" value="0.3"><br>
      <label for="netmask">Wi-Fi box netmask:</label><input type="text" name="netmask" id="netmask" value="0.8"><br>
      <label for="ssid">Wi-Fi box ssid*:</label><input type="text" class="large" name="ssid" id="ssid" value="d3d-ap-%%MAC_ADDR_TAIL%%"> <br>
      <br>
      * The macro <em>%%MAC_ADDR_TAIL%%</em> will be replaced by the last 6 digits of your Doodle3D Wi-Fi box's MAC address.<br>
    </fieldset>

    <!--<fieldset>-->
      <!--<legend>Doodle3D shape settings</legend>-->

      <!--<label for="minScale">Minimum scale:</label><input type="text" class="small" name="minScale" id="minScale" value="0.3"><br>-->
      <!--<label for="maxScale">Maximum scale:</label><input type="text" class="small" name="maxScale" id="maxScale" value="0.8"><br>-->
      <!--<label for="twists">Twists:</label><input type="text" class="small" name="twists" id="twists" value="1.5"><br>-->

      <!--<label for="shape">Vertical shape:</label>-->
      <!--<select id="shape">-->
        <!--<option value="/">/</option>-->
        <!--<option value="|">|</option>-->
        <!--<option value="/">\</option>-->
        <!--<option value="#">#</option>-->
        <!--<option value="$">$</option>-->
        <!--<option value="%">%</option>-->
        <!--<option value="^">^</option>-->
        <!--<option value="*">*</option>-->
      <!--</select>-->

      <!--<br>-->
      <!--<label for="simplifyShape">Simplify shape:</label>-->
      <!--<select id="simplifyShape">-->
        <!--<option value="strong">strong</option>-->
        <!--<option value="normal" selected>normal</option>-->
        <!--<option value="less">less</option>-->
        <!--<option value="none">no</option>-->
    <!--</fieldset>-->

    <!--<fieldset>-->
      <!--<legend>Webserver</legend>-->
      <!--<label for="serverPort">Port:</label><input type="text" class="small" name="serverPort" id="serverPort" value="8888"><br>-->
      <!--<label for="serverIP">IP-address:</label><input readonly type="text" name="serverPort" id="serverIP" value="192.168.2.1"><br>-->
    <!--</fieldset>-->

    <!--<fieldset>-->
      <!--<legend>Application settings</legend>-->
      <!--<label for="fullscreen">Start fullscreen:</label><input type="checkbox" name="fullscreen" id="fullscreen" value="fullscreen" checked><br>-->
      <!--<label for="centerWindow">Center window:</label><input type="checkbox" name="centerWindow" id="centerWindow" value="centerWindow" checked><br>-->
      <!--<label for="windowWidth">Window width:</label><input type="text" class="small" name="layerHeight" id="windowWidth" value="1120">px<br>-->
      <!--<label for="windowHeight">Window height:</label><input type="text" class="small" name="layerHeight" id="windowHeight" value="700">px<br>-->
    <!--</fieldset>-->

    <fieldset>
      <legend>GCODE settings</legend><br>

      <table>
        <tr>
          <td>
            <label for="startgcode">Start:</label><br>
            <textarea id="startgcode" class="gcode">
G21 (mm)
G91 (relative)
G28 X0 Y0 Z0 (physical home)
M104 S230 (temperature)
G1 E10 F250 (flow)
G92 X-100 Y-100 Z0 E10
G1 Z3 F5000 (prevent diagonal line)
G90 (absolute)
M106 (fan on)
            </textarea>

          </td>
          <td>
            <label for="endgcode">End:</label><br>
            <textarea id="endgcode" class="gcode">
G1 X-100 Y-100 F15000 (fast homing)
M107
M84 (disable axes)
            </textarea>
          </td>
        </tr>
      </table>
      <br>
    </fieldset>

    <fieldset>
      <legend>Advanced settings</legend>
      <textarea id="advancedSettings">
zOffset=0
loadOffset=0,0
showWarmUp=true
loopAlways=false
maxObjectHeight=200
maxScaleDifference=.1
quitOnEscape=true
screenToMillimeterScale=.3
targetTemperature=230
      </textarea>
    </fieldset>
    <!--<br>-->
    <!--<input type="submit" value="Save settings">-->
  </form>
</div>
<!--<script src="js/jquery-1.8.3.min.js"></script>-->
<!--<script src="js/bootstrap.min.js"></script>-->
<script src="js/settings.js"></script>
<script type="text/javascript">


//  var btnLoad = $("#loadBtn");

//  var myForm = $("#formpje");
//  myForm.submit(function(e) {
//    e.preventDefault();
//    console.log("form submitted");
//    console.log("   printer.layerHeight:" + $("#formpje input[name='printer.layerHeight']").attr('value'));
//    $.post(
//        wifiboxURL + "/config",
//        {
//          "printer.layerHeight": $("#formpje input[name='printer.layerHeight']").attr('value')
//        },
//        function(data) {
//          console.log(JSON.stringify(data));
//        });
//    return false;
//  })



  var sendIndex;
  var sendLength;
  $(function() {
    console.log("ready");

//    if ($("#useRetraction").prop('checked') == true) $(".retractionSettings").show(500);
//    $("#useRetraction").click(function(e) {
//      if ($(this).prop('checked')) {
//        $(".retractionSettings").show(350);
//      } else {
//        $(".retractionSettings").hide(350);
//      }
//    });

//    btnLoad.click(function(e) {
//      e.preventDefault();
//      console.log("load");
//    });
//    if (communicateWithWifibox) loadSettings();
  })

</script>
</body>
</html>

<!--

implemented:

X  network.ap.address: "192.168.10.1"
X  network.ap.netmask: "255.255.255.0"
X  network.ap.ssid: "d3d-ap-%%MAC_ADDR_TAIL%%"
X  printer.autoWarmUp: true
printer.autoWarmUpCommand: "M104 S230"
X printer.filamentThickness: 2.89
X  printer.firstLayerSlow: true
X  printer.layerHeight: 0.3
printer.objectHeight: 20
X  printer.retraction.amount: 3
X  printer.retraction.minDistance: 5
X  printer.retraction.speed: 50
printer.simplify.iterations: 10
printer.simplify.minDistance: 3
printer.simplify.minNumPoints: 15
X  printer.speed: 70
printer.temperature: 230
X  printer.travelSpeed: 200
X  printer.useSubLayers: true
X  printer.wallThickness: 0.5
X  printer.temperature: 230

-->