171 lines
3.5 KiB
HTML
171 lines
3.5 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="stylesheet" href="rsrc/style.css" />
|
|
<link rel="shortcut icon" href="rsrc/favicon.ico" type="image/x-icon"/>
|
|
<script src="rsrc/script.js"></script>
|
|
<title>ESP8266 DASHBOARD</title>
|
|
</head>
|
|
<body onload="init();">
|
|
<header>
|
|
<h1 class ="title">ESP8266 Embedded System Dashboard</h1>
|
|
<div id="conIcon"><img id="imgConn" src="rsrc/conn.png" alt="connected" style="display:none;"><img id="imgDisco" src="rsrc/disco.png" alt="disconnected"></div>
|
|
</header>
|
|
<nav>
|
|
<div class="menuContainer">
|
|
<div class="item">
|
|
<p><span id="sigStrength"></span> dB</p>
|
|
</div>
|
|
<div class="item">
|
|
<p><span id="sigStrengthPercent"></span> %</p>
|
|
</div>
|
|
<div class="item">
|
|
<p><span id="battLevel"></span> %</p>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<section>
|
|
<div class="subSection">
|
|
<table>
|
|
<tr>
|
|
<td>
|
|
<h2 class="categorie">AP Info</h2>
|
|
<p>SSID : </p>
|
|
<p>Password : </p>
|
|
</td>
|
|
<td>
|
|
<h2 class="categorie">STA Info</h2>
|
|
<p>Local IP : <span id="localIP"></span></p>
|
|
</td>
|
|
<td>
|
|
<h2 class="categorie">System Info</h2>
|
|
<p>Free ram : <span id="ramInfo"></span> Byte(s)</p>
|
|
<p>CPU Frequ : <span id="cpuInfo"></span> Mhz</p>
|
|
<p>Heap frag : <span id="fragInfo"></span> %</p>
|
|
<p>Max block : <span id="blockInfo"></span> Byte(s)</p>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
<div class="subSection inline" style="width:30%;">
|
|
<div class="subSection">
|
|
<h2 class="categorie">SdCard</h2>
|
|
<p>SDCard size : <span id="cardSize"></span></p>
|
|
<p>Unmount SDCard : <button onclick="sdCardMountUnmnout('unmount');">DO IT !</button></p>
|
|
<p>Mount SDCard : <button onclick="sdCardMountUnmnout('mount');">DO IT !</button></p>
|
|
</div>
|
|
<div class="subSection">
|
|
<h2 class="categorie">Real Time Clock</h2>
|
|
<p>RTC value : <span id="rtcValue" ></span></p>
|
|
<p>
|
|
Set RTC value : <br />
|
|
<br />
|
|
Time : <input type="number">:<input type="number">:<input type="number"><br />
|
|
Date : <input type="number">/<input type="number">/<input type="number"><br /><br />
|
|
<button>DO IT !</button>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="subSection inline" style="width:65%;">
|
|
<table>
|
|
<tr>
|
|
<th colspan="9">
|
|
<h2>PINS</h2>
|
|
</th>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
|
|
</td>
|
|
<td>
|
|
<h2>P0</h2>
|
|
</td>
|
|
<td>
|
|
<h2>P1</h2>
|
|
</td>
|
|
<td>
|
|
<h2>P2</h2>
|
|
</td>
|
|
<td>
|
|
<h2>P3</h2>
|
|
</td>
|
|
<td>
|
|
<h2>P4</h2>
|
|
</td>
|
|
<td>
|
|
<h2>P5</h2>
|
|
</td>
|
|
<td>
|
|
<h2>P6</h2>
|
|
</td>
|
|
<td>
|
|
<h2>P7</h2>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h2>MODE</h2>
|
|
</td>
|
|
<td>
|
|
<h2>OUT</h2>
|
|
</td>
|
|
<td>
|
|
<h2>OUT</h2>
|
|
</td>
|
|
<td>
|
|
<h2>OUT</h2>
|
|
</td>
|
|
<td>
|
|
<h2>OUT</h2>
|
|
</td>
|
|
<td>
|
|
<h2>OUT</h2>
|
|
</td>
|
|
<td>
|
|
<h2>OUT</h2>
|
|
</td>
|
|
<td>
|
|
<h2>OUT</h2>
|
|
</td>
|
|
<td>
|
|
<h2>OUT</h2>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<h2>LEVEL</h2>
|
|
</td>
|
|
<td>
|
|
<h2>1</h2>
|
|
</td>
|
|
<td>
|
|
<h2>1</h2>
|
|
</td>
|
|
<td>
|
|
<h2>1</h2>
|
|
</td>
|
|
<td>
|
|
<h2>1</h2>
|
|
</td>
|
|
<td>
|
|
<h2>1</h2>
|
|
</td>
|
|
<td>
|
|
<h2>1</h2>
|
|
</td>
|
|
<td>
|
|
<h2>1</h2>
|
|
</td>
|
|
<td>
|
|
<h2>1</h2>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</div>
|
|
</section>
|
|
<footer>
|
|
<p class="footerText">Th3maz1ng, all right reserved | Hosted by the board itself</p>
|
|
</footer>
|
|
</body>
|
|
</html> |