删除没用

This commit is contained in:
zogodo
2020-02-20 23:18:30 +08:00
parent 263f7a7542
commit 75289dc8f6
4 changed files with 0 additions and 436 deletions

View File

@@ -1,433 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html" charset="utf-8">
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
<title>Welcom TC1</title>
<style type="text/css">
fieldset{margin-bottom:10px;border:#000 solid 1px;}
input,select,button{padding:5px;background:white;border:#777 solid 1px;}
button{background:none;border:1px #777 solid;}
button:disabled,select:disabled,input:disabled{background:#bfbfbf;}
td{padding:5px;}
.socket input,.mode input{margin-right:-4px;}
.submit{padding:5px;margin-top:5px;}
.success{color:#58dc5c;}
.error{color:#ff2d2d;}
.info{color:#e700ea;}
.network div{padding:5px;}
.connect div{padding:5px;}
.right{text-align:right;}
.pw{width:100%}
.pw td{width:50%}
.line{border-top:1px solid #dedede;}
.line_1{height:3px;}
.line_2{height:5px;}
.line_3{height:5px;}
.line_4{height:25px;}
.line_5{height:20px;}
.line_6{height:16px;}
.line_7{height:15px;}
.line_8{height:12px;}
.line_9{height:10px;border:none;}
#power_div{margin-top:10px;border-left:1px solid #000;border-bottom:1px solid #000;}
#power_line{height:120px;position:relative;overflow:scroll;margin-top:-120px;}
.power_pre{position:absolute;bottom:0;float:left;height:76px;width:0;border-left:1px solid #00ffff38;border-top:1px solid #000;}
.power_by{text-align:center;}
.power_by a{text-decoration:none;}
</style>
</head>
<body>
<fieldset class="socket">
<legend>Power Controll</legend>
<table id="socket_tb">
<tr>
<td>
<input type="checkbox" id="socket1" name="socket">
<label for="socket1">Socket-1</label>
</td>
<td>
<input type="checkbox" id="socket2" name="socket">
<label for="socket2">Socket-2</label>
</td>
<td>
<input type="checkbox" id="socket3" name="socket">
<label for="socket3">Socket-3</label>
</td>
</tr>
<tr>
<td>
<input type="checkbox" id="socket4" name="socket">
<label for="socket4">Socket-4</label>
</td>
<td>
<input type="checkbox" id="socket5" name="socket">
<label for="socket5">Socket-5</label>
</td>
<td>
<input type="checkbox" id="socket6" name="socket">
<label for="socket6">Socket-6</label>
</td>
</tr>
</table>
<div class="submit">
<button class="submit_bt" onclick="SetSocket()">Submit</button>
<span class="status_sp success">OK</span>
</div>
</fieldset>
<fieldset class="chart">
<legend>Power Status</legend>
<table class="pw">
<tr>
<td>P: <span id="p" class="success">0</span> W</td>
<td>W: <span id="w" class="error">0</span> kW·h</td>
</tr>
</table>
<div id="power_div">
<div class="line line_9"></div>
<div class="line line_8"></div>
<div class="line line_7"></div>
<div class="line line_6"></div>
<div class="line line_5"></div>
<div class="line line_4"></div>
<div class="line line_3"></div>
<div class="line line_2"></div>
<div class="line line_1"></div>
</div>
<div id="power_line">
<!-- <div class="power_pre" style="height:70px;left:20px;"></div> -->
</div>
</fieldset>
<fieldset class="network">
<legend>Network Config</legend>
<table>
<tr>
<td class="right">SSID:</td>
<td>
<select id="wifi" onchange="SelectWifi()">
<option value="0">Manual</option>
</select>
<button id="rescan" onclick="Rescan()">Rescan</button>
</td>
</tr>
<tr>
<td class="right">SSID:</td>
<td>
<input id="ssid" type="text" onchange="ChangeInput(1)"/>
</td>
</tr>
<tr>
<td class="right">PSWD:</td>
<td>
<input id="pswd" type="password" onchange="ChangeInput(2)"/>
</td>
</tr>
<tr>
<td class="right">MODE:</td>
<td class="mode">
<input type="radio" id="mode1" name="mode" onchange="ChangeMode(0)">
<label for="mode1">AP</label>
<input type="radio" id="mode2" name="mode" onchange="ChangeMode(1)">
<label for="mode2">STATION</label>
</td>
</tr>
</table>
<div class="submit">
<button class="submit_bt" onclick="SubmitNetwork()">Submit</button>
<span class="status_sp success">OK</span>
</div>
</fieldset>
<fieldset>
<legend>MQTT Config</legend>
<table>
<tr>
<td class="right">MQTT:</td>
<td>
<input id="mqtt_addr"/>
</td>
</tr>
<tr>
<td class="right">PORT:</td>
<td>
<input id="mqtt_port"/>
</td>
</tr>
</table>
<div class="submit">
<button class="submit_bt" onclick="SubmitMqtt()">Submit</button>
<span class="status_sp success">OK</span>
</div>
</fieldset>
<fieldset class="connect">
<legend>System Status</legend>
<table>
<tr>
<td class="right">IP:</td>
<td class="info" id="ip"></td>
</tr>
<tr>
<td class="right">Mask:</td>
<td class="info" id="mask"></td>
</tr>
<tr>
<td class="right">Gateway:</td>
<td class="info" id="gateway"></td>
</tr>
<tr>
<td class="right">Uptime:</td>
<td class="success" id="uptime"></td>
</tr>
</table>
</fieldset>
<p class="power_by">power by <a href="https://github.com/zogodo/zTC1" target="_blank">github/zTC1</a></p>
<script type="text/javascript">
function Ajax(url, onsuccess, type, data) {
var xml_http = new XMLHttpRequest();
xml_http.open(type, url, true);
xml_http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xml_http.onreadystatechange = function () {
if (xml_http.readyState == 4) {
if (xml_http.status == 200) {
onsuccess(xml_http.responseText.replace(/'/g, '"'));
}
else {
alert("Ajax error: " + xml_http.status);
}
}
};
if (data != null && type == "POST") {
xml_http.send(data);
} else {
xml_http.send();
}
}
function HttpGet(url, onsuccess) {
Ajax(url, onsuccess, "GET", null);
}
function HttpPost(url, onsuccess, data) {
Ajax(url, onsuccess, "POST", data);
}
var submit_bts = document.getElementsByClassName("submit_bt");
var info_spans = document.getElementsByClassName("status_sp");
var socket_tb = document.getElementById("socket_tb");
var checkboxs = socket_tb.getElementsByTagName("input");
var p = document.getElementById("p");
var w = document.getElementById("w");
var power_line = document.getElementById("power_line");
var rescan_btn = document.getElementById("rescan");
var ssid_slt = document.getElementById("wifi");
var ssid_ipt = document.getElementById("ssid");
var pswd_ipt = document.getElementById("pswd");
var mode_rd1 = document.getElementById("mode1");
var mode_rd2 = document.getElementById("mode2");
var mqtt_addr_ipt = document.getElementById("mqtt_addr");
var mqtt_port_ipt = document.getElementById("mqtt_port");
var info_ip = document.getElementById("ip");
var info_mask = document.getElementById("mask");
var info_gateway = document.getElementById("gateway");
var uptime = document.getElementById("uptime");
var mode = -1;
var ap_name = "";
var ap_pswd = "";
var station_name = "";
var station_pswd = "";
HttpGet("/status", function (re) {
var status = JSON.parse(re);
var status_arr = status.sockets.split(",");
for (var i = 0; i < status_arr.length; i++) {
checkboxs[i].checked = status_arr[i] == "1";
station_name = status.station_ssid;
station_pswd = status.station_pwd;
ap_name = status.ap_ssid;
ap_pswd = status.ap_pwd;
//mode = status.mode;
ChangeMode(status.mode);
mqtt_addr_ipt.value = status.mqtt_addr;
mqtt_port_ipt.value = status.mqtt_port;
info_ip.innerHTML = status.ip;
info_mask.innerHTML = status.mask;
info_gateway.innerHTML = status.gateway;
uptime.innerHTML = status.start_time;
}
});
var power_idx = 0;
var position = 0;
function GetPowerRecord() {
HttpPost("/power", function (re) {
var power = JSON.parse(re);
power_idx = power.idx + 1;
/*
power.powers = new Array();
for (var i = 0; i < 400; i++) {
power.powers[i] = Math.sin(i*0.1)*1500 + 5000;
power.powers[i] = power.powers[i].toFixed(0);
}
console.log(power.powers);
*/
var html = "";
for (var i = 0; i < power.powers.length; i++) {
var curr_p = power.powers[i]/10;
p.innerHTML = curr_p.toFixed(2);
var y = Math.pow(curr_p, 0.6);
html += "<div class='power_pre' style='height:"+y+"px;left:"+position+"px;'></div>";
position += 1;
}
if (power.powers.length != 0) {
power_line.innerHTML += html;
power_line.scrollTo(power_line.scrollWidth, 0); //滑动到最后
}
var w_v = (17.1 * power.p_count) / 1000 / 36000;
w.innerHTML = w_v.toFixed(2); //累加功率
uptime.innerHTML = power.up_time;
//window.setTimeout(GetPowerRecord, 3000);
}, power_idx.toString());
}
GetPowerRecord();
function SetOK(i) {
submit_bts[i].disabled = false;
info_spans[i].className = "status_sp success";
info_spans[i].innerHTML = "OK";
}
function SetIng(i) {
submit_bts[i].disabled = true;
info_spans[i].className = "status_sp info";
info_spans[i].innerHTML = "ing...";
}
function SetSocket() {
SetIng(0);
var sockets_st = "";
for (var i = 0; i < checkboxs.length; i++) {
sockets_st += (checkboxs[i].checked ? "1," : "0,");
}
HttpPost("/socket", function (re) {
SetOK(0);
}, sockets_st);
}
function SelectWifi() {
ssid_ipt.disabled = ssid_slt.value != "0";
if (ssid_slt.value == "0") {
ssid_ipt.value = station_name;
} else {
ssid_ipt.value = ssid_slt.options[ssid_slt.selectedIndex].text;
}
}
function ChangeMode(m) {
if (mode == m) return;
if (m != 1) {
//AP模式
mode_rd1.checked = true;
ssid_slt.value = "0";
ssid_slt.disabled = true;
rescan_btn.disabled = true;
ssid_ipt.disabled = false;
ssid_ipt.value = ap_name;
pswd_ipt.value = ap_pswd;
} else {
//Station模式
mode_rd2.checked = true;
ssid_slt.value = "0";
ssid_slt.disabled = false;
rescan_btn.disabled = false;
ssid_ipt.disabled = false;
ssid_ipt.value = station_name;
pswd_ipt.value = station_pswd;
}
mode = m;
}
function ChangeInput(type) {
if(mode != 1) {
ap_name = ssid_ipt.value;
ap_pswd = pswd_ipt.value;
} else {
station_name = ssid_ipt.value;
station_pswd = pswd_ipt.value;
}
}
//Quotation Marks
function ContainQM(str) {
if (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.\n\nAlso, length <= 32."
function SubmitNetwork() {
if(mode != 1) {
if (ContainQM(ap_name) || ContainQM(ap_pswd)) {
alert(qm_mess);
return;
}
} else {
if (ContainQM(station_name) || ContainQM(station_pswd)) {
alert(qm_mess);
return;
}
var params = station_name+" "+station_pswd;
HttpPost("/wifi/config", function (re) {
alert(re);
}, params);
}
}
function Rescan() {
HttpPost("/wifi/scan", function (re) {
if (re == "OK") {
rescan_btn.innerHTML = "Scanning...";
rescan_btn.disabled = true;
window.setTimeout(GetScanResult, 1000);
} else {
alert(re);
}
});
}
function GetScanResult() {
HttpGet("/wifi/scan", function (re) {
if (re != "NO") {
var ret = JSON.parse(re);
var html = "<option value='0'>Manual</option>";
for (var i = 0; i < ret.ssids.length; i++) {
html += "<option value='"+(i+1)+"'>"+ret.ssids[i]+"</option>";
}
ssid_slt.innerHTML = html;
rescan_btn.innerHTML = "Rescan";
rescan_btn.disabled = false;
return;
}
window.setTimeout(GetScanResult, 1000);
});
}
</script>
</body>
</html>

View File

@@ -1 +0,0 @@
{'idx':1332,'len':100,'p_count':36000000,'powers':[5000,5150,5298,5443,5584,5719,5847,5966,6076,6175,6262,6337,6398,6445,6478,6496,6499,6487,6461,6419,6364,6295,6213,6119,6013,5898,5773,5641,5502,5359,5212,5062,4912,4763,4617,4474,4336,4205,4082,3968,3865,3773,3693,3626,3573,3534,3509,3500,3506,3526,3562,3611,3675,3752,3841,3942,4053,4174,4303,4439,4581,4727,4875,5025,5175,5323,5467,5607,5741,5868,5985,6093,6191,6276,6348,6407,6452,6482,6498,6498,6484,6455,6411,6353,6282,6198,6102,5994,5877,5752,5618,5479,5334,5187,5037,4887,4739,4592,4450,4314,4184,4062,3950,3848,3758,3680,3616,3565,3529,3507,3500,3508,3531,3569,3621,3687,3766,3857,3960,4073,4195,4326,4463,4605,4752,4901,5050,5200,5347,5491,5630,5763,5888,6004,6111,6206,6289,6359,6416,6458,6486,6499,6497,6480,6448,6402,6342,6269,6182,6084,5975,5857,5730,5595,5455,5310,5162,5012,4862,4714,4568,4427,4291,4163,4043,3932,3832,3744,3669,3606,3558,3524,3505,3500,3511,3537,3577,3631,3699,3780,3874,3978,4093,4217,4348,4486,4630,4777,4926,5076,5225,5372,5515,5653,5785,5908,6023,6127,6221,6301,6369,6424,6464,6489,6500,6495,6476,6442,6393,6331,6255,6167,6067,5956,5836,5707,5572,5431,5285,5137,4987,4837,4689,4544,4404,4269,4142,4024,3915,3817,3731,3657,3597,3551,3520,3503,3501,3514,3542,3585,3642,3712,3795,3890,3997,4113,4238,4371,4510,4654,4801,4951,5101,5250,5396,5539,5676,5806,5928,6041,6144,6235,6314,6380,6431,6469,6492,6500,6493,6471,6435,6384,6319,6241,6151,6049,5937,5815,5685,5548,5406,5260,5111,4962,4812,4664,4520,4381,4247,4122,4005,3898,3801,3717,3646,3588,3545,3516,3502,3502,3518,3548,3593,3653,3725,3810,3907,4016,4133,4260,4394,4534,4679,4826,4976,5126,5275,5420,5562,5698,5827,5948,6059,6160,6249,6326,6389,6439,6474,6494,6500,6490,6466,6427,6374,6307,6227,6134,6031,5917,5794,5663,5525,5382,5235,5086,4936,4787,4640,4496,4358,4226,4101,3986,3881,3786,3705,3635,3580,3539,3512,3501,3504,3522,3555,3602,3664,3739,3826,3925,4035,4154,4282,4417,4558,4703,4852,5001,5151,5299,5445,5585,5720,5848,5967,6077,6176,6263,6337,6399,6446,6478,6496,6499,6487,6460,6419,6363,6294,6212],'up_time':'0:22:13'}

View File

@@ -1 +0,0 @@
1,1,0,1,0,1

View File

@@ -1 +0,0 @@
{ 'sockets':'1,1,1,1,0,1', 'mode':1, 'station_ssid':'TL-5408', 'station_pwd':'stu@5408', 'ap_ssid':'TC1-AP', 'ap_pwd':'12345678', 'mqtt_addr':'MQTT.ADDR', 'mqtt_port':1883, 'ip':'192.168.33.222', 'mask':'255.255.255.0', 'gateway':'192.168.33.1', 'start_time':0}