]> git.openstreetmap.org Git - rails.git/blobdiff - app/assets/javascripts/index/contextmenu.js
Use bootstrap table striping to replace hand-cycled table stripes
[rails.git] / app / assets / javascripts / index / contextmenu.js
index f9f49db15c736186f31be61c36bba57138bac1f8..fdde8dec470d7e487f2f0cf05ee81661c61f67d3 100644 (file)
@@ -1,6 +1,10 @@
+//= require querystring
+
 OSM.initializeContextMenu = function (map) {
 OSM.initializeContextMenu = function (map) {
+  var querystring = require("querystring-component");
+
   map.contextmenu.addItem({
   map.contextmenu.addItem({
-    text: "Directions from here",
+    text: I18n.t("javascripts.context.directions_from"),
     callback: function directionsFromHere(e) {
       var precision = OSM.zoomPrecision(map.getZoom()),
           latlng = e.latlng.wrap(),
     callback: function directionsFromHere(e) {
       var precision = OSM.zoomPrecision(map.getZoom()),
           latlng = e.latlng.wrap(),
@@ -8,13 +12,14 @@ OSM.initializeContextMenu = function (map) {
           lng = latlng.lng.toFixed(precision);
 
       OSM.router.route("/directions?" + querystring.stringify({
           lng = latlng.lng.toFixed(precision);
 
       OSM.router.route("/directions?" + querystring.stringify({
-        route: lat + "," + lng + ";" + $("#route_to").val()
+        from: lat + "," + lng,
+        to: $("#route_to").val()
       }));
     }
   });
 
   map.contextmenu.addItem({
       }));
     }
   });
 
   map.contextmenu.addItem({
-    text: "Directions to here",
+    text: I18n.t("javascripts.context.directions_to"),
     callback: function directionsToHere(e) {
       var precision = OSM.zoomPrecision(map.getZoom()),
           latlng = e.latlng.wrap(),
     callback: function directionsToHere(e) {
       var precision = OSM.zoomPrecision(map.getZoom()),
           latlng = e.latlng.wrap(),
@@ -22,34 +27,38 @@ OSM.initializeContextMenu = function (map) {
           lng = latlng.lng.toFixed(precision);
 
       OSM.router.route("/directions?" + querystring.stringify({
           lng = latlng.lng.toFixed(precision);
 
       OSM.router.route("/directions?" + querystring.stringify({
-        route: $("#route_from").val() + ";" + lat + "," + lng
+        from: $("#route_from").val(),
+        to: lat + "," + lng
       }));
     }
   });
 
   map.contextmenu.addItem({
       }));
     }
   });
 
   map.contextmenu.addItem({
-    text: "Add a note here",
+    text: I18n.t("javascripts.context.add_note"),
     callback: function addNoteHere(e) {
     callback: function addNoteHere(e) {
-      // I'd like this, instead of panning, to pass a query parameter about where to place the marker
-      map.panTo(e.latlng.wrap(), {animate: false});
-      OSM.router.route("/note/new");
+      var precision = OSM.zoomPrecision(map.getZoom()),
+          latlng = e.latlng.wrap(),
+          lat = latlng.lat.toFixed(precision),
+          lng = latlng.lng.toFixed(precision);
+
+      OSM.router.route("/note/new?lat=" + lat + "&lon=" + lng);
     }
   });
 
   map.contextmenu.addItem({
     }
   });
 
   map.contextmenu.addItem({
-    text: "Show address",
+    text: I18n.t("javascripts.context.show_address"),
     callback: function describeLocation(e) {
       var precision = OSM.zoomPrecision(map.getZoom()),
           latlng = e.latlng.wrap(),
           lat = latlng.lat.toFixed(precision),
           lng = latlng.lng.toFixed(precision);
 
     callback: function describeLocation(e) {
       var precision = OSM.zoomPrecision(map.getZoom()),
           latlng = e.latlng.wrap(),
           lat = latlng.lat.toFixed(precision),
           lng = latlng.lng.toFixed(precision);
 
-      OSM.router.route("/search?query=" + encodeURIComponent(lat + "," + lng));
+      OSM.router.route("/search?whereami=1&query=" + encodeURIComponent(lat + "," + lng));
     }
   });
 
   map.contextmenu.addItem({
     }
   });
 
   map.contextmenu.addItem({
-    text: "Query features",
+    text: I18n.t("javascripts.context.query_features"),
     callback: function queryFeatures(e) {
       var precision = OSM.zoomPrecision(map.getZoom()),
           latlng = e.latlng.wrap(),
     callback: function queryFeatures(e) {
       var precision = OSM.zoomPrecision(map.getZoom()),
           latlng = e.latlng.wrap(),
@@ -61,19 +70,18 @@ OSM.initializeContextMenu = function (map) {
   });
 
   map.contextmenu.addItem({
   });
 
   map.contextmenu.addItem({
-    text: "Centre map here",
+    text: I18n.t("javascripts.context.centre_map"),
     callback: function centreMap(e) {
       map.panTo(e.latlng);
     }
   });
 
   map.on("mousedown", function (e) {
     callback: function centreMap(e) {
       map.panTo(e.latlng);
     }
   });
 
   map.on("mousedown", function (e) {
-    if (e.shiftKey) map.contextmenu.disable();
-  }).on("mouseup", function () {
-    map.contextmenu.enable();
+    if (e.originalEvent.shiftKey) map.contextmenu.disable();
+    else map.contextmenu.enable();
   });
 
   });
 
-  var updateMenu = function updateMenu () {
+  var updateMenu = function updateMenu() {
     map.contextmenu.setDisabled(2, map.getZoom() < 12);
     map.contextmenu.setDisabled(4, map.getZoom() < 14);
   };
     map.contextmenu.setDisabled(2, map.getZoom() < 12);
     map.contextmenu.setDisabled(4, map.getZoom() < 14);
   };