2018-12-30 22:17:58 -08:00
|
|
|
<!DOCTYPE HTML>
|
|
|
|
|
<!--
|
|
|
|
|
Hyperspace by HTML5 UP
|
|
|
|
|
html5up.net | @ajlkn
|
|
|
|
|
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
|
|
|
|
|
-->
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
2018-12-31 01:47:16 -08:00
|
|
|
<title>Speeduino Universal Firmware Loader</title>
|
2018-12-30 22:17:58 -08:00
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
2018-12-31 05:59:18 -08:00
|
|
|
|
|
|
|
|
<script src="renderer.js">
|
|
|
|
|
</script>
|
|
|
|
|
|
2018-12-30 22:17:58 -08:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<!-- Sidebar -->
|
|
|
|
|
<section id="sidebar">
|
|
|
|
|
<div class="inner">
|
|
|
|
|
<nav>
|
|
|
|
|
<ul>
|
2018-12-31 05:59:18 -08:00
|
|
|
<li><a href="#loader">Choose Firmware</a></li>
|
|
|
|
|
<li><a href="#details">Firmware Details</a></li>
|
|
|
|
|
<li><a href="#port">Choose Port</a></li>
|
2019-01-01 16:31:28 -08:00
|
|
|
<li><a href="#progress">Progress</a></li>
|
2018-12-30 22:17:58 -08:00
|
|
|
</ul>
|
|
|
|
|
</nav>
|
|
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
<!-- Wrapper -->
|
|
|
|
|
<div id="wrapper">
|
|
|
|
|
|
2018-12-31 05:59:18 -08:00
|
|
|
<!-- Choose Version -->
|
2018-12-30 22:17:58 -08:00
|
|
|
<section id="loader" class="wrapper style1 fullscreen fade-up">
|
|
|
|
|
<div class="inner">
|
2018-12-31 01:47:16 -08:00
|
|
|
<center><img src="assets/speeduino logo_white.png" width="235"/></center>
|
|
|
|
|
<!--<h1>Firmware Loader</h1>-->
|
2018-12-30 22:17:58 -08:00
|
|
|
<p>Available Firmwares:
|
2019-01-04 02:47:00 -08:00
|
|
|
<select name="firmwares" class="select" id="versionsSelect" size="10" width="20" ></select>
|
2019-01-01 15:47:54 -08:00
|
|
|
<ul class="actions">
|
2019-01-04 02:47:00 -08:00
|
|
|
<li><input type='button' id="btnDetails" value="View Firmware Notes" onclick="refreshDetails();" /></li>
|
|
|
|
|
<li><input type='button' id="btnChoosePort" value="Choose Port" onclick="window.location.href='#port';" /></li>
|
2019-01-01 15:47:54 -08:00
|
|
|
</ul>
|
2018-12-30 22:17:58 -08:00
|
|
|
</p>
|
2018-12-31 05:59:18 -08:00
|
|
|
<div id="error"></div>
|
|
|
|
|
<div id="ports"></div>
|
2018-12-30 22:17:58 -08:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
2018-12-31 05:59:18 -08:00
|
|
|
<!-- Firmware details -->
|
2019-01-04 04:10:03 -08:00
|
|
|
<section id="details" class="wrapper style1-alt spotlights" style="display: none; height: 100vh;">
|
2019-01-01 16:31:28 -08:00
|
|
|
<div class="inner">
|
2019-01-01 19:47:18 -08:00
|
|
|
<h1>Firmware Notes</h1>
|
2019-01-01 21:18:31 -08:00
|
|
|
|
|
|
|
|
<div class="features major" >
|
|
|
|
|
<h2><div id="detailsHeading" ></div></h2>
|
|
|
|
|
<div id="detailsText" ></div>
|
|
|
|
|
</div>
|
2019-01-01 16:31:28 -08:00
|
|
|
</div>
|
2019-01-01 21:18:31 -08:00
|
|
|
</section>
|
2018-12-30 22:17:58 -08:00
|
|
|
|
2018-12-31 05:59:18 -08:00
|
|
|
<!-- Choose Port -->
|
2019-01-04 02:47:00 -08:00
|
|
|
<section id="port" class="wrapper style2 fullscreen fade-up" style="height: 100vh;">
|
2018-12-31 05:59:18 -08:00
|
|
|
<div class="inner">
|
2019-01-01 21:18:31 -08:00
|
|
|
<h1>Select Serial Port</h1>
|
2018-12-31 05:59:18 -08:00
|
|
|
<p>Available Ports:
|
|
|
|
|
<select name="ports" class="select" id="portsSelect" size="10" width="20"></select>
|
|
|
|
|
<ul class="actions">
|
|
|
|
|
<li><input type='button' value="Refresh" onclick="refreshSerialPorts();" /></li>
|
2019-01-02 18:44:06 -08:00
|
|
|
<li><input type='button' value="Install" id="btnInstall" onclick="uploadFW();" /></li>
|
2018-12-31 05:59:18 -08:00
|
|
|
</ul>
|
|
|
|
|
</p>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="serialDetectError"></div>
|
|
|
|
|
</section>
|
|
|
|
|
|
2019-01-01 16:31:28 -08:00
|
|
|
<!-- Progress -->
|
2019-01-04 02:47:00 -08:00
|
|
|
<section id="progress" class="wrapper style3 fade-up" style="height: 100vh;">
|
2018-12-30 22:17:58 -08:00
|
|
|
<div class="inner">
|
2019-01-01 16:31:28 -08:00
|
|
|
<h2>Progress</h2>
|
2018-12-30 22:17:58 -08:00
|
|
|
<div class="features">
|
|
|
|
|
<section>
|
2019-01-03 23:54:39 -08:00
|
|
|
<span class="icon major fa-pause" id="progressSpinner"></span>
|
|
|
|
|
<p>
|
|
|
|
|
<strong>Current Status:</strong>
|
2019-01-04 04:10:03 -08:00
|
|
|
<span id="statusText"></span><span id="burnPercent"></span>
|
2019-01-03 23:54:39 -08:00
|
|
|
</p>
|
2018-12-30 22:17:58 -08:00
|
|
|
</section>
|
2019-01-02 18:44:06 -08:00
|
|
|
<section id="terminalSection" style="display: none;">
|
|
|
|
|
<span class="icon major fa-exclamation-triangle"></span>
|
|
|
|
|
<h3>Terminal Output:</h3>
|
2019-01-04 02:47:00 -08:00
|
|
|
<pre style="color: silver; background: black; overflow-x: scroll; overflow-y: scroll; height:220px"><span id="terminalText"></span></pre>
|
2019-01-02 18:44:06 -08:00
|
|
|
</section>
|
2018-12-30 22:17:58 -08:00
|
|
|
</div>
|
|
|
|
|
</section>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- Footer -->
|
|
|
|
|
<footer id="footer" class="wrapper style1-alt">
|
|
|
|
|
<div class="inner">
|
|
|
|
|
<ul class="menu">
|
2019-01-03 23:54:39 -08:00
|
|
|
<li>© Josh Stewart. All rights reserved.</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li><li>Version: 0.0.3</li>
|
2018-12-30 22:17:58 -08:00
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
<!-- Scripts -->
|
|
|
|
|
<script>window.$ = window.jQuery = require('./assets/js/jquery.min.js');</script>
|
|
|
|
|
<script src="assets/js/jquery.scrollex.min.js"></script>
|
|
|
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
|
|
|
|
<script src="assets/js/skel.min.js"></script>
|
|
|
|
|
<script src="assets/js/util.js"></script>
|
|
|
|
|
<script src="assets/js/main.js"></script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
