Added sensor icons. Experimenting with theme change

1 files changed, 45 insertions, 34 deletions

diff --git a/main.html b/main.html
index c19b0311..9a2fe75b 100755
--- a/main.html
+++ b/main.html
@@ -85,7 +85,7 @@
         <script type="text/javascript" src="./tabs/logging.js"></script>
         <script type="text/javascript" src="./tabs/dataflash.js"></script>
         <script type="text/javascript" src="./tabs/firmware_flasher.js"></script>
-
+        
         <script type="text/javascript" src="./js/libraries/switchery/switchery.js"></script>
 
     </head>
@@ -162,12 +162,12 @@
             <div class="header-wrapper">
                 <div id="sensor-status" class="sensor_state">
                     <ul>
-                        <li class="gyro" title="Gyroscope">Gyro</li>
-                        <li class="accel" title="Accelerometer">Accel</li>
-                        <li class="mag" title="Magnetometer">Mag</li>
-                        <li class="baro" title="Barometer">Baro</li>
-                        <li class="gps" title="GPS">GPS</li>
-                        <li class="sonar" title="Sonar / Range finder">Sonar</li>
+                        <li class="gyro" title="Gyroscope"><div class="gyroicon">Gyro</div></li>
+                        <li class="accel" title="Accelerometer"><div class="accicon">Accel</div></li>
+                        <li class="mag" title="Magnetometer"><div class="magicon">Mag</div></li></li>
+                        <li class="baro" title="Barometer"><div class="baroicon">Baro</div></li></li>
+                        <li class="gps" title="GPS"><div class="gpsicon">GPS</div></li></li>
+                        <li class="sonar" title="Sonar / Range finder"><div class="sonaricon">Sonar</div></li></li>
                     </ul>
                 </div>
                 <div id="documentation-controls">
@@ -187,33 +187,31 @@
             <div class="tab_container">
             <div id="tabs">
                 <ul class="mode-disconnected">
-                    <li id="tab_landing"><a href="#" i18n="tabLanding" class="tabicon ic_welcome"></a></li>
-                    <li id="tab_help"><a href="#" i18n="tabHelp" class="tabicon ic_help"></a></li>
-                    <li id="tab_firmware_flasher"><a href="#" i18n="tabFirmwareFlasher" class="tabicon ic_flasher"></a></li>
+                    <li class="tab_landing"><a href="#" i18n="tabLanding" class="tabicon ic_welcome"></a></li>
+                    <li class="tab_help"><a href="#" i18n="tabHelp" class="tabicon ic_help"></a></li>
+                    <li class="tab_firmware_flasher"><a href="#" i18n="tabFirmwareFlasher" class="tabicon ic_flasher"></a></li>
                 </ul>
-                
-              
-                <ul class="mode-connected">
-                    <li id="tab_setup"><a href="#" i18n="tabSetup" class="tabicon ic_setup"></a></li>
-                    <li id="tab_ports"><a href="#" i18n="tabPorts" class="tabicon ic_ports"></a></li>
-                    <li id="tab_configuration"><a href="#" i18n="tabConfiguration" class="tabicon ic_config"></a></li>
-                    <li id="tab_pid_tuning"><a href="#" i18n="tabPidTuning" class="tabicon ic_pid"></a></li>
-                    <li id="tab_receiver"><a href="#" i18n="tabReceiver" class="tabicon ic_rx"></a></li>
+                 <ul class="mode-connected">
+                    <li class="tab_setup"><a href="#" i18n="tabSetup" class="tabicon ic_setup"></a></li>
+                    <li class="tab_ports"><a href="#" i18n="tabPorts" class="tabicon ic_ports"></a></li>
+                    <li class="tab_configuration"><a href="#" i18n="tabConfiguration" class="tabicon ic_config"></a></li>
+                    <li class="tab_pid_tuning"><a href="#" i18n="tabPidTuning" class="tabicon ic_pid"></a></li>
+                    <li class="tab_receiver"><a href="#" i18n="tabReceiver" class="tabicon ic_rx"></a></li>
 <!--                     <li class="tab_modes"><a href="#" i18n="tabModeSelection"></a></li> -->
-                    <li id="tab_auxiliary"><a href="#" i18n="tabAuxiliary" class="tabicon ic_modes"></a></li>
-                    <li id="tab_adjustments"><a href="#" i18n="tabAdjustments" class="tabicon ic_adjust"></a></li>
-                    <li id="tab_servos"><a href="#" i18n="tabServos" class="tabicon ic_servo"></a></li>
-                    <li id="tab_gps"><a href="#" i18n="tabGPS" class="tabicon ic_gps"></a></li>
-                    <li id="tab_motors"><a href="#" i18n="tabMotorTesting" class="tabicon ic_motor"></a></li>
-                    <li id="tab_led_strip"><a href="#" i18n="tabLedStrip" class="tabicon ic_led"></a></li>
-                    <li id="tab_sensors"><a href="#" i18n="tabRawSensorData" class="tabicon ic_sensors"></a></li>
-                    <li id="tab_logging"><a href="#" i18n="tabLogging" class="tabicon ic_log"></a></li>
-                    <li id="tab_dataflash"><a href="#" i18n="tabDataflash" class="tabicon ic_data"></a></li>
-                    <li id="tab_cli"><a href="#" i18n="tabCLI" class="tabicon ic_cli"></a></li>
-                    <li id=""><a href="#"class="tabicon ic_backup">Backup (spare)</a></li>
-                    <li id=""><a href="#"class="tabicon ic_mission">Mission (spare)</a></li>
-                    <li id=""><a href="#"class="tabicon ic_advanced">Advanced (spare)</a></li>
-                    <li id=""><a href="#"class="tabicon ic_wizzard">Wizzard (spare)</a></li>
+                    <li class="tab_auxiliary"><a href="#" i18n="tabAuxiliary" class="tabicon ic_modes"></a></li>
+                    <li class="tab_adjustments"><a href="#" i18n="tabAdjustments" class="tabicon ic_adjust"></a></li>
+                    <li class="tab_servos"><a href="#" i18n="tabServos" class="tabicon ic_servo"></a></li>
+                    <li class="tab_gps"><a href="#" i18n="tabGPS" class="tabicon ic_gps"></a></li>
+                    <li class="tab_motors"><a href="#" i18n="tabMotorTesting" class="tabicon ic_motor"></a></li>
+                    <li class="tab_led_strip"><a href="#" i18n="tabLedStrip" class="tabicon ic_led"></a></li>
+                    <li class="tab_sensors"><a href="#" i18n="tabRawSensorData" class="tabicon ic_sensors"></a></li>
+                    <li class="tab_logging"><a href="#" i18n="tabLogging" class="tabicon ic_log"></a></li>
+                    <li class="tab_dataflash"><a href="#" i18n="tabDataflash" class="tabicon ic_data"></a></li>
+                    <li class="tab_cli"><a href="#" i18n="tabCLI" class="tabicon ic_cli"></a></li>
+                    <li class=""><a href="#"class="tabicon ic_backup">Backup (spare)</a></li>
+                    <li class=""><a href="#"class="tabicon ic_mission">Mission (spare)</a></li>
+                    <li class=""><a href="#"class="tabicon ic_advanced">Advanced (spare)</a></li>
+                    <li class=""><a href="#"class="tabicon ic_wizzard">Wizzard (spare)</a></li>
 
 
                 </ul>
@@ -245,7 +243,20 @@
                 <p>Waiting for data ...</p>
             </div>
         </div>
-
- 
+ <script>
+ /** log trigger **/
+$("#showlog").on('click', function() {
+    var state = $(this).data('state');
+    if ( state ) {
+        $("#log").animate({height: 27}, 800);
+        state = false;
+    }else{
+        $("#log").animate({height: 100}, 800);
+        state = true;
+    }
+    $(this).text(state ? 'Close' : 'Open');
+    $(this).data('state', state);
+});
+ </script>
  </body>
 </html>