jmgiacalone/esp32-template
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

lolin32 board added. fw and UI de-cluttered.

Browse Source
This commit is contained in:
jmgiacalone
2024-02-11 09:02:39 +00:00
parent ffeb1d3a2c
commit 0546fec678
10 changed files with 414 additions and 1727 deletions
Download Patch File Download Diff File Expand all files Collapse all files

137
data/index.htm
View File

@@ -4,9 +4,6 @@
<title>eMAKER Printer Climate Control</title>
<!--Import Google Icon Font-->
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
<!--Import materialize.css-->
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta charset="utf-8" />
@@ -26,140 +23,14 @@
</div>
<!-- Data row-->
<div class="row">
<div class="card light-blue darken-3">
<div class="card-tabs">
<ul class="tabs tabs-transparent">
<li class="tab col s12 m6 l3"><a href="#tabValues">Values</a>
</li>
<li class="tab col s12 m6 l3"><a href="#tabSettings">Settings</a>
</li>
</ul>
</div>
<div class="card-content white">
<div id="tabValues" class="active">
<div class="row">
<div class="col s12 m6 l3">
<div class="card light-blue darken-3 z-depth-3">
<div class="card-content white-text">
<span class="card-title">Temperature</span>
<div class="input-field">
<input disabled id="tempinfo" type="number" value="-1" />
</div>
</div>
</div>
</div>
<div class="col s12 m6 l3">
<div class="card light-blue darken-3 z-depth-3">
<div class="card-content white-text">
<span class="card-title">Humidity</span>
<div class="input-field">
<input disabled id="humidityinfo" type="number" value="-1" />
</div>
</div>
</div>
</div>
<div class="col s12 m6 l3">
<div class="card light-blue darken-3 z-depth-3">
<div class="card-content white-text">
<span class="card-title">Pressure</span>
<div class="input-field">
<input disabled id="pressureinfo" type="number" value="-1" />
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m6 l3">
<div class="card light-blue darken-3 z-depth-3">
<div class="card-content white-text">
<span class="card-title">Layers</span>
<div class="input-field">
<input disabled id="layersinfo" type="number" value="-1" />
<label for="layersinfo">Layer count</label>
</div>
</div>
<div class="card-action">
<a id="resetLayers" href="#">Reset</a>
</div>
</div>
</div>
</div>
</div>
<div id="tabSettings">
<div class="row">
<div class="col s12 m6 l3"><!-- Process settings -->
<div class="card light-blue darken-3 z-depth-3">
<div class="card-content white-text">
<span class="card-title">Settings</span>
<div class="input-field">
<input id="Iim" type="number" value="-1" />
<label for="Iim">Lower current</label>
</div>
<div class="input-field">
<input id="Imp" type="number" value="-1" />
<label for="Imp">Upper Current</label>
</div>
<div class="input-field">
<input id="Tu" type="number" value="-1" />
<label for="Tu">Upper Temperature</label>
</div>
<div class="input-field">
<input id="Tl" type="number" value="-1" />
<label for="Tl">Lower Temperature</label>
</div>
</div>
<div class="card-action">
<a class="waves-effect waves-light btn" id="btnSetParams" onclick="setParams()">Submit</a>
</div>
</div>
</div>
<div class="col s12 m6 l3"><!-- Connect to network-->
<div class="card light-blue darken-3 z-depth-3">
<div class="card-content white-text">
<span class="card-title">Network</span>
<div class="input-field">
<input id="ssid" type="text" value="" />
<label for="ssid">SSID</label>
</div>
<div class="input-field">
<input id="pass" type="text" value="" />
<label for="pass">Password</label>
</div>
<div class="input-field">
<input id="ip" type="text" value="192.168.0.2" />
<label for="ip">IP Address</label>
</div>
<div class="input-field">
<input id="gateway" type="text" value="192.168.0.1" />
<label for="gateway">Gateway IP</label>
</div>
<div class="card-action">
<a class="waves-effect waves-light btn" id="btnSetParams" onclick="joinNetwork()">Submit</a>
</div>
</div>
</div>
</div>
<div class="col s12 m6 l3"><!-- Connect to network-->
<div class="card light-blue darken-3 z-depth-3">
<div class="card-content white-text">
<span class="card-title">Networks</span>
<table id="networks">
</table>
<div class="card-action">
<a class="waves-effect waves-light btn" id="btnSetParams" onclick="scanNetworks()">Scan</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card">
<div class="card-content">
<a href="/wifimanager.html">WiFi</a>
</div>
</div>
</div>
</div>
<script type="text/javascript" src="js/aja.min.js"></script>
<script type="text/javascript" src="js/materialize.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>