GitHub/zTC1
1
0
Fork 0
mirror of https://github.com/oopuuu/zTC1.git synced 2025-12-12 04:58:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

wifi and mqtt submit

Browse Source
This commit is contained in:
2ndacc
2020-02-23 18:17:00 +08:00
parent 2c31417c4b
commit d5bf8832da
1 changed files with 92 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

142
TC1/http_server/web/demo.html
View File

@@ -178,7 +178,7 @@
<label class="mdl-textfield__label" for="custom_ssid">SSID</label> <label class="mdl-textfield__label" for="custom_ssid">SSID</label>
</div> </div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="custom_password"> <input id="custom_password" class="mdl-textfield__input" type="text">
<label class="mdl-textfield__label" for="custom_password">Password</label> <label class="mdl-textfield__label" for="custom_password">Password</label>
</div> </div>
<div> <div>
@@ -194,7 +194,7 @@
</form> </form>
</div> </div>
<div class="mdl-card__actions mdl-card--border"> <div class="mdl-card__actions mdl-card--border">
<a href="javascript:ShowToask('Config Success')" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> <a id="wifi_submit" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Submit Submit
</a> </a>
</div> </div>
@@ -207,17 +207,17 @@
<div class="mdl-card__supporting-text"> <div class="mdl-card__supporting-text">
<form action="#"> <form action="#">
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="sample3"> <input class="mdl-textfield__input" type="text" id="mqtt_addr">
<label class="mdl-textfield__label" for="sample3">MQTT Addr</label> <label class="mdl-textfield__label" for="mqtt_addr">MQTT Addr</label>
</div> </div>
<div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"> <div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
<input class="mdl-textfield__input" type="text" id="sample3"> <input class="mdl-textfield__input" type="text" id="mqtt_port">
<label class="mdl-textfield__label" for="sample3">MQTT Port</label> <label class="mdl-textfield__label" for="mqtt_port">MQTT Port</label>
</div> </div>
</form> </form>
</div> </div>
<div class="mdl-card__actions mdl-card--border"> <div class="mdl-card__actions mdl-card--border">
<a class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect"> <a id="mqtt_submit" class="mdl-button mdl-button--colored mdl-js-button mdl-js-ripple-effect">
Submit Submit
</a> </a>
</div> </div>
@@ -432,17 +432,17 @@ ShowPage(3);
//Menu-end //Menu-end
$("#wifi_sel").on("change", function() { $("#wifi_sel").on("change", function() {
var div_custom = $("#div_custom_ssid")[0]; var div_custom = $("#div_custom_ssid")[0];
var wifi_sel_id = $("input[name='wifi_sel']")[0]; var wifi_sel_id = $("input[name='wifi_sel']")[0];
var wifi_sel_name = $("#wifi_sel")[0]; var wifi_sel_name = $("#wifi_sel")[0];
var custom_ssid = $("#custom_ssid")[0]; var custom_ssid = $("#custom_ssid")[0];
if (wifi_sel_id.value == "0") { if (wifi_sel_id.value == "0") {
div_custom.hidden = false; div_custom.hidden = false;
custom_ssid.parentElement.MaterialTextfield.change(""); custom_ssid.parentElement.MaterialTextfield.change("");
} else { } else {
div_custom.hidden = true; div_custom.hidden = true;
custom_ssid.parentElement.MaterialTextfield.change(wifi_sel_name.value); custom_ssid.parentElement.MaterialTextfield.change(wifi_sel_name.value);
} }
}); });
$("#custom_ap").on("change", function(){ $("#custom_ap").on("change", function(){
@@ -455,44 +455,86 @@ $("#custom_station").on("change", function(){
}); });
function Rescan() { function Rescan() {
HttpPost("/wifi/scan", function (re) { HttpPost("/wifi/scan", function (re) {
if (re == "OK") { if (re == "OK") {
window.setTimeout(GetScanResult, 1000); window.setTimeout(GetScanResult, 1000);
} else { } else {
alert(re); alert(re);
} }
}); });
} }
function GetScanResult() { function GetScanResult() {
HttpGet("/wifi/scan", function (re) { HttpGet("/wifi/scan", function (re) {
if (re != "NO") { if (re != "NO") {
var wifi_sel_name = $("#wifi_sel")[0]; var wifi_sel_name = $("#wifi_sel")[0];
var wifi_sel_id = $("input[name='wifi_sel']")[0]; var wifi_sel_id = $("input[name='wifi_sel']")[0];
var ret = JSON.parse(re.replace(/'/g, '"')); //TODO: Fix this later var ret = JSON.parse(re.replace(/'/g, '"')); //TODO: Fix this later
if(wifi_sel_id.value === "0") { if(wifi_sel_id.value === "0") {
var html = "<li class='mdl-menu__item' data-val='0' data-selected='true'>Manual</li>"; var html = "<li class='mdl-menu__item' data-val='0' data-selected='true'>Manual</li>";
} }
else { else {
var html = "<li class='mdl-menu__item' data-val='0'>Manual</li>"; var html = "<li class='mdl-menu__item' data-val='0'>Manual</li>";
} }
for (var i = 0; i < ret.ssids.length; i++) { for (var i = 0; i < ret.ssids.length; i++) {
if(wifi_sel_name.value == ret.ssids[i]) { if(wifi_sel_name.value == ret.ssids[i]) {
html += "<li class='mdl-menu__item' data-val='"+(i+1)+"' data-selected='true'>"+ret.ssids[i]+"</li>"; html += "<li class='mdl-menu__item' data-val='"+(i+1)+"' data-selected='true'>"+ret.ssids[i]+"</li>";
}
else {
html += "<li class='mdl-menu__item' data-val='"+(i+1)+"'>"+ret.ssids[i]+"</li>";
}
}
ssid_slt.innerHTML = html;
getmdlSelect.init(".getmdl-select");
rescan_timer = window.setTimeout(Rescan, 20000);
return;
} }
window.setTimeout(GetScanResult, 1000); else {
}); html += "<li class='mdl-menu__item' data-val='"+(i+1)+"'>"+ret.ssids[i]+"</li>";
}
}
ssid_slt.innerHTML = html;
getmdlSelect.init(".getmdl-select");
rescan_timer = window.setTimeout(Rescan, 20000);
return;
}
window.setTimeout(GetScanResult, 1000);
});
} }
$("#mqtt_submit").on("click", function() {
var mqtt_addr = $("#mqtt_addr").val();
var mqtt_port = $("#mqtt_port").val();
var params = mqtt_addr + " " + mqtt_port;
HttpPost("/mqtt/config", function (re) {
alert(re);
}, params);
});
//Quotation Marks
function ContainQM(str) {
if (str == ""
|| str.indexOf("'") >= 0
|| str.indexOf('"') >= 0
|| str.indexOf(' ') >= 0
|| str.length > 32) {
return true;
}
return false;
}
var qm_mess = "Sorry, can't use ' or \" or space or empty.\n\nAlso, length <= 32."
var le_mess = "Sorry, length < 8."
$("#wifi_submit").on("click", function() {
var mode = $("#custom_station").prop("checked") ? 1 : 0;
var ssid = $("#custom_ssid").val();
var passwd = $("#custom_password").val();
if (ContainQM(ssid) || ContainQM(passwd)) {
alert(qm_mess);
return;
}
if (passwd.length < 8) {
alert(le_mess);
return;
}
var params = mode + " " + ssid + " " + passwd;
HttpPost("/wifi/config", function (re) {
alert(re);
}, params);
});
var data = { var data = {
series: [ series: [
[] []