From 711cccdc3c32f00cddc21470c42c91f71a868959 Mon Sep 17 00:00:00 2001
From: Mark Jessop <vk5qi@rfhead.net>
Date: Thu, 26 Jul 2018 21:30:07 +0930
Subject: [PATCH] Rotate chase car marker based on heading. Allow enlarging of
 summary data with a tap/click.

---
 horusmapper.py               |   7 +++++--
 static/css/chasemapper.css   |   4 ++++
 static/img/car-blue-flip.png | Bin 0 -> 11255 bytes
 static/js/tables.js          |  23 ++++++++++++++++++++-
 static/js/utils.js           |   6 ++++++
 templates/index.html         |  38 +++++++++++++++++++++++++++--------
 6 files changed, 67 insertions(+), 11 deletions(-)
 create mode 100644 static/img/car-blue-flip.png

diff --git a/horusmapper.py b/horusmapper.py
index 0a29538..5caaaf3 100644
--- a/horusmapper.py
+++ b/horusmapper.py
@@ -461,7 +461,7 @@ def udp_listener_summary_callback(data):
     output['lat'] = data['latitude']
     output['lon'] = data['longitude']
     output['alt'] = data['altitude']
-    output['callsign'] = "Payload" #  data['callsign'] # Quick hack to limit to a single balloon
+    output['callsign'] = data['callsign']
 
     # Process the 'short time' value if we have been provided it.
     if 'time' in data.keys():
@@ -476,6 +476,8 @@ def udp_listener_summary_callback(data):
 
 def udp_listener_car_callback(data):
     ''' Handle car position data '''
+    # TODO: Make a generic car position function, and have this function pass data into it
+    # so we can add support for other chase car position inputs.
     global car_track
     logging.debug("Car Position:" + str(data))
     _lat = data['latitude']
@@ -496,9 +498,10 @@ def udp_listener_car_callback(data):
 
     _state = car_track.get_latest_state()
     _heading = _state['heading']
+    _speed = _state['speed']
 
     # Push the new car position to the web client
-    flask_emit_event('telemetry_event', {'callsign': 'CAR', 'position':[_lat,_lon,_alt], 'vel_v':0.0, 'heading': _heading})
+    flask_emit_event('telemetry_event', {'callsign': 'CAR', 'position':[_lat,_lon,_alt], 'vel_v':0.0, 'heading': _heading, 'speed':_speed})
 
 
 # Add other listeners here...
diff --git a/static/css/chasemapper.css b/static/css/chasemapper.css
index 7fe6266..903bf6b 100644
--- a/static/css/chasemapper.css
+++ b/static/css/chasemapper.css
@@ -74,6 +74,10 @@ html, body, #map {
 	font-size:1.5em;
 }
 
+.largeTableRow {
+	font-size:200%;
+}
+
 #followPayloadButton {
 	width:45px;
 	height:45px;
diff --git a/static/img/car-blue-flip.png b/static/img/car-blue-flip.png
new file mode 100644
index 0000000000000000000000000000000000000000..25f369cf4f5eb276a433a67d2f240bdc7b39c85f
GIT binary patch
literal 11255
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

literal 0
HcmV?d00001

diff --git a/static/js/tables.js b/static/js/tables.js
index 435a167..78ee194 100644
--- a/static/js/tables.js
+++ b/static/js/tables.js
@@ -1,6 +1,20 @@
 //
 //
 
+// Allow for the summary window to be expanded with a tap.
+var summary_enlarged = false;
+
+function toggleSummarySize(){
+    var row = $("#summary_table").tabulator("getRow", 1);
+    if(summary_enlarged == false){
+        row.getElement().addClass("largeTableRow");
+        summary_enlarged = true;
+    }else{
+        row.getElement().removeClass("largeTableRow");
+        summary_enlarged = false;
+    }
+    $("#summary_table").tabulator("redraw", true);
+}
 
 // Initialise tables
 function initTables(){
@@ -29,13 +43,20 @@ function initTables(){
             {title:"Elevation", field:"elevation", headerSort:false},
             {title:"Range", field:"range", headerSort:false},
         ],
-        data:[{alt:'-----m', speed:'---kph', vel_v:'-.-m/s', azimuth:'---°', elevation:'--°', range:'----m'}]
+        data:[{id: 1, alt:'-----m', speed:'---kph', vel_v:'-.-m/s', azimuth:'---°', elevation:'--°', range:'----m'}],
+        rowClick:function(e, row){
+            toggleSummarySize();
+        },
+        rowTap:function(e, row){
+            toggleSummarySize();
+        }
     });
 
     //var dummy_data = {alt:'-----m', speed:'---kph', vel_v:'-.-m/s', azimuth:'---°', elev:'--°', range:'----m'};
     //$("#summary_table").tabulator("setData", dummy_data);
 }
 
+
 function updateTelemetryTable(){
     var telem_data = [];
 
diff --git a/static/js/utils.js b/static/js/utils.js
index a1091ea..f14496a 100644
--- a/static/js/utils.js
+++ b/static/js/utils.js
@@ -54,6 +54,12 @@ var carIcon = L.icon({
     iconAnchor: [27,12] // Revisit this
 });
 
+var carIconFlip = L.icon({
+    iconUrl: "/static/img/car-blue-flip.png",
+    iconSize: [55,25],
+    iconAnchor: [27,12] // Revisit this
+});
+
 
 // calculates look angles between two points
 // format of a and b should be {lon: 0, lat: 0, alt: 0}
diff --git a/templates/index.html b/templates/index.html
index 8c96be7..203f507 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -18,18 +18,20 @@
     <script src="{{ url_for('static', filename='js/jquery-ui.min.js')}}"></script>
     <script src="{{ url_for('static', filename='js/socket.io-1.4.5.js') }}"></script>
     <script src="{{ url_for('static', filename='js/leaflet.js') }}"></script>
+    <!-- Leaflet plugins... -->
+    <script src="{{ url_for('static', filename='js/leaflet.rotatedMarker.js') }}"></script>
     <script src="{{ url_for('static', filename='js/leaflet-control-topcenter.js') }}"></script>
     <script src="{{ url_for('static', filename='js/leaflet-sidebar.min.js') }}"></script>
     <script src="{{ url_for('static', filename='js/Leaflet.Control.Custom.js') }}"></script>
     <script src="{{ url_for('static', filename='js/easy-button.js') }}"></script>
 
     <script src="{{ url_for('static', filename='js/tabulator.min.js') }}"></script>
+
+    <!-- Custom scripts -->
     <script src="{{ url_for('static', filename='js/utils.js') }}"></script>
     <script src="{{ url_for('static', filename='js/tables.js') }}"></script>
     <script src="{{ url_for('static', filename='js/config.js') }}"></script>
 
-    <!-- Leaflet plugins... -->
-    <script src="{{ url_for('static', filename='js/leaflet.rotatedMarker.js') }}"></script>
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
 
@@ -304,7 +306,8 @@
                 balloon_positions[callsign] = {
                     latest_data: telem,
                     age: 0,
-                    colour: colour_values[colour_idx]
+                    colour: colour_values[colour_idx],
+                    visible: true
                 };
                 // Balloon Path
                 balloon_positions[callsign].path = L.polyline(data.path,{title:callsign + " Path", color:balloon_positions[callsign].colour}).addTo(map);
@@ -399,7 +402,7 @@
 
             function updateSummaryDisplay(){
                 // Update the 'Payload Summary' display.
-                var _summary_update = {};
+                var _summary_update = {id:1};
                 // See if there is any payload data.
                 if (balloon_positions.hasOwnProperty(balloon_currently_following) == true){
                     // There is balloon data!
@@ -430,10 +433,16 @@
 
                 }else{
                     // No balloon data!
-                    _summary_update = {alt:'-----m', speed:'---kph', vel_v:'-.-m/s', azimuth:'---°', elevation:'--°', range:'----m'}
+                    _summary_update = {id: 1, alt:'-----m', speed:'---kph', vel_v:'-.-m/s', azimuth:'---°', elevation:'--°', range:'----m'}
                 }
                 // Update table
                 $("#summary_table").tabulator("setData", [_summary_update]);
+                if (summary_enlarged == true){
+                    var row = $("#summary_table").tabulator("getRow", 1);
+                    row.getElement().addClass("largeTableRow");
+                    $("#summary_table").tabulator("redraw", true);
+                }
+
             }
 
 
@@ -457,11 +466,12 @@
                 if (data.callsign == 'CAR'){
                     // Update car position.
                     chase_car_position.latest_data = data.position;
-                    chase_car_position.heading = data.heading;
+                    chase_car_position.heading = data.heading; // degrees true
+                    chase_car_position.speed = data.speed; // m/s
                     // TODO: Update car marker.
                     if (chase_car_position.marker == 'NONE'){
                         // Create marker!
-                        chase_car_position.marker = L.marker(chase_car_position.latest_data,{title:"Chase Car", icon: carIcon})
+                        chase_car_position.marker = L.marker(chase_car_position.latest_data,{title:"Chase Car", icon: carIcon, rotationOrigin: "center center"})
                                 .addTo(map);
                         chase_car_position.path = L.polyline([chase_car_position.latest_data],{title:"Chase Car", color:'black', weight:1.5});
                         // If the user wants the chase car tail, add it to the map.
@@ -470,7 +480,19 @@
                         }
                     } else {
                         chase_car_position.marker.setLatLng(chase_car_position.latest_data).update();
-                        // TODO: Rotate chase car with direction of travel.
+                    }
+                    // Rotate car icon based on heading, but only if we're going faster than 20kph (5.5m/s).
+                    if(chase_car_position.speed > 5.5){ // TODO: Remove magic number!
+                        var _car_heading = chase_car_position.heading - 90.0;
+                        if (_car_heading<=90.0){
+                            chase_car_position.marker.setIcon(carIcon);
+                            chase_car_position.marker.setRotationAngle(_car_heading);
+                        }else{
+                            // We are travelling West - we need to use the flipped car icon.
+                            _car_heading = _car_heading - 180.0;
+                            chase_car_position.marker.setIcon(carIconFlip);
+                            chase_car_position.marker.setRotationAngle(_car_heading);
+                        }
                     }
                     car_data_age = 0.0;
                 }else{