f105-motor-demo_esp/html_src/page_status.php

<?php $page = 'home'; include "_start.php"; ?>

<h1>System Status</h1>

<div class="Box">
	<h2>Runtime</h2>
	<table>
		<tr>
			<th>Uptime:</th>
			<td id="uptime">%uptime%</td>
		</tr>
		<tr>
			<th>Free heap:</th>
			<td id="heap">%heap%</td>
		</tr>
		<tr>
			<th></th>
			<td><a onclick="trigReset()" class="button btn-red">SW reset</a></td>
		</tr>
	</table>
</div>

<div class="Box">
	<h2>WiFi</h2>
	<table>
		<tr>
			<th>WiFi mode:</th>
			<td id="wmode">%wifiMode%</td>
		</tr>
	</table>
</div>

<!-- WiFi info is read & updated using AJAX -->

<div class="Box sta-only" style="display:none">
	<h2>WiFi Station</h2>
	<table>
		<tr>
			<th>SSID:</th>
			<td id="staSSID"></td>
		</tr>
		<tr>
			<th>RSSI:</th>
			<td>
				<span id="staRSSIperc"></span>,
				<span id="staRSSI"></span>
			</td>
		</tr>
		<tr>
			<th>MAC:</th>
			<td id="staMAC"></td>
		</tr>
	</table>
</div>

<div class="Box ap-only" style="display:none">
	<h2>WiFi AP</h2>
	<table>
		<tr>
			<th>SSID:</th>
			<td id="apSSID"></td>
		</tr>
		<tr>
			<th>Hidden:</th>
			<td id="apHidden"></td>
		</tr>
		<tr>
			<th>Auth. mode:</th>
			<td id="apAuth"></td>
		</tr>
		<tr class="ap-auth-only">
			<th>Password:</th>
			<td id="apPwd"></td>
		</tr>
		<tr>
			<th>Channel:</th>
			<td id="apChan"></td>
		</tr>
		<tr>
			<th>MAC:</th>
			<td id="apMAC"></td>
		</tr>
	</table>
</div>

<div class="Modal hidden" id="reset-modal">
	<div class="Dialog center">
		<h2>The device has been reset.</h2>
		<p>If you're connected to the AP, you'll have to re-connect.</p>
		<p>Please wait a few seconds, then refresh the page.</p>
		<p><a onclick="location.reload()" class="button btn-blue">Refresh</a></p>
	</div>
</div>

<script>
	$().ready(page_status.init);

	function trigReset() {
		$().get(_root+'/reset.cgi', function(resp, status) {
			if (status == 200) {
				modal.show('#reset-modal');
			}
		});
	}
</script>

<?php include "_end.php"; ?>