mirror of https://github.com/jeelabs/esp-link.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
3.7 KiB
83 lines
3.7 KiB
<!doctype html>
|
|
<html><head>
|
|
<title>esp-link</title>
|
|
<link rel="stylesheet" href="../pure.css">
|
|
<link rel="stylesheet" href="../style.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
</head>
|
|
<body>
|
|
<div id="layout">
|
|
<div id="main">
|
|
<div class="header">
|
|
<h1>WiFi Station Configuration</h1>
|
|
</div>
|
|
|
|
<div class="content">
|
|
<div style="float:left; padding:2px">
|
|
<div class="card">
|
|
<h1>WiFi State</h1>
|
|
<div id="wifi-spinner" class="spinner spinner-small"></div>
|
|
<table id="wifi-table" class="pure-table pure-table-horizontal" hidden><tbody>
|
|
<tr><td>WiFi mode</td><td id="wifi-mode"></td></tr>
|
|
<tr><td>WiFi channel</td><td id="wifi-chan"></td></tr>
|
|
<tr><td>Configured network</td><td id="wifi-ssid"></td></tr>
|
|
<tr><td>WiFi status</td><td id="wifi-status"></td></tr>
|
|
<tr><td>WiFi address</td><td id="wifi-ip"></td></tr>
|
|
<tr><td>WiFi rssi</td><td id="wifi-rssi"></td></tr>
|
|
<tr><td>WiFi phy</td><td id="wifi-phy"></td></tr>
|
|
<tr><td>WiFi MAC</td><td id="wifi-mac"></td></tr>
|
|
<tr><td colspan="2" id="wifi-warn"></td></tr>
|
|
</tbody> </table>
|
|
</div>
|
|
</div>
|
|
<div style="float:left; padding:2px">
|
|
<div class="card">
|
|
<h1>Special Settings</h1>
|
|
<form action="#" id="specform" class="pure-form">
|
|
<legend>Special settings, use with care!</legend>
|
|
<div class="form-horizontal">
|
|
<label for="dhcp-ron" style="margin-right:1em">
|
|
<input type="radio" name="dhcp" value="on" id="dhcp-ron"/>
|
|
DHCP</label>
|
|
<label for="dhcp-roff">
|
|
<input type="radio" name="dhcp" value="off" id="dhcp-roff"/>
|
|
Static IP</label>
|
|
</div>
|
|
<div id="dhcp-on" class="pure-form-stacked"></div>
|
|
<div id="dhcp-off" class="pure-form-stacked">
|
|
<label>Static IP address</label>
|
|
<input id="wifi-staticip" type="text" name="staticip"/>
|
|
<label>Netmask (for static IP)</label>
|
|
<input id="wifi-netmask" type="text" name="netmask"/>
|
|
<label>Gateway (for static IP)</label>
|
|
<input id="wifi-gateway" type="text" name="gateway"/>
|
|
</div>
|
|
<button id="special-button" type="submit" class="pure-button button-primary">Change!</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<div style="float:left; padding:2px">
|
|
<div class="card">
|
|
<h1>WiFi Association</h1>
|
|
<p id="reconnect" style="color: #600" hidden></p>
|
|
<form action="#" id="wifiform" class="pure-form pure-form-stacked">
|
|
<legend>To connect to a WiFi network - choose one of detected networks (or enter a SSID),<br>
|
|
enter the password, and hit the CONNECT button...</legend>
|
|
<label>Network SSID</label>
|
|
<div id="aps">Scanning... <div class="spinner spinner-small"></div></div>
|
|
<label for="opt-hiddenssid">
|
|
<input type="radio" name="essid" value="_hidden_ssid_" id="opt-hiddenssid" />
|
|
<input type="text" id="hidden-ssid" value="" style="width:auto; display:inline-block; margin-left: 0.7em" />
|
|
</label>
|
|
<label>WiFi password, if applicable:</label>
|
|
<input id="wifi-passwd" type="password" name="passwd" placeholder="password" />
|
|
<button id="connect-button" type="submit" class="pure-button button-primary">Connect</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="../ui.js"></script>
|
|
<script src="wifiSta.js"></script>
|
|
</body></html>
|
|
|