kenji/webkeyboard
1
Fork 0
Code Releases 7 Activity

Initial commit of base code

Browse Source
This commit is contained in:
kenji
2025-05-28 18:16:00 -04:00
commit 65cb6080de
22 changed files with 3852 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
html/wifi.shtml
+137
View File
@@ -0,0 +1,137 @@
<!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="get" 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>