lba.gitea/WLED
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
59025e317e
WLED/wled00/data/settings_wifi.htm

206 lines
7.3 KiB
HTML
Raw Normal View History

Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
<!DOCTYPE html>
added lang attribute to the html start tag
2020-12-23 21:43:30 +01:00
<html lang="en">
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
<head>
Minor changes to auto UI code generation Replace outdated CSS in HTML by style.css import Fix missing button double press in time settings FIx missing meta utf-8 in WiFi and UI settings Modify cdata.js to add an info header to the top of auto-generated files
2020-06-10 12:45:44 +02:00
<meta charset="utf-8">
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
<meta name="viewport" content="width=500">
Prevent autozoom on input fields.
2021-12-08 14:38:21 +01:00
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport"/>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
<title>WiFi Settings</title>
<script>
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
var d = document;
Vectors & dynamic loadJS. - Segments - Modes NOTE: crashes ESP if effect is running while deleting segment.
2022-07-17 15:58:41 +02:00
var loc = false, locip;
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
var scanLoops = 0, preScanSSID = "";
function gId(e) { return d.getElementById(e); }
function cE(e) { return d.createElement(e); }
Cleanup. Bugfixes. Changed links to point to kno.wled.ge
2021-12-08 22:05:51 +01:00
function H(){window.open("https://kno.wled.ge/features/settings/#wifi-settings");}
function B(){window.open("/settings","_self");}
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
function N() {
const url = (loc?`http://${locip}`:"") + "/json/net";
const button = gId("scan");
button.disabled = true;
button.innerHTML = "Scanning...";
fetch(url).then((response) => {
return response.json();
}).then((json) => {
// Get the list of networks only, defaulting to an empty array.
return Object.assign(
{},
{"networks": []},
json,
).networks.sort(
// Sort by signal strength, descending.
(a, b) => b.rssi - a.rssi
).reduce(
// Filter out duplicate SSIDs. Since it is sorted by signal
// strength, the strongest signal will be kept in the
// order it orginally appeared in the array.
(unique, other) => {
if(!unique.some(obj => obj.ssid === other.ssid)) {
unique.push(other);
}
return unique;
},
[],
);
}).then((networks) => {
// If there are no networks, fetch it again in a second.
// but only do this a few times.
if (networks.length === 0 && scanLoops < 10) {
scanLoops++;
setTimeout(N, 1000);
return;
}
scanLoops = 0;
let cs = gId("CS");
if (cs) {
let select = cE("select");
select.setAttribute("id", "CS");
select.setAttribute("name", "CS");
select.setAttribute("onchange", "T()");
preScanSSID = cs.value;
for (let i = 0; i < select.children.length; i++) {
select.removeChild(select.children[i]);
}
for (let i = 0; i < networks.length; i++) {
const option = cE("option");
option.setAttribute("value", networks[i].ssid);
option.innerHTML = `${networks[i].ssid} (${networks[i].rssi} dBm)`;
if (networks[i].ssid === cs.value) {
option.setAttribute("selected", "selected");
}
select.appendChild(option);
}
const option = cE("option");
option.setAttribute("value", "!Cs");
option.innerHTML = `Other network...`;
select.appendChild(option);
cs.replaceWith(select);
}
button.disabled = false;
button.innerHTML = "Scan";
});
}
// replace WiFi select with custom SSID input field again
function T() {
let cs = gId("CS");
if (!cs || cs.value != "!Cs") return;
let input = cE("input");
input.type = "text";
input.id = "CS";
input.name ="CS";
input.setAttribute("maxlength",32);
input.value = preScanSSID;
cs.replaceWith(input);
}
Vectors & dynamic loadJS. - Segments - Modes NOTE: crashes ESP if effect is running while deleting segment.
2022-07-17 15:58:41 +02:00
// https://www.educative.io/edpresso/how-to-dynamically-load-a-js-file-in-javascript
function loadJS(FILE_URL, async = true) {
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
let scE = cE("script");
Vectors & dynamic loadJS. - Segments - Modes NOTE: crashes ESP if effect is running while deleting segment.
2022-07-17 15:58:41 +02:00
scE.setAttribute("src", FILE_URL);
scE.setAttribute("type", "text/javascript");
scE.setAttribute("async", async);
d.body.appendChild(scE);
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
// success event
Vectors & dynamic loadJS. - Segments - Modes NOTE: crashes ESP if effect is running while deleting segment.
2022-07-17 15:58:41 +02:00
scE.addEventListener("load", () => {
//console.log("File loaded");
GetV();
});
// error event
scE.addEventListener("error", (ev) => {
console.log("Error on loading file", ev);
alert("Loading of configuration script failed.\nIncomplete page data!");
});
}
function S() {
if (window.location.protocol == "file:") {
loc = true;
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
locip = localStorage.getItem("locIp");
Vectors & dynamic loadJS. - Segments - Modes NOTE: crashes ESP if effect is running while deleting segment.
2022-07-17 15:58:41 +02:00
if (!locip) {
locip = prompt("File Mode. Please enter WLED IP!");
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
localStorage.setItem("locIp", locip);
Vectors & dynamic loadJS. - Segments - Modes NOTE: crashes ESP if effect is running while deleting segment.
2022-07-17 15:58:41 +02:00
}
}
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
let url = (loc?`http://${locip}`:'') + '/settings/s.js?p=1';
Vectors & dynamic loadJS. - Segments - Modes NOTE: crashes ESP if effect is running while deleting segment.
2022-07-17 15:58:41 +02:00
loadJS(url, false); // If we set async false, file is loaded and executed, then next statement is processed
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
}
</script>
GZIPped UI & settings pages. settings.js for pasting data into HTML. Reduced simple & classic flash footprint. Split iro.js and rangetouch.js into separate requests (instead of embedding)
2021-12-06 20:53:09 +01:00
<style>@import url("style.css");</style>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
</head>
Vectors & dynamic loadJS. - Segments - Modes NOTE: crashes ESP if effect is running while deleting segment.
2022-07-17 15:58:41 +02:00
<body onload="S()">
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
<form id="form_s" name="Sf" method="post">
Sticky save & back buttons.
2021-03-05 09:50:59 +01:00
<div class="toprow">
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
<div class="helpB"><button type="button" onclick="H()">?</button></div>
Minor changes to auto UI code generation Replace outdated CSS in HTML by style.css import Fix missing button double press in time settings FIx missing meta utf-8 in WiFi and UI settings Modify cdata.js to add an info header to the top of auto-generated files
2020-06-10 12:45:44 +02:00
<button type="button" onclick="B()">Back</button><button type="submit">Save & Connect</button><hr>
Sticky save & back buttons.
2021-03-05 09:50:59 +01:00
</div>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
<h2>WiFi setup</h2>
<h3>Connect to existing network</h3>
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
<button type="button" id="scan" onclick="N()">Scan</button><br>
Network name (SSID, empty to not connect):<br>
<input type="text" id="CS" name="CS" maxlength="32"><br>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
Network password: <br> <input type="password" name="CP" maxlength="63"><br>
Static IP (leave at 0.0.0.0 for DHCP):<br>
Shorten input size class names
2021-07-01 00:01:27 +02:00
<input name="I0" type="number" class="s" min="0" max="255" required> .
<input name="I1" type="number" class="s" min="0" max="255" required> .
<input name="I2" type="number" class="s" min="0" max="255" required> .
<input name="I3" type="number" class="s" min="0" max="255" required><br>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
Static gateway:<br>
Shorten input size class names
2021-07-01 00:01:27 +02:00
<input name="G0" type="number" class="s" min="0" max="255" required> .
<input name="G1" type="number" class="s" min="0" max="255" required> .
<input name="G2" type="number" class="s" min="0" max="255" required> .
<input name="G3" type="number" class="s" min="0" max="255" required><br>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
Static subnet mask:<br>
Shorten input size class names
2021-07-01 00:01:27 +02:00
<input name="S0" type="number" class="s" min="0" max="255" required> .
<input name="S1" type="number" class="s" min="0" max="255" required> .
<input name="S2" type="number" class="s" min="0" max="255" required> .
<input name="S3" type="number" class="s" min="0" max="255" required><br>
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
mDNS address (leave empty for no mDNS):<br>
Cleanup. Bugfixes. Changed links to point to kno.wled.ge
2021-12-08 22:05:51 +01:00
http:// <input type="text" name="CM" maxlength="32"> .local<br>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
Client IP: <span class="sip"> Not connected </span> <br>
<h3>Configure Access Point</h3>
Cleanup. Bugfixes. Changed links to point to kno.wled.ge
2021-12-08 22:05:51 +01:00
AP SSID (leave empty for no AP):<br> <input type="text" name="AS" maxlength="32"><br>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
Hide AP name: <input type="checkbox" name="AH"><br>
Release of WLED v0.11.1 Fixed AP hide not saving (fixes #1520) Fixed MQTT password re-transmitted to HTML Hide Update buttons while uploading, accept .bin Make sure AP password is at least 8 characters long
2020-12-19 17:09:39 +01:00
AP password (leave empty for open):<br> <input type="password" name="AP" maxlength="63" pattern="(.{8,63})|()" title="Empty or min. 8 characters"><br>
Shorten input size class names
2021-07-01 00:01:27 +02:00
Access Point WiFi channel: <input name="AC" type="number" class="xs" min="1" max="13" required><br>
Merge branch 'master' into dev Added pin reservation for Ethernet. Added SSD1305 I2C display type.
2021-06-20 15:13:38 +02:00
AP opens:
<select name="AB">
<option value="0">No connection after boot</option>
<option value="1">Disconnected</option>
<option value="2">Always</option>
<option value="3">Never (not recommended)</option></select><br>
Minor changes to auto UI code generation Replace outdated CSS in HTML by style.css import Fix missing button double press in time settings FIx missing meta utf-8 in WiFi and UI settings Modify cdata.js to add an info header to the top of auto-generated files
2020-06-10 12:45:44 +02:00
AP IP: <span class="sip"> Not active </span><br>
Sync htm and fix js errors
2020-05-17 21:39:57 +02:00
<h3>Experimental</h3>
Disable WiFi sleep: <input type="checkbox" name="WS"><br>
<i>Can help with connectivity issues.<br>
Merge branch 'master' into dev Added pin reservation for Ethernet. Added SSD1305 I2C display type.
2021-06-20 15:13:38 +02:00
Do not enable if WiFi is working correctly, increases power consumption.</i>
<div id="ethd">
Merge branch 'master' into merge-master
2022-04-04 20:52:42 +02:00
<h3>Ethernet Type</h3>
<select name="ETH">
<option value="0">None</option>
Changelog update Reduce width of ethernet mode dropdown
2023-06-02 10:51:37 +02:00
<option value="9">ABC! WLED V43 & compatible</option>
Merge branch 'master' into merge-master
2022-04-04 20:52:42 +02:00
<option value="2">ESP32-POE</option>
<option value="6">ESP32Deux</option>
<option value="7">KIT-VE</option>
Changelog update Reduce width of ethernet mode dropdown
2023-06-02 10:51:37 +02:00
<option value="8">QuinLED-Dig-Octa & T-ETH-POE</option>
Merge branch 'master' into merge-master
2022-04-04 20:52:42 +02:00
<option value="4">QuinLED-ESP32</option>
Serg74 ethernet board.
2023-05-08 08:48:52 +02:00
<option value="10">Serg74-ETH32</option>
Merge branch 'master' into merge-master
2022-04-04 20:52:42 +02:00
<option value="5">TwilightLord-ESP32</option>
<option value="3">WESP32</option>
<option value="1">WT32-ETH01</option>
</select><br><br>
Merge branch 'master' into dev Added pin reservation for Ethernet. Added SSD1305 I2C display type.
2021-06-20 15:13:38 +02:00
</div>
Sync htm and fix js errors
2020-05-17 21:39:57 +02:00
<hr>
Minor changes to auto UI code generation Replace outdated CSS in HTML by style.css import Fix missing button double press in time settings FIx missing meta utf-8 in WiFi and UI settings Modify cdata.js to add an info header to the top of auto-generated files
2020-06-10 12:45:44 +02:00
<button type="button" onclick="B()">Back</button><button type="submit">Save & Connect</button>
Converted UTF-16 files with UTF-8 and CR/LF to LF.
2019-11-27 22:28:13 +01:00
</form>
</body>
feat(json): add wifi scanning (#2895) * feat(json): add wifi scanning Adds wifi scanning to the JSON api at `/json/networks`. The initial request will trigger a scan, subsequent requests will scan or return the results depending on the state of the `WiFiScan`. Add a `Scan` button next to the client ssid input, on click, scan for networks, and change the input to a select with the found ssids. Fixes: #1964 * Added option to go back to manual SSID input Co-authored-by: cschwinne <dev.aircoookie@gmail.com>
2022-11-24 02:50:24 +01:00
</html>
Reference in New Issue Copy Permalink