esptool-js-openDTU/index.html

65 lines
2.9 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>ESP Tool</title>
<link rel="stylesheet" href="styles.css" />
<link rel="stylesheet" href="node_modules/xterm/css/xterm.css" />
<link
href="https://fonts.googleapis.com/css?family=Orbitron"
rel="stylesheet"
/>
<link rel="icon" href="favicon.ico" />
<script src="node_modules/xterm/lib/xterm.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.3/pako.js"></script>
<script src="node_modules/crypto-js/crypto-js.js"></script>
</head>
<body>
<h1>ESP Tool</h1>
<div>
<div id="program">
<h2> Program </h2>
<label for="baudrates">Baudrate:</label>
<select name="baudrates" id="baudrates">
<option value="921600">921600</option>
<option value="460800">460800</option>
<option value="230400">230400</option>
<option value="115200">115200</option>
</select>
<input class="button" type="button" id="connectButton" value="Connect" />
<input class="button" type="button" id="disconnectButton" value="Disconnect" />
<div id="files">
<br/>
<input class="button" type="button" id="eraseButton" value="Erase Flash" />
<br/>
<label for="offset1">Bootloader</label>
<input type="text" id="offset1" name="offset1" value="0x1000">
<input type="file" id="selectFile1" name="selected_file1">
<br/>
<label for="offset2">Partition table</label>
<input type="text" id="offset2" name="offset2" value="0x8000">
<input type="file" id="selectFile2" name="selected_file2">
<br/>
<label for="offset3">App</label>
<input type="text" id="offset3" name="offset3" value="0x10000">
<input type="file" id="selectFile3" name="selected_file3">
<br/>
<input class="button" type="button" id="programButton" value="Program" />
</div>
<output id="list"></output>
<br/>
<hr/>
</div>
<div id="console">
<h2>Console </h2>
<input class="button" type="button" id="consoleStartButton" value="Start" />
<input class="button" type="button" id="consoleStopButton" value="Stop" />
<input class="button" type="button" id="resetButton" value="Reset" />
<hr/>
</div>
</div>
<div id="terminal"></div>
<script src="index.js" type="module"></script>
</body>
</html>