From b97158bc08fed6bc9c76d56f0382c97d06f7ca11 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=85=95=E7=82=8E?= <29385962@qq.com>
Date: Sun, 2 Jan 2022 16:10:45 +0000
Subject: [PATCH] =?UTF-8?q?update=20arduino/Betas/RGB=5FV1.1.1/main/data/i?=
 =?UTF-8?q?ndex.html.=20=E5=A2=9E=E5=8A=A0debug=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 arduino/Betas/RGB_V1.1.1/main/data/index.html | 93 ++++++++++++-------
 1 file changed, 57 insertions(+), 36 deletions(-)

diff --git a/arduino/Betas/RGB_V1.1.1/main/data/index.html b/arduino/Betas/RGB_V1.1.1/main/data/index.html
index 090309b..e50ed58 100644
--- a/arduino/Betas/RGB_V1.1.1/main/data/index.html
+++ b/arduino/Betas/RGB_V1.1.1/main/data/index.html
@@ -1,4 +1,4 @@
-<!--
+<!--
 自平衡莱洛三角形 RGB版
 HW:Ver 1.5
 FW:Ver 1.2
@@ -126,34 +126,42 @@ function UpdateInfo()
 
             document.getElementById('TimeDiv').innerHTML=arr[0];
             document.getElementById('CurrentMillis').innerHTML=arr[1];
-			
-            document.getElementById('BAT_VOLTAGE').innerHTML=arr[2];
+			document.getElementById('log_control').value==arr[2];
+			document.getElementById('debug_log_control').value==arr[3];
+            document.getElementById('BAT_VOLTAGE').innerHTML=arr[4];
 
 			if(document.getElementById('log_control').value=="1"){
-            document.getElementById('Shaft_Velocity').innerHTML	=arr[3]+"<br>"+document.getElementById('Shaft_Velocity').innerHTML;
-            document.getElementById('motor_voltage_q').innerHTML=arr[4]+"<br>"+document.getElementById('motor_voltage_q').innerHTML;
-            document.getElementById('target_velocity').innerHTML=arr[5]+"<br>"+document.getElementById('target_velocity').innerHTML;
-            document.getElementById('pendulum_angle').innerHTML=arr[6]+"<br>"+document.getElementById('pendulum_angle').innerHTML;
-            document.getElementById('target_angle').innerHTML=arr[7]+"<br>"+document.getElementById('target_angle').innerHTML;
-            document.getElementById('kalAngleZ').innerHTML=arr[8]+"<br>"+document.getElementById('kalAngleZ').innerHTML;
-            document.getElementById('gyroZrate').innerHTML=arr[9]+"<br>"+document.getElementById('gyroZrate').innerHTML;
+            document.getElementById('Shaft_Velocity').innerHTML	=arr[5]+"<br>"+document.getElementById('Shaft_Velocity').innerHTML;
+            document.getElementById('motor_voltage_q').innerHTML=arr[6]+"<br>"+document.getElementById('motor_voltage_q').innerHTML;
+            document.getElementById('target_velocity').innerHTML=arr[7]+"<br>"+document.getElementById('target_velocity').innerHTML;
+            document.getElementById('pendulum_angle').innerHTML=arr[8]+"<br>"+document.getElementById('pendulum_angle').innerHTML;
+            document.getElementById('target_angle').innerHTML=arr[9]+"<br>"+document.getElementById('target_angle').innerHTML;
+            document.getElementById('kalAngleZ').innerHTML=arr[10]+"<br>"+document.getElementById('kalAngleZ').innerHTML;
+            document.getElementById('gyroZrate').innerHTML=arr[11]+"<br>"+document.getElementById('gyroZrate').innerHTML;
 			}
 
-            document.getElementById('target_angle_ROM').innerHTML=arr[10];
-            document.getElementById('swing_up_voltage').innerHTML=arr[11];
-            document.getElementById('swing_up_angle').innerHTML=arr[12];
-            document.getElementById('v_i_1').innerHTML=arr[13];
-            document.getElementById('v_p_1').innerHTML=arr[14];
-            document.getElementById('v_i_2').innerHTML=arr[15];
-            document.getElementById('v_p_2').innerHTML=arr[16];
+            document.getElementById('target_angle_ROM').innerHTML=arr[12];
+            document.getElementById('swing_up_voltage').innerHTML=arr[13];
+            document.getElementById('swing_up_angle').innerHTML=arr[14];
+            document.getElementById('v_i_1').innerHTML=arr[15];
+            document.getElementById('v_p_1').innerHTML=arr[16];
+            document.getElementById('v_i_2').innerHTML=arr[17];
+            document.getElementById('v_p_2').innerHTML=arr[18];
 
-			if(document.getElementById('target_angle_ROM2').value=="") document.getElementById('target_angle_ROM2').value=arr[10];
-			if(document.getElementById('swing_up_voltage2').value=="") document.getElementById('swing_up_voltage2').value=arr[11];
-			if(document.getElementById('swing_up_angle2').value=="") document.getElementById('swing_up_angle2').value=arr[12];
-			if(document.getElementById('v_i_12').value=="") document.getElementById('v_i_12').value=arr[13];
-			if(document.getElementById('v_p_12').value=="") document.getElementById('v_p_12').value=arr[14];
-			if(document.getElementById('v_i_22').value=="") document.getElementById('v_i_22').value=arr[15];
-			if(document.getElementById('v_p_22').value=="") document.getElementById('v_p_22').value=arr[16];
+			if(document.getElementById('target_angle_ROM2').value=="") document.getElementById('target_angle_ROM2').value=arr[12];
+			if(document.getElementById('swing_up_voltage2').value=="") document.getElementById('swing_up_voltage2').value=arr[13];
+			if(document.getElementById('swing_up_angle2').value=="") document.getElementById('swing_up_angle2').value=arr[14];
+			if(document.getElementById('v_i_12').value=="") document.getElementById('v_i_12').value=arr[15];
+			if(document.getElementById('v_p_12').value=="") document.getElementById('v_p_12').value=arr[16];
+			if(document.getElementById('v_i_22').value=="") document.getElementById('v_i_22').value=arr[17];
+			if(document.getElementById('v_p_22').value=="") document.getElementById('v_p_22').value=arr[18];
+			
+			if(document.getElementById('debug_log_control').value=="1"){
+				document.getElementById('debug_log').style.display='block';
+				document.getElementById('debug_log').value	+=	arr[19];
+			}else{
+				document.getElementById('debug_log').style.display='none';
+			}
         }
     }
     xmlhttp.open("GET",'/update',true);
@@ -176,6 +184,10 @@ function UpdateInfo()
             document.getElementById('kalAngleZ').innerHTML				="";
             document.getElementById('gyroZrate').innerHTML				="";
     } 
+    function clearDebugLog()
+    { 
+            document.getElementById('debug_log').value			="";
+    } 
 
 function checkNum(obj) {
      //检查是否是非数字值
@@ -199,10 +211,11 @@ function checkNum(obj) {
         <div id="TimeDiv" hidden>datetime</div>
     </font>
 </div>
-    <div id="OperationHit"><h2></h2></div>
     <table border="0">
         <tr>
-            <td height="50">已启动：<span id=CurrentMillis></span>  &nbsp;&nbsp;&nbsp;&nbsp;电池电压：<span id="BAT_VOLTAGE" style="color:#de87b8;"></span> V
+            <td height="50">已启动：<span id=CurrentMillis></span>
+			&nbsp;&nbsp;&nbsp;&nbsp;电池电压：<span id="BAT_VOLTAGE" style="color:#de87b8;"></span> V
+			<span id="OperationHit"></span>
             </td>
         </tr>
         <tr>
@@ -275,6 +288,17 @@ function checkNum(obj) {
 	 </table>
             </td>
         </tr>
+        <tr>
+            <td>
+		<button type="button" onclick="document.getElementById('debug_log_control').value=1;loadXMLDoc('/Control?Type=0&Index=6&Operation=1','OperationHit');document.getElementById('debug_log').style.display='block';">Debug</button>
+		<button type="button" onclick="document.getElementById('debug_log_control').value=0;loadXMLDoc('/Control?Type=0&Index=6&Operation=0','OperationHit');document.getElementById('debug_log').style.display='none';">关闭Debug</button>
+		<button type="button" onclick="clearDebugLog()">清除记录</button>
+		<input type="hidden" name="debug_log_control" id="debug_log_control">
+            </td>
+        </tr>
+        <tr>
+            <td align="left"><textarea name="debug_log" rows="10" cols="80"  id="debug_log" style="display:none"></textarea></td>
+		</tr>
         <tr>
             <td height="50">
 		<button type="button" onclick="document.getElementById('loglist').style.display='block';">显示记录</button>
@@ -282,7 +306,7 @@ function checkNum(obj) {
 		<button type="button" onclick="clearLog()">清除记录</button>
 		<button type="button" onclick="document.getElementById('log_control').value=1;loadXMLDoc('/Control?Type=0&Index=5&Operation=1','OperationHit')">开启记录</button>
 		<button type="button" onclick="document.getElementById('log_control').value=0;loadXMLDoc('/Control?Type=0&Index=5&Operation=0','OperationHit')">停止记录</button>
-		<input type="hidden" name="log_control" id="log_control" value="1">
+		<input type="hidden" name="log_control" id="log_control">
             </td>
         </tr>
         <tr>
@@ -290,12 +314,12 @@ function checkNum(obj) {
     <table border="1" cellspacing="0" cellpadding="0" ID="loglist" width="100%">
 		<tr>
             <td align="center"><span style="color:#ff5c5c;">Shaft Velocity</span></td>
-<td align="center"><span style="color:#398ad9;">motor voltage q</span></td>
-<td align="center"><span style="color:#ff5c5c;">target_velocity</span></td>
-<td align="center"><span style="color:#5bec8d;">pendulum_angle</span></td>
-<td align="center"><span style="color:#fd42ac;">target_angle</span></td>
-<td align="center"><span style="color:#ff33ff;">kalAngleZ</span></td>
-<td align="center"><span style="color:#4b8200;">gyroZrate</span></td>
+			<td align="center"><span style="color:#398ad9;">motor voltage q</span></td>
+			<td align="center"><span style="color:#ff5c5c;">target_velocity</span></td>
+			<td align="center"><span style="color:#5bec8d;">pendulum_angle</span></td>
+			<td align="center"><span style="color:#fd42ac;">target_angle</span></td>
+			<td align="center"><span style="color:#ff33ff;">kalAngleZ</span></td>
+			<td align="center"><span style="color:#4b8200;">gyroZrate</span></td>
        </tr>
         <tr>
 <td align="center"><span style="color:#ff5c5c;" id="Shaft_Velocity"></span></td>
@@ -306,9 +330,6 @@ function checkNum(obj) {
 <td align="center"><span style="color:#ff33ff;" id="kalAngleZ"></span></td>
 <td align="center"><span style="color:#4b8200;" id="gyroZrate"></span></td>
 		</tr>
-	 </table>
-            </td>
-        </tr>
 	</table>
 </body>
 </html>
\ No newline at end of file