From ae41a52c46115b36da9d8a333a2233e17fb42bdc Mon Sep 17 00:00:00 2001
From: skaman82 <albert@wd-design.de>
Date: Mon, 2 Nov 2015 10:23:10 +0100
Subject: [PATCH] Cleaning up PID html

---
 tabs/pid_tuning.html | 310 +++++++++++++++++++++++--------------------
 1 file changed, 163 insertions(+), 147 deletions(-)

diff --git a/tabs/pid_tuning.html b/tabs/pid_tuning.html
index c8de68c7..34730cac 100755
--- a/tabs/pid_tuning.html
+++ b/tabs/pid_tuning.html
@@ -3,168 +3,184 @@
   <div class="cf_doc_version_bt">
     <a id="button-documentation" href="https://github.com/cleanflight/cleanflight/releases" target="_blank"></a>
   </div>
- <div class="cf_column twothird">
-      <div class="spacer_right">
-      
-         <div class="profile">
+  <div class="cf_column twothird">
+    <div class="spacer_right">
+      <div class="profile">
         <span class="head" i18n="pidTuningProfileHead"></span>
         <select name="profile">
-            <option value="0">1</option>
-            <option value="1">2</option>
-            <option value="2">3</option>
+          <option value="0">1</option>
+          <option value="1">2</option>
+          <option value="2">3</option>
         </select>
-    </div>
-    
-    <div class="controller">
+      </div>
+      <div class="controller">
         <span class="head" i18n="pidTuningControllerHead"></span>
         <select name="controller">
-            <option value="0">0 - MultiWii (Old)</option>
-            <option value="1">1 - MultiWii (rewrite)</option>
-            <option value="2">2 - LuxFloat</option>
-            <option value="3">3 - MultiWii (2.3 - latest)</option>
-            <option value="4">4 - MultiWii (2.3 - hybrid)</option>
-            <option value="5">5 - Harakiri</option>
+          <option value="0">0 - MultiWii (Old)</option>
+          <option value="1">1 - MultiWii (rewrite)</option>
+          <option value="2">2 - LuxFloat</option>
+          <option value="3">3 - MultiWii (2.3 - latest)</option>
+          <option value="4">4 - MultiWii (2.3 - hybrid)</option>
+          <option value="5">5 - Harakiri</option>
         </select>
+      </div>
     </div>
-</div></div>
-
- <div class="cf_column third_right">
-      <div class="spacer_left">
-    <div class="top-buttons"><a href="#" id="showAllPids">Show All PIDs</a></div>
-    </div></div>
-    
+  </div>
+  <div class="cf_column third_right">
+    <div class="spacer_left">
+      <div class="top-buttons"><a href="#" id="showAllPids">Show All PIDs</a></div>
+    </div>
+  </div>
+  <form name="pid-tuning" id="pid-tuning">
     <div class="clear-both"></div>
- <div class="cf_column third_right">
+    <div class="cf_column third_right">
       <div class="spacer_left">
-          <form name="pid-tuning" id="pid-tuning">
-
-           <table class="rate-tpa">
+        <table class="rate-tpa">
           <thead>
-              <tr>
-                  <th class="roll-pitch" i18n="pidTuningRollPitchRate"></th>
-                  <th class="roll" i18n="pidTuningRollRate"></th>
-                  <th class="pitch" i18n="pidTuningPitchRate"></th>
-                  <th i18n="pidTuningYawRate"></th>
-              </tr>
-          </thead>
-          <tbody>
-              <tr>
-                  <td class="roll-pitch" ><input type="number" name="roll-pitch" step="0.01" min="0" max="1.00"/></td>
-                  <td class="roll" ><input type="number" name="roll" step="0.01" min="0" max="1.00"/></td>
-                  <td class="pitch" ><input type="number" name="pitch" step="0.01" min="0" max="1.00"/></td>
-                  <td><input type="number" name="yaw" step="0.01" min="0" max="2.55"/></td>
-              </tr>
-          </tbody>
-      </table>
-      
-      <table class="rate-tpa">
-          <thead>
-              <tr>
-                  <th i18n="pidTuningTPA"></th>
-                  <th class="tpa-breakpoint" i18n="pidTuningTPABreakPoint"></th>
-              </tr>
-          </thead>
-          <tbody>
-              <tr>
-                  <td><input type="number" name="tpa" step="0.01" min="0" max="1.00"/></td>
-                  <td class="tpa-breakpoint"><input type="number" name="tpa-breakpoint" step="10" min="1000" max="2000" /></td>
-              </tr>
-          </tbody>
-      </table>
-      </div></div>
-      
- <div class="cf_column twothird">
-      <div class="spacer_right">
-      
-              <table id="pid_main" class="pid_tuning">
-            <tr class="title"><th colspan="4">Basic/Acro</th></tr>
             <tr>
-                <th class="name" i18n="pidTuningName"></th>
-                <th class="proportional" i18n="pidTuningProportional"></th>
-                <th class="integral" i18n="pidTuningIntegral"></th>
-                <th class="derivative" i18n="pidTuningDerivative"></th>
+              <th class="roll-pitch" i18n="pidTuningRollPitchRate"></th>
+              <th class="roll" i18n="pidTuningRollRate"></th>
+              <th class="pitch" i18n="pidTuningPitchRate"></th>
+              <th i18n="pidTuningYawRate"></th>
             </tr>
-            <tr class="ROLL"><!-- 0 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-                <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
-                <td><input type="number" name="d" step="1" min="0" max="255"/></td>
-            </tr>
-            <tr class="PITCH"><!-- 1 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-                <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
-                <td><input type="number" name="d" step="1" min="0" max="255"/></td>
-            </tr>
-            <tr class="YAW"><!-- 2 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-                <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
-                <td><input type="number" name="d" step="1" min="0" max="255"/></td>
-            </tr>
-          </table>
-          <table id="pid_accel" class="pid_tuning">
-            <tr class="title"><th colspan="4">Accelerometer/Level</th></tr>
-            <tr class="LEVEL"><!-- 7 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-                <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
-                <td><input type="number" name="d" step="1" min="0" max="255"/></td>
-            </tr>
-          </table>
-          <table id="pid_baro" class="pid_tuning">
-            <tr class="title"><th colspan="4">Barometer/Altitude</th></tr>
-            <tr class="ALT"><!-- 3 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-                <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
-                <td><input type="number" name="d" step="1" min="0" max="255"/></td>
-            </tr>
-          </table>
-          <table id="pid_mag" class="pid_tuning">
-            <tr class="title"><th colspan="4">Magnometer/Heading</th></tr>
-            <tr class="MAG"><!-- 8 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-            </tr>
-          </table>
-          <table id="pid_sonar" class="pid_tuning">
-            <tr class="title"><th colspan="4">Sonar</th></tr>
-            <tr class="Vario"><!-- 9 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-                <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
-                <td><input type="number" name="d" step="1" min="0" max="255"/></td>
-            </tr>
-          </table>
-          <table id="pid_gps" class="pid_tuning">
-            <tr class="title"><th colspan="4">GPS Navigation</th></tr>
-            <tr class="Pos"><!-- 4 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.01" min="0" max="2.55"/></td>
-                <td><input type="number" name="i" step="0.01" min="0" max="2.55"/></td>
-            </tr>
-            <tr class="PosR"><!-- 5 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-                <td><input type="number" name="i" step="0.01" min="0" max="2.55"/></td>
-                <td><input type="number" name="d" step="0.001" min="0" max="0.255"/></td>
-            </tr>
-            <tr class="NavR"><!-- 6 -->
-                <td></td>
-                <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
-                <td><input type="number" name="i" step="0.01" min="0" max="2.55"/></td>
-                <td><input type="number" name="d" step="0.001" min="0" max="0.255"/></td>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="roll-pitch" ><input type="number" name="roll-pitch" step="0.01" min="0" max="1.00"/></td>
+              <td class="roll" ><input type="number" name="roll" step="0.01" min="0" max="1.00"/></td>
+              <td class="pitch" ><input type="number" name="pitch" step="0.01" min="0" max="1.00"/></td>
+              <td><input type="number" name="yaw" step="0.01" min="0" max="2.55"/></td>
             </tr>
+          </tbody>
         </table>
-        </div></div>
-    </form>
-    <div class="clear-both"></div>
-
+        <table class="rate-tpa">
+          <thead>
+            <tr>
+              <th i18n="pidTuningTPA"></th>
+              <th class="tpa-breakpoint" i18n="pidTuningTPABreakPoint"></th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td><input type="number" name="tpa" step="0.01" min="0" max="1.00"/></td>
+              <td class="tpa-breakpoint"><input type="number" name="tpa-breakpoint" step="10" min="1000" max="2000" /></td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+    <div class="cf_column twothird">
+      <div class="spacer_right">
+        <table id="pid_main" class="pid_tuning">
+          <tr class="title">
+            <th colspan="4">Basic/Acro</th>
+          </tr>
+          <tr>
+            <th class="name" i18n="pidTuningName"></th>
+            <th class="proportional" i18n="pidTuningProportional"></th>
+            <th class="integral" i18n="pidTuningIntegral"></th>
+            <th class="derivative" i18n="pidTuningDerivative"></th>
+          </tr>
+          <tr class="ROLL">
+            <!-- 0 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+            <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
+            <td><input type="number" name="d" step="1" min="0" max="255"/></td>
+          </tr>
+          <tr class="PITCH">
+            <!-- 1 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+            <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
+            <td><input type="number" name="d" step="1" min="0" max="255"/></td>
+          </tr>
+          <tr class="YAW">
+            <!-- 2 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+            <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
+            <td><input type="number" name="d" step="1" min="0" max="255"/></td>
+          </tr>
+        </table>
+        <table id="pid_accel" class="pid_tuning">
+          <tr class="title">
+            <th colspan="4">Accelerometer/Level</th>
+          </tr>
+          <tr class="LEVEL">
+            <!-- 7 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+            <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
+            <td><input type="number" name="d" step="1" min="0" max="255"/></td>
+          </tr>
+        </table>
+        <table id="pid_baro" class="pid_tuning">
+          <tr class="title">
+            <th colspan="4">Barometer/Altitude</th>
+          </tr>
+          <tr class="ALT">
+            <!-- 3 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+            <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
+            <td><input type="number" name="d" step="1" min="0" max="255"/></td>
+          </tr>
+        </table>
+        <table id="pid_mag" class="pid_tuning">
+          <tr class="title">
+            <th colspan="4">Magnometer/Heading</th>
+          </tr>
+          <tr class="MAG">
+            <!-- 8 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+          </tr>
+        </table>
+        <table id="pid_sonar" class="pid_tuning">
+          <tr class="title">
+            <th colspan="4">Sonar</th>
+          </tr>
+          <tr class="Vario">
+            <!-- 9 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+            <td><input type="number" name="i" step="0.001" min="0" max="0.255"/></td>
+            <td><input type="number" name="d" step="1" min="0" max="255"/></td>
+          </tr>
+        </table>
+        <table id="pid_gps" class="pid_tuning">
+          <tr class="title">
+            <th colspan="4">GPS Navigation</th>
+          </tr>
+          <tr class="Pos">
+            <!-- 4 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.01" min="0" max="2.55"/></td>
+            <td><input type="number" name="i" step="0.01" min="0" max="2.55"/></td>
+          </tr>
+          <tr class="PosR">
+            <!-- 5 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+            <td><input type="number" name="i" step="0.01" min="0" max="2.55"/></td>
+            <td><input type="number" name="d" step="0.001" min="0" max="0.255"/></td>
+          </tr>
+          <tr class="NavR">
+            <!-- 6 -->
+            <td></td>
+            <td><input type="number" name="p" step="0.1" min="0" max="25.5"/></td>
+            <td><input type="number" name="i" step="0.01" min="0" max="2.55"/></td>
+            <td><input type="number" name="d" step="0.001" min="0" max="0.255"/></td>
+          </tr>
+        </table>
+      </div>
+    </div>
+  </form>
+  <div class="clear-both"></div>
   <div class="fixed_band">
     <div class="save_btn"><a class="update" href="#" i18n="pidTuningButtonSave"></a>
-        <a class="refresh" href="#" i18n="pidTuningButtonRefresh"></a>
+      <a class="refresh" href="#" i18n="pidTuningButtonRefresh"></a>
     </div>
   </div>
-  
-  </div>
+</div>
\ No newline at end of file