GitHub/zTC1
1
0
Fork 0
mirror of https://github.com/oopuuu/zTC1.git synced 2025-12-12 13:08:13 +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

56
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>
@@ -493,6 +493,48 @@ function GetScanResult() {
}); });
} }
$("#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: [
[] []