76 lines
3.7 KiB
HTML
76 lines
3.7 KiB
HTML
<style>@import url("styles.css?v=1.0.0");</style>
|
|
<script src="jquery-3.7.0.min.js"></script>
|
|
<body>
|
|
<table id="center_tb">
|
|
<tr><td></td><td style="width:40%">
|
|
<p class="w1">Connection status</p>
|
|
<p class="w2">Status: <span id="wifi_network_status"></span></p>
|
|
<p class="w2">SSID: <span id="ssid"></span></p>
|
|
<p class="w2">Signal: <span id="main-wifi-signal" ></span><span id="rssi_percentage"></span>% / <span id="rssi"></span>dBm</p>
|
|
<p class="w2">IP Address: <span id="ip"></span></p>
|
|
<p class="w2">mDNS: http://<span id="mdns"></span>.local</p>
|
|
</td><td></td></tr>
|
|
<tr><td></td><td style="width:40%">
|
|
<br>
|
|
<p class="w1">Available networks</p>
|
|
</td><td></td></tr>
|
|
<tr><td></td><td style="width:40%">
|
|
<table id="wifi_ntw">
|
|
<colgroup>
|
|
<col style="width: 30%;">
|
|
<col style="width: 35%;">
|
|
<col style="width: 15%;">
|
|
<col style="width: 20%;">
|
|
</colgroup>
|
|
<tr>
|
|
<th>Network name (SSID)</th>
|
|
<th>Signal strength (RSSI)</th>
|
|
<th>Channel</th>
|
|
<th>Encryption</th>
|
|
</tr>
|
|
</table>
|
|
</td><td></td></tr>
|
|
<tr><td></td><td style="width:40%" align="right">
|
|
<button class="btn" onclick="scanWifi()">Scan Wi-Fi networks</button>
|
|
<br>
|
|
</td><td></td></tr>
|
|
<tr><td></td><td style="width:40%">
|
|
<br>
|
|
<table>
|
|
<tr><td class="w1">Connect to Wi-Fi network</td></tr>
|
|
<tr><td class="w2" align="right">Wi-Fi network name (SSID) </td><td><input type="text" name="wifi_ssid" id=wifi_ssid_id ></td></tr>
|
|
<tr><td class="w2" align="right">Password </td><td><input type="text" name="wifi_pass" id=wifi_pass_id></td></tr>
|
|
<tr><td></td><td align="center"><button class="btn_save_w" onclick="setWifi(document.getElementById('wifi_ssid_id').value, document.getElementById('wifi_pass_id').value)">Save & Connect</button></td></tr>
|
|
</table>
|
|
</td><td></td></tr>
|
|
</table>
|
|
<br>
|
|
<center>
|
|
<button class="btn_collapsible_wifi">Advanced Wi-Fi settings</button>
|
|
</center>
|
|
<div class="content_wifi">
|
|
<br>
|
|
<table id="wificfg_tb">
|
|
<tr><td class="w1">Advanced Wi-Fi settings</td></tr>
|
|
<tr><td class="w2" align="right">Enable service AP </td><td><label class="switch"><input type="checkbox" name="serviceap_enable" id="serviceapid" onchange="changeValue(this.checked, 'set_bool?serviceap_enable=', 'wifi')"><span class="checkbox_slider round"></span></label></label> <span class="w1" id="status_serviceap"></span></td></tr>
|
|
<tr><td style="height: 10px;"></td></tr>
|
|
<tr><td class="w2" align="right">Wi-Fi client IPv4 Method</td><td><label for="loglevel"></label>
|
|
<select class="select" id="ipcfgid" name="ipcfg" onchange="changeValue(this.value, 'set_int?ipcfg=', 'wifi')">
|
|
<option value="0">DHCP</option>
|
|
<option value="1">Manual (static IP)</option>
|
|
</select>
|
|
</td></tr>
|
|
<tr><td class="w2" align="right">IP address</td><td><input type="text" name="net_ip" id=net_ip_id></td></tr>
|
|
<tr><td class="w2" align="right">Subnet mask</td><td><input type="text" name="net_mask" id=net_mask_id></td></tr>
|
|
<tr><td class="w2" align="right">Default gateway</td><td><input type="text" name="net_gw" id=net_gw_id></td></tr>
|
|
<tr><td class="w2" align="right">DNS server</td><td><input type="text" name="net_dns" id=net_dns_id></td></tr>
|
|
<tr><td></td><td align="center"><button class="btn_save_w" onclick="setWifiNet(document.getElementById('net_ip_id').value, document.getElementById('net_mask_id').value, document.getElementById('net_gw_id').value, document.getElementById('net_dns_id').value)">Save</button></td></tr>
|
|
</table>
|
|
</div>
|
|
</body>
|
|
<script src="scripts.js"></script>
|
|
<script>
|
|
setTimeout(function(){GetDataAndPrintTableWiFi();}, 500);
|
|
get_data("wifi");
|
|
setupCollapsibleButtonsWiFi();
|
|
</script> |