Added wifi settings
This commit is contained in:
parent
46214c86ff
commit
010279c191
3 changed files with 203 additions and 4 deletions
|
@ -16,6 +16,7 @@
|
||||||
<label for="bmenub" class="burger pseudo button">☰</label>
|
<label for="bmenub" class="burger pseudo button">☰</label>
|
||||||
<div class="menu">
|
<div class="menu">
|
||||||
<a href="/#" class="button icon-picture">Dashboard</a>
|
<a href="/#" class="button icon-picture">Dashboard</a>
|
||||||
|
<a href="/#wifi" class="button icon-puzzle">Wifi Settings</a>
|
||||||
<a href="/#ota" class="button icon-picture">System</a>
|
<a href="/#ota" class="button icon-picture">System</a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
|
@ -58,6 +59,87 @@
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
<section id="wifi">
|
||||||
|
<h2>Wifi Settings</h2>
|
||||||
|
<article class="card">
|
||||||
|
<header>
|
||||||
|
<h3>AP Mode</h3>
|
||||||
|
</header>
|
||||||
|
<div class="table">
|
||||||
|
<div class="row">
|
||||||
|
<label>Enable</label>
|
||||||
|
<span><input id="ap_toggle" type="checkbox" class="plain"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>SSID</label>
|
||||||
|
<span><input id="ap_ssid" type="text" placeholder="SSID"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>Password</label>
|
||||||
|
<span><input id="ap_pw" type="password" placeholder="Password"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<span>AP IP</span>
|
||||||
|
<span><span class="postfill_apip">N/A</span></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<span>AP MAC</span>
|
||||||
|
<span><span class="postfill_apmac">N/A</span></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<span><input type="reset" class="button"/></span>
|
||||||
|
<span><input onclick="ap_update();" type="submit" value="Save"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
<article class="card">
|
||||||
|
<header>
|
||||||
|
<h3>Station Mode <span class="label success">current connection</span></h3>
|
||||||
|
</header>
|
||||||
|
<div class="table">
|
||||||
|
<div class="row">
|
||||||
|
<label>Eanable</label>
|
||||||
|
<span><input id="sta_toggle" type="checkbox" class="plain"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>SSID</label>
|
||||||
|
<span><input id="sta_ssid" type="text" placeholder="SSID"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>Password</label>
|
||||||
|
<span><input id="sta_pw" type="password" placeholder="Password"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>Use DHCP</label>
|
||||||
|
<span><input id="sta_shcp" type="checkbox" class="plain"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>Static IP</label>
|
||||||
|
<span><input id="sta_static_ip" type="text" placeholder="192.168.1.2"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>Static Netmask</label>
|
||||||
|
<span><input id="sta_static_netmask" type="text" placeholder="255.255.255.0"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<label>Static Gateway</label>
|
||||||
|
<span><input id="sta_static_gateway" type="text" placeholder="192.168.1.1"/></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<span>Sation IP</span>
|
||||||
|
<span><span class="postfill_staip">N/A</span></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<span>Station MAC</span>
|
||||||
|
<span><span class="postfill_stamac">N/A</span></span>
|
||||||
|
</div>
|
||||||
|
<div class="row">
|
||||||
|
<span><input type="reset" class="button"/></span>
|
||||||
|
<span><input onclick="sta_update();" type="submit" value="Save"></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</article>
|
||||||
|
</section>
|
||||||
<section id="dashboard">
|
<section id="dashboard">
|
||||||
<h2>Status</h2>
|
<h2>Status</h2>
|
||||||
<div class="flex">
|
<div class="flex">
|
||||||
|
@ -190,6 +272,18 @@
|
||||||
return pos;
|
return pos;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
DataView.prototype.setInt8Vec = function (pos, vec) {
|
||||||
|
for (var i = 0; i < vec.length; i++) {
|
||||||
|
this.setInt8(pos++, vec[i]);
|
||||||
|
}
|
||||||
|
return pos;
|
||||||
|
};
|
||||||
|
|
||||||
|
function colorStringToVec(hex) {
|
||||||
|
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
||||||
|
return result ? [parseInt(result[1], 16), parseInt(result[2], 16), parseInt(result[3], 16)] : null;
|
||||||
|
}
|
||||||
|
|
||||||
var ws;
|
var ws;
|
||||||
var retries;
|
var retries;
|
||||||
var series = new TimeSeries();
|
var series = new TimeSeries();
|
||||||
|
@ -394,6 +488,55 @@
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
var sta_toggle = document.getElementById("sta_toggle");
|
||||||
|
var sta_ssid = document.getElementById("sta_ssid");
|
||||||
|
var sta_pw = document.getElementById("sta_pw");
|
||||||
|
|
||||||
|
function sta_update() {
|
||||||
|
var en = sta_toggle.checked;
|
||||||
|
|
||||||
|
const ssid = sta_ssid.value;
|
||||||
|
const password = sta_pw.value;
|
||||||
|
|
||||||
|
const buffer = new ArrayBuffer(ssid.length + password.length + 4);
|
||||||
|
const view1 = new DataView(buffer);
|
||||||
|
var tx_len = 0;
|
||||||
|
view1.setChar(tx_len++, 'S');
|
||||||
|
view1.setChar(tx_len++, (en ? "E" : "D"));
|
||||||
|
tx_len = view1.setString(tx_len, ssid);
|
||||||
|
tx_len = view1.setString(tx_len, password);
|
||||||
|
wsWrite(buffer);
|
||||||
|
}
|
||||||
|
|
||||||
|
var ap_toggle = document.getElementById("ap_toggle");
|
||||||
|
var ap_ssid = document.getElementById("ap_ssid");
|
||||||
|
var ap_pw = document.getElementById("ap_pw");
|
||||||
|
|
||||||
|
function ap_update() {
|
||||||
|
var en = ap_toggle.checked;
|
||||||
|
|
||||||
|
const ssid = ap_ssid.value;
|
||||||
|
const password = ap_pw.value;
|
||||||
|
|
||||||
|
const buffer = new ArrayBuffer(ssid.length + password.length + 4 + 8);
|
||||||
|
const view1 = new DataView(buffer);
|
||||||
|
var tx_len = 0;
|
||||||
|
view1.setChar(tx_len++, 'A');
|
||||||
|
view1.setChar(tx_len++, (en ? "E" : "D"));
|
||||||
|
tx_len = view1.setString(tx_len, ssid);
|
||||||
|
tx_len = view1.setString(tx_len, password);
|
||||||
|
tx_len = view1.setInt8Vec(tx_len, [192, 168, 111, 1]);
|
||||||
|
tx_len = view1.setInt8Vec(tx_len, [255, 255, 255, 0]);
|
||||||
|
wsWrite(buffer);
|
||||||
|
}
|
||||||
|
|
||||||
|
function update_progress(progressBar, progress) {
|
||||||
|
var iP = Math.floor(progress);
|
||||||
|
var dBar = document.getElementById("progress_bar_" + progressBar);
|
||||||
|
dBar.innerText = iP + "%";
|
||||||
|
dBar.style.width = progress + "%";
|
||||||
|
}
|
||||||
</script>
|
</script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
@ -184,6 +184,18 @@ void websocket_task(void *pvParameter) {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
vTaskDelayMs(250);
|
||||||
|
{
|
||||||
|
uint8_t response[3];
|
||||||
|
uint16_t val;
|
||||||
|
val = sdk_system_adc_read();
|
||||||
|
response[2] = (uint8_t) val;
|
||||||
|
response[1] = val >> 8;
|
||||||
|
response[0] = 'V';
|
||||||
|
LOCK_TCPIP_CORE();
|
||||||
|
websocket_write(pcb, response, 3, WS_BIN_MODE);
|
||||||
|
UNLOCK_TCPIP_CORE();
|
||||||
|
}
|
||||||
vTaskDelayMs(500);
|
vTaskDelayMs(500);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -221,7 +233,18 @@ void websocket_cb(struct tcp_pcb *pcb, char *data, u16_t data_len,
|
||||||
|
|
||||||
bool togl = 0;
|
bool togl = 0;
|
||||||
|
|
||||||
|
int8_t en = 0;
|
||||||
|
/*uint8_t ap_disable_if_sta = 0;
|
||||||
|
uint8_t ssid_hidden = 0;
|
||||||
|
uint8_t dns_enable = 0;
|
||||||
|
uint8_t mdns_enable = 0;*/
|
||||||
|
|
||||||
switch (data[0]) {
|
switch (data[0]) {
|
||||||
|
case 'V': // ADC
|
||||||
|
/* This should be done on a separate thread in 'real' applications */
|
||||||
|
val = sdk_system_adc_read();
|
||||||
|
cmd = 'V';
|
||||||
|
break;
|
||||||
case 'R': // Restart
|
case 'R': // Restart
|
||||||
cmd = 'R';
|
cmd = 'R';
|
||||||
break;
|
break;
|
||||||
|
@ -258,6 +281,39 @@ void websocket_cb(struct tcp_pcb *pcb, char *data, u16_t data_len,
|
||||||
}
|
}
|
||||||
cmd = 'C';
|
cmd = 'C';
|
||||||
break;
|
break;
|
||||||
|
case 'S': {
|
||||||
|
if(data[1] == 'E')
|
||||||
|
en = 1;
|
||||||
|
char *ssid = &data[2];
|
||||||
|
size_t ssid_len = strlen(ssid);
|
||||||
|
char *password = &data[3 + ssid_len];
|
||||||
|
size_t password_len = strlen(password);
|
||||||
|
(void) password_len;
|
||||||
|
|
||||||
|
sysparam_set_int8("wifi_sta_enable", en);
|
||||||
|
sysparam_set_string("wifi_sta_ssid", ssid);
|
||||||
|
sysparam_set_string("wifi_sta_password", password);
|
||||||
|
}
|
||||||
|
cmd = 'S';
|
||||||
|
break;
|
||||||
|
case 'A': {
|
||||||
|
if(data[1] == 'E')
|
||||||
|
en = 1;
|
||||||
|
char *ssid = &data[2];
|
||||||
|
size_t ssid_len = strlen(ssid);
|
||||||
|
char *password = &data[3 + ssid_len];
|
||||||
|
size_t password_len = strlen(password);
|
||||||
|
(void) password_len;
|
||||||
|
|
||||||
|
sysparam_set_int8("wifi_ap_enable", en);
|
||||||
|
sysparam_set_string("wifi_ap_ssid", ssid);
|
||||||
|
sysparam_set_string("wifi_ap_password", password);
|
||||||
|
|
||||||
|
//sysparam_set_int8("wifi_ap_dns", dns_enable);
|
||||||
|
//sysparam_set_int8("wifi_ap_mdns", mdns_enable);
|
||||||
|
}
|
||||||
|
cmd = 'A';
|
||||||
|
break;
|
||||||
default:
|
default:
|
||||||
printf("[websocket_callback]:\n%.*s\n", (int) data_len, (char *) data);
|
printf("[websocket_callback]:\n%.*s\n", (int) data_len, (char *) data);
|
||||||
printf("Unknown command %c\n", data[0]);
|
printf("Unknown command %c\n", data[0]);
|
||||||
|
|
|
@ -210,7 +210,7 @@ extern "C" void wifi_task(void *pvParameters) {
|
||||||
|
|
||||||
if(wifi_sta_enable) {
|
if(wifi_sta_enable) {
|
||||||
printf("try STA Mode: %s %s\n", wifi_sta_ssid, wifi_sta_password);
|
printf("try STA Mode: %s %s\n", wifi_sta_ssid, wifi_sta_password);
|
||||||
sdk_station_config config;
|
sdk_station_config config{};
|
||||||
strcpy((char *) config.ssid, wifi_sta_ssid);
|
strcpy((char *) config.ssid, wifi_sta_ssid);
|
||||||
strcpy((char *) config.password, wifi_sta_password);
|
strcpy((char *) config.password, wifi_sta_password);
|
||||||
config.bssid_set = 0;
|
config.bssid_set = 0;
|
||||||
|
@ -230,7 +230,7 @@ extern "C" void wifi_task(void *pvParameters) {
|
||||||
wifi_sta_netmask && strlen(wifi_sta_netmask) > 4 &&
|
wifi_sta_netmask && strlen(wifi_sta_netmask) > 4 &&
|
||||||
wifi_sta_gateway && strlen(wifi_sta_gateway) > 4) {
|
wifi_sta_gateway && strlen(wifi_sta_gateway) > 4) {
|
||||||
sdk_wifi_station_dhcpc_stop();
|
sdk_wifi_station_dhcpc_stop();
|
||||||
ip_info info;
|
ip_info info{};
|
||||||
memset(&info, 0x0, sizeof(info));
|
memset(&info, 0x0, sizeof(info));
|
||||||
info.ip.addr = ipaddr_addr(wifi_sta_ip_addr);
|
info.ip.addr = ipaddr_addr(wifi_sta_ip_addr);
|
||||||
info.netmask.addr = ipaddr_addr(wifi_sta_netmask);
|
info.netmask.addr = ipaddr_addr(wifi_sta_netmask);
|
||||||
|
@ -305,13 +305,13 @@ extern "C" void wifi_task(void *pvParameters) {
|
||||||
}
|
}
|
||||||
|
|
||||||
if(strlen(wifi_ap_ip_addr) >= 7 && strlen(wifi_ap_netmask) >= 7) {
|
if(strlen(wifi_ap_ip_addr) >= 7 && strlen(wifi_ap_netmask) >= 7) {
|
||||||
ip_info ap_ip;
|
ip_info ap_ip{};
|
||||||
ap_ip.ip.addr = ipaddr_addr(wifi_ap_ip_addr);
|
ap_ip.ip.addr = ipaddr_addr(wifi_ap_ip_addr);
|
||||||
ap_ip.netmask.addr = ipaddr_addr(wifi_ap_netmask);
|
ap_ip.netmask.addr = ipaddr_addr(wifi_ap_netmask);
|
||||||
IP4_ADDR(&ap_ip.gw, 0, 0, 0, 0);
|
IP4_ADDR(&ap_ip.gw, 0, 0, 0, 0);
|
||||||
sdk_wifi_set_ip_info(1, &ap_ip);
|
sdk_wifi_set_ip_info(1, &ap_ip);
|
||||||
|
|
||||||
sdk_softap_config ap_config;
|
sdk_softap_config ap_config{};
|
||||||
strcpy((char *) ap_config.ssid, wifi_ap_ssid);
|
strcpy((char *) ap_config.ssid, wifi_ap_ssid);
|
||||||
ap_config.ssid_len = strlen(wifi_ap_ssid);
|
ap_config.ssid_len = strlen(wifi_ap_ssid);
|
||||||
strcpy((char *) ap_config.password, wifi_ap_password);
|
strcpy((char *) ap_config.password, wifi_ap_password);
|
||||||
|
|
Loading…
Reference in a new issue