138 lines
3.2 KiB
Plaintext
138 lines
3.2 KiB
Plaintext
<!DOCTYPE html>
|
|
|
|
<html>
|
|
|
|
<head>
|
|
<title>Web Keyboard Wi-Fi Settings</title>
|
|
|
|
<style>
|
|
div.container {
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
div.field > div {
|
|
display: inline-block;
|
|
}
|
|
|
|
div.label {
|
|
text-align: right;
|
|
width: 150px;
|
|
}
|
|
div.input {
|
|
text-align: left;
|
|
}
|
|
input.network {
|
|
width: 3em;
|
|
}
|
|
</style>
|
|
|
|
<script>
|
|
|
|
function toggleDHCP() {
|
|
let boxes = document.getElementsByClassName('network');
|
|
if (document.getElementById('dhcp').checked ) {
|
|
for (box of boxes) {
|
|
box.disabled = true;
|
|
}
|
|
} else {
|
|
for (box of boxes) {
|
|
box.disabled = false;
|
|
}
|
|
}
|
|
}
|
|
|
|
window.onload = () => {
|
|
toggleDHCP();
|
|
document.getElementById('dhcp').onchange = toggleDHCP;
|
|
};
|
|
|
|
</script>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div><h1>Web Keyboard Wi-Fi Settings</h1></div>
|
|
|
|
<div class="container">
|
|
<form method="post" action="wifi.cgi">
|
|
<div><h2>Wi-Fi Network</h2></div>
|
|
|
|
<div class="field">
|
|
<div class="label">SSID:</div>
|
|
<div class="input"><input type="text" id="ssid" name="ssid"
|
|
maxlength="32" <!--#ssid-->></div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div class="label">Password:</div>
|
|
<div class="input"><input type="password" id="pass" name="pass"
|
|
maxlength="63" <!--#pass-->></div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div class="label">Hostname:</div>
|
|
<div class="input"><input type="text" id="host" name="host"
|
|
maxlength="63" <!--#host-->></div>
|
|
</div>
|
|
|
|
<div><h2>Manual Network Configuration</h2>
|
|
|
|
<div class="field">
|
|
<div class="label">Use DHCP:</div>
|
|
<div class="input"><input type="checkbox" id="dhcp" name="dhcp"
|
|
<!--#dhcp-->>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div class="label">IP Address:</div>
|
|
<div class="input"><input type="text" id="ip0" name="ip0"
|
|
class="network" pattern="[0-9]{1,3}" <!--#ip0-->>.
|
|
<input type="text" id="ip1" name="ip1"
|
|
class="network" pattern="[0-9]{1,3}" <!--#ip1-->>.
|
|
<input type="text" id="ip2" name="ip2"
|
|
class="network" pattern="[0-9]{1,3}" <!--#ip2-->>.
|
|
<input type="text" id="ip3" name="ip3"
|
|
class="network" pattern="[0-9]{1,3}" <!--#ip3-->>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div class="label">Netmask:</div>
|
|
<div class="input"><input type="text" id="mask0" name="mask0"
|
|
class="network" pattern="[0-9]{1,3}" <!--#mask0-->>.
|
|
<input type="text" id="mask1" name="mask1"
|
|
class="network" pattern="[0-9]{1,3}" <!--#mask1-->>.
|
|
<input type="text" id="mask2" name="mask2"
|
|
class="network" pattern="[0-9]{1,3}" <!--#mask2-->>.
|
|
<input type="text" id="mask3" name="mask3"
|
|
class="network" pattern="[0-9]{1,3}" <!--#mask3-->>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div class="label">Default Gateway:</div>
|
|
<div class="input"><input type="text" id="gw0" name="gw0"
|
|
class="network" pattern="[0-9]{1,3}" <!--#gw0-->>.
|
|
<input type="text" id="gw1" name="gw1"
|
|
class="network" pattern="[0-9]{1,3}" <!--#gw1-->>.
|
|
<input type="text" id="gw2" name="gw2"
|
|
class="network" pattern="[0-9]{1,3}" <!--#gw2-->>.
|
|
<input type="text" id="gw3" name="gw3"
|
|
class="network" pattern="[0-9]{1,3}" <!--#gw3-->>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="field">
|
|
<div class="label"></div>
|
|
<div class="input"><input value="Save" type="submit">*<br>
|
|
*Device will need to be rebooted for settings to take effect.</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|