vadikas/SARBase
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

moved "save track" button to leaflet, fixed waypoint icons

Browse Source
This commit is contained in:
Vadim Likholetov 2023-11-30 22:44:08 +02:00
parent 4d31ae22ea
commit 2da7eeb71d
2 changed files with 35 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
sar_calls.py
View File

@ -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)

41
templates/sar_details.html
View File

@ -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>