From 2da7eeb71d36f9d3cdd962cbc9e00fb13326bd8f Mon Sep 17 00:00:00 2001
From: vadik likholetov <vadikas@gmail.com>
Date: Thu, 30 Nov 2023 22:44:08 +0200
Subject: [PATCH] moved "save track" button to leaflet, fixed waypoint icons

---
 sar_calls.py               |  1 -
 templates/sar_details.html | 41 ++++++++++++++++++++++++++++++++------
 2 files changed, 35 insertions(+), 7 deletions(-)

diff --git a/sar_calls.py b/sar_calls.py
index c801cf3..b0d0880 100644
--- a/sar_calls.py
+++ b/sar_calls.py
@@ -261,7 +261,6 @@ def save_track():
 
     db.session.add(new_comment)
     db.session.commit()
-    print ("new comment id={}", new_comment.id)
 
     # Create a new GPXTrack instance and save it to the database
     new_track = GPSTrack(comment_id=new_comment.id, sar_call_id=sar_id, file_name=track_name, gpx_data=track_data)
diff --git a/templates/sar_details.html b/templates/sar_details.html
index 74766e7..7b2d456 100644
--- a/templates/sar_details.html
+++ b/templates/sar_details.html
@@ -211,11 +211,11 @@
     </div>
 
 
-    <!-- Button to trigger the modal -->
-    <button id="save-track-button" type="button" class="btn btn-primary" data-toggle="modal"
-            data-target="#saveTrackModal">
-        Save Track
-    </button>
+    {#    <!-- Button to trigger the modal -->#}
+    {#    <button id="save-track-button" type="button" class="btn btn-primary" data-toggle="modal"#}
+    {#            data-target="#saveTrackModal">#}
+    {#        Save Track#}
+    {#    </button>#}
 
     <!-- The Modal -->
     <div class="modal fade" id="saveTrackModal" tabindex="-1" role="dialog" aria-labelledby="saveTrackModalLabel"
@@ -265,7 +265,10 @@
                         marker_options: {
                             startIconUrl: '/static/pin-icon-start.png',
                             endIconUrl: '/static/pin-icon-end.png',
-                            shadowUrl: '/static/pin-shadow.png'
+                            shadowUrl: '/static/pin-shadow.png',
+                            wptIconUrls: {
+                                '': '/static/pin-icon-wpt.png'
+                            }
                         }
                     }).on('loaded', function (e) {
                         map.fitBounds(e.target.getBounds());
@@ -321,6 +324,32 @@
             // You can use AJAX or any method you prefer for this part
         });
 
+        // Create a custom control for the "Save Track" button
+        var saveTrackControl = L.Control.extend({
+            options: {
+                position: 'bottomleft', // You can adjust the position as needed
+            },
+
+            onAdd: function (map) {
+                // Create a container div for the button
+                var container = L.DomUtil.create('div', 'leaflet-bar leaflet-control');
+
+                // Create the "Save Track" button and add it to the container
+                var button = L.DomUtil.create('a', 'leaflet-control-button', container);
+                button.innerHTML = '&#128190;'  //floppy disk icon :)
+
+                // Add a click event handler to the button
+                L.DomEvent.on(button, 'click', function () {
+                    // Open your modal dialog for saving the track here
+                    $('#saveTrackModal').modal('show');
+                });
+
+                return container;
+            },
+        });
+
+        // Add the custom control to your map
+        new saveTrackControl().addTo(map);
 
     </script>