diff --git a/css/style.css b/css/style.css index 3e77f1cd76..73ab23fe40 100644 --- a/css/style.css +++ b/css/style.css @@ -188,37 +188,39 @@ a:hover { } /* tab specific sections */ -.tab-initial_setup .section { - clear: both; - padding-bottom: 10px; -} -.tab-initial_setup .section a { - display: block; - - float: left; - - width: 160px; - height: 24px; - line-height: 24px; - - text-align: center; - color: white; - - border: 1px solid #c0c0c0; - background-color: #5569d0; -} -.tab-initial_setup .section a:hover { - background-color: #424d84; -} -.tab-initial_setup .section p { - margin-left: 180px; - - padding: 5px; - - border: 1px dotted silver; +.tab-initial_setup { } + .tab-initial_setup .section { + clear: both; + padding-bottom: 10px; + } + .tab-initial_setup .section a { + display: block; + + float: left; + + width: 160px; + height: 24px; + line-height: 24px; + + text-align: center; + color: white; + + border: 1px solid #c0c0c0; + background-color: #5569d0; + } + .tab-initial_setup .section a:hover { + background-color: #424d84; + } + .tab-initial_setup .section p { + margin-left: 180px; + + padding: 5px; + + border: 1px dotted silver; + } #interactive_block { - float: right; + float: left; margin-top: 10px; @@ -323,6 +325,31 @@ a:hover { -webkit-transform: rotateX(90deg) translateZ(100px); background-color: silver; } + .tab-initial_setup .GPS_info { + float: left; + display: block; + + margin-top: 10px; + margin-left: 20px; + + width: 145px; + + border: 1px solid silver; + } + .tab-initial_setup .GPS_info .head { + display: block; + + text-align: center; + line-height: 20px; + font-weight: bold; + + border-bottom: 1px solid silver; + background-color: #ececec; + } + .tab-initial_setup .GPS_info table { + padding: 5px; + line-height: 18px; + } .tab-pid_tuning table { width: 100%; border-collapse: collapse; diff --git a/js/main.js b/js/main.js index 79709d3b05..1754b56994 100644 --- a/js/main.js +++ b/js/main.js @@ -35,6 +35,7 @@ $(document).ready(function() { // temporary //$('#content').load("./tabs/sensors.html", tab_initialize_sensors); + //$('#content').load("./tabs/initial_setup.html", tab_initialize_initial_setup); }); function disable_timers() { diff --git a/js/serial_backend.js b/js/serial_backend.js index f883a063d9..e99f2d1b53 100644 --- a/js/serial_backend.js +++ b/js/serial_backend.js @@ -91,6 +91,18 @@ var SENSOR_DATA = { var MOTOR_DATA = new Array(8); var SERVO_DATA = new Array(8); +var GPS_DATA = { + fix: 0, + numSat: 0, + lat: 0, + lon: 0, + alt: 0, + speed: 0, + distanceToHome: 0, + ditectionToHome: 0, + update: 0 +}; + $(document).ready(function() { port_picker = $('div#port-picker .port select'); baud_picker = $('div#port-picker #baud'); @@ -433,10 +445,17 @@ function process_message(code, data) { RC.AUX4 = view.getUint16(14, 1); break; case MSP_codes.MSP_RAW_GPS: - console.log(data); + GPS_DATA.fix = view.getUint8(0); + GPS_DATA.numSat = view.getUint8(1); + GPS_DATA.lat = view.getUint32(2, 1); + GPS_DATA.lon = view.getUint32(6, 1); + GPS_DATA.alt = view.getUint16(10, 1); + GPS_DATA.speed = view.getUint16(12, 1); break; case MSP_codes.MSP_COMP_GPS: - console.log(data); + GPS_DATA.distanceToHome = view.getUint16(0, 1); + GPS_DATA.directionToHome = view.getUint16(2, 1); + GPS_DATA.update = view.getUint8(4); break; case MSP_codes.MSP_ATTITUDE: SENSOR_DATA.kinematicsX = view.getInt16(0, 1) / 10.0; diff --git a/tabs/initial_setup.html b/tabs/initial_setup.html index 499a527f49..4f70a4070b 100644 --- a/tabs/initial_setup.html +++ b/tabs/initial_setup.html @@ -34,5 +34,34 @@ - + +
Altitude: | +0 | +
Latitude: | +0 | +
Longitude: | +0 | +
Speed: | +0 | +
Sats: | +0 | +
Dist to Home: | +0 | +