Tools/firmware.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8" />
  <title>OpenWareLaboratory</title>
  <script src="jquery.min.js"></script>
  <script src="midiclient.js"></script>
  <script src="OpenWareMidiControl.js"></script>
  <script src="owlcmd.js"></script>
  <script src="firmware.js"></script>
  <style>
    td { text-align: center; }
</style>
</head>

  <h2><span id="firmwareversion">OpenWareLaboratory</span></h2>

  <div>
    <h3 id="patchname"></h3>
  </div>

  <div>
    <h3>Status</h3>
    <p id="ourstatus"></p>
    <!-- <p id="patchmessage"></p> -->
  </div>

  <div>
    <h3>Download Firmware</h3>
    <p><a href="https://github.com/pingdynasty/OpenWare/releases" target="_blank">OpenWare Releases</a></p>
  </div>
  
  <div>
    <h3>Flash Firmware</h3>
    <ol>
      <li><button onclick="HoxtonOwl.midiClient.sendSysexCommand(OpenWareMidiSysexCommand.SYSEX_BOOTLOADER_COMMAND);"> Reset to Boot Loader</button></li>
      <li><button onclick="location.reload();">Reload Page</button></li>
      <form>
	<li><input type="file" name="files[]" multiple="false" accept=".syx"/></li>	  
	<li><button type="button" onclick="sendProgram(this.form[0].files)">Flash firmware</button></li>
      </form>
    <!-- <form onsubmit="sendFirmwareFlash(this[0].value); return false;" target="#"> -->
    <!--   Checksum: <input type="text" name="crc32"/> -->
    <!--   <input type="submit">Flash firmware</input> -->
    <!-- </form> -->
      <li>Wait for <strong>Firmware upload complete</strong> message</li>
      <li><button onclick="HoxtonOwl.midiClient.sendSysexCommand(OpenWareMidiSysexCommand.SYSEX_DEVICE_RESET_COMMAND);"> Device Reset</button></li>
      <li>Done! Maybe visit the <a href="https://www.rebeltech.org/patch-library/device/">Patch Library</a>?</li>
  </div>

  <div>
    <h3>Query</h3>
    <!-- status <input type="button" onclick="sendStatusRequest(); return false;"/> -->
    <!-- load <input type="button" onclick="sendLoadRequest(); return false;"/> -->
    <!-- led <input type="button" onclick="sendRequest(OpenWareMidiControl.LED); return false;"/> -->
    <!-- settings <input type="button" onclick="sendRequest(127); return false;"/> -->
    <!-- parameter values <input type="button" onclick="sendRequest(OpenWareMidiControl.PATCH_PARAMETER_A); return false;"/> -->

    <p>MIDI In
      <select id="midiInputs" onchange="HoxtonOwl.midiClient.selectMidiInput(this.value)">
	<option value="0xff"><i>none</i></option>
      </select>
    </p>

    <p>MIDI Out
      <select id="midiOutputs" onchange="HoxtonOwl.midiClient.selectMidiOutput(this.value)">
	<option value="0xff"><i>none</i></option>
      </select>
    </p>

    <p>Poll 
      <input id="poll" type="checkbox" checked="true" onclick="setMonitor(this.checked); return true;"/>
    </p>

    <button onclick="sendRequest(OpenWareMidiSysexCommand.SYSEX_PROGRAM_MESSAGE); return false;">message</button>
    <button onclick="sendRequest(OpenWareMidiSysexCommand.SYSEX_DEVICE_ID); return false;">device id</button>
    <button onclick="sendRequest(OpenWareMidiSysexCommand.SYSEX_FIRMWARE_VERSION); return false;">firmware</button>
    <button onclick="sendRequest(OpenWareMidiSysexCommand.SYSEX_DEVICE_STATS); return false;">device stats</button>
    <button onclick="sendRequest(OpenWareMidiSysexCommand.SYSEX_PROGRAM_STATS); return false;">program stats</button>
  </div>

  <!-- <p><button onclick="HoxtonOwl.midiClient.sendSysexCommand(OpenWareMidiSysexCommand.SYSEX_FLASH_ERASE);"> Erase Flash Storage</button></p> -->
  <!-- <p><button onclick="HoxtonOwl.midiClient.sendSysexData(OpenWareMidiSysexCommand.SYSEX_FLASH_ERASE, [0, 0, 0, 0, 4]);"> Erase Sector 4</button></p> -->

  <div>
    <h3>Messages</h3>
    <button id="clear">Clear</button>
    <ul id="log"></ul>
  </div>
</body>
</html>