Changeset d1c4782 in OpenWorkouts-current for ow/static/js/ow.js

Timestamp:

Jan 21, 2019, 10:43:20 AM (5 years ago)

Author:

borja <borja@…>

Branches:

current, feature/docs, master

Children:

be40b02

Parents:

ceae158

Message:

Show a capture of the workout map, as an image, in the dashboard:

• Added a view to render the tracking map of a workout full screen

• Added a small shell script that uses chrome to grabs a screenshot of the full screen map view of a workout, then uses imagemagick convert to crop/resize it and finally saves it in a given location

• Added a static/maps directory to store maps captures

• Added static/maps to the boring/ignore file

• Added a tool in utilities.py to call the shell script that captures the screenshot of the map

• Added a method to the Workout model, that returns the static path to the workout map capture (valid to use with request.static_url()). If there is no capture yet, call the tool to make one

• Added code to dashboard.pt to show the capture of the map

• Added a new parameter to te ow maps js code, allowing us to hide/show the zoom controls of the map when building a new one

File:

• ow/static/js/ow.js (modified) (2 diffs)

ow/static/js/ow.js

@@ -25 +25 @@
     var shadow = spec.shadow;
     var elevation = spec.elevation;
+    var zoom_control = spec.zoom_control;
 
     // OpenStreetMap urls and references
-    var openstreetmap_url = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'
-    var openstreetmap_attr = 'Map data &copy; <a href="http://www.osm.org">OpenStreetMap</a>'
+    var openstreetmap_url = 'http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
+    var openstreetmap_attr = 'Map data &copy; <a href="http://www.osm.org">OpenStreetMap</a>';
 
     // Some constants reused through the code
@@ -38 +39 @@
     var create_map = function create_map(latitude, longitude, zoom) {
         /* Create a Leaflet map, set center point and add tiles */
-        map = L.map(map_id, {preferCanvas: true});
+        map = L.map(map_id, {zoomControl: zoom_control});
         map.setView([latitude, longitude], zoom);
         var tile_layer = L.tileLayer(openstreetmap_url, {