Correct vertical position of map controls in small screen layout

[rails.git] / app / assets / javascripts / browse.js

diff --git a/app/assets/javascripts/browse.js b/app/assets/javascripts/browse.js
index 1db89ad0ad08ffe5ca7ad2c360b264fabba14467..c3d67e57e215be0c7017ddc65fdb0114863f95d1 100644 (file)
--- a/app/assets/javascripts/browse.js
+++ b/app/assets/javascripts/browse.js
@@ -1,9 +1,9 @@
 $(document).ready(function () {
 $(document).ready(function () {

-  function remoteEditHandler(event, bbox, select) {
-    var left = bbox.left - 0.0001;
-    var top = bbox.top + 0.0001;
-    var right = bbox.right + 0.0001;
-    var bottom = bbox.bottom - 0.0001;
+  function remoteEditHandler(bbox, select) {
+    var left = bbox.getWestLng() - 0.0001;
+    var top = bbox.getNorthLat() + 0.0001;
+    var right = bbox.getEastLng() + 0.0001;
+    var bottom = bbox.getSouthLat() - 0.0001;

     var loaded = false;
 
     $("#linkloader").load(function () { loaded = true; });
     var loaded = false;
 
     $("#linkloader").load(function () { loaded = true; });


@@ -22,59 +22,63 @@ $(document).ready(function () {
   }
 
   var map = createMap("small_map", {
   }
 
   var map = createMap("small_map", {

-    controls: [ new OpenLayers.Control.Navigation() ]
+    layerControl: false,
+    panZoomControl: false,
+    attributionControl: false

   });
 
   var params = $("#small_map").data();
   if (params.type == "changeset") {
   });
 
   var params = $("#small_map").data();
   if (params.type == "changeset") {

-    var bbox = new OpenLayers.Bounds(params.minlon, params.minlat, params.maxlon, params.maxlat);
-    var centre = bbox.getCenterLonLat();
+    var bbox = L.latLngBounds([params.minlat, params.minlon],
+                              [params.maxlat, params.maxlon]);

 
 

-    map.zoomToExtent(proj(bbox));
+    map.fitBounds(bbox);

     addBoxToMap(bbox);
 
     $("#loading").hide();
     $("#browse_map .geolink").show();
 
     addBoxToMap(bbox);
 
     $("#loading").hide();
     $("#browse_map .geolink").show();
 

-    $("a[data-editor=remote]").click(function (event) {
-      return remoteEditHandler(event, bbox);
+    $("a[data-editor=remote]").click(function () {
+      return remoteEditHandler(bbox);

     });
 
     });
 

-    updatelinks(centre.lon, centre.lat, 16, null, params.minlon, params.minlat, params.maxlon, params.maxlat);
+    var centre = bbox.getCenter();
+    updatelinks(centre.lng, centre.lat, 16, null, params.minlon, params.minlat, params.maxlon, params.maxlat);

   } else {
   } else {

-    var url = "/api/" + OSM.API_VERSION + "/" + params.type + "/" + params.id;
-
-    if (params.type != "node") {
-      url += "/full";
-    } else if (!params.visible) {
-      var previous_version = params.version - 1;
-      url += "/" + previous_version;
-    }
-

     $("#object_larger_map").hide();
     $("#object_edit").hide();
 
     $("#object_larger_map").hide();
     $("#object_edit").hide();
 

-    addObjectToMap(url, true, function(extent) {
+    var object = {type: params.type, id: params.id};
+
+    if (!params.visible) {
+      object.version = params.version - 1;
+    }
+
+    addObjectToMap(object, true, function(extent) {

       $("#loading").hide();
       $("#browse_map .geolink").show();
 
       if (extent) {
       $("#loading").hide();
       $("#browse_map .geolink").show();
 
       if (extent) {

-        extent.transform(map.getProjectionObject(), map.displayProjection);
-
-        var centre = extent.getCenterLonLat();
-
-        $("a.bbox[data-editor=remote]").click(function (event) {
-          return remoteEditHandler(event, extent);
+        $("a.bbox[data-editor=remote]").click(function () {
+          return remoteEditHandler(extent);

         });
 
         });
 

-        $("a.object[data-editor=remote]").click(function (event) {
-          return remoteEditHandler(event, extent, params.type + params.id);
+        $("a.object[data-editor=remote]").click(function () {
+          return remoteEditHandler(extent, params.type + params.id);

         });
 
         $("#object_larger_map").show();
         $("#object_edit").show();
 
         });
 
         $("#object_larger_map").show();
         $("#object_edit").show();
 

-        updatelinks(centre.lon, centre.lat, 16, null, extent.left, extent.bottom, extent.right, extent.top, params.type, params.id);
+        var centre = extent.getCenter();
+        updatelinks(centre.lng,
+                    centre.lat,
+                    16, null,
+                    extent.getWestLng(),
+                    extent.getSouthLat(),
+                    extent.getEastLng(),
+                    extent.getNorthLat(),
+                    object);

       } else {
         $("#small_map").hide();
       }
       } else {
         $("#small_map").hide();
       }