Improve styling of notes popups

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

diff --git a/app/assets/javascripts/browse.js b/app/assets/javascripts/browse.js
index 424940130069b31a43755efff6b9c7f7591e04b3..08b35599163c731aec488d71f36344d0d8a6a024 100644 (file)
--- a/app/assets/javascripts/browse.js
+++ b/app/assets/javascripts/browse.js
@@ -1,26 +1,26 @@
-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;
-  var loaded = false;
+$(document).ready(function () {
+  function remoteEditHandler(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;
+    var loaded = false;
+
+    $("#linkloader").load(function () { loaded = true; });
+
+    if (select) {
+      $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom + "&select=" + select);
+    } else {
+      $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom);
+    }
 
-  $("#linkloader").load(function () { loaded = true; });
+    setTimeout(function () {
+      if (!loaded) alert(I18n.t('site.index.remote_failed'));
+    }, 1000);
 
-  if (select) {
-    $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom + "&select=" + select);
-  } else {
-    $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + left + "&top=" + top + "&right=" + right + "&bottom=" + bottom);
+    return false;
   }
 
-  setTimeout(function () {
-    if (!loaded) alert(I18n.t('site.index.remote_failed'));
-  }, 1000);
-
-  return false;
-}
-
-function init() {
   var map = createMap("small_map", {
     controls: [ new OpenLayers.Control.Navigation() ]
   });
@@ -36,45 +36,58 @@ function init() {
     $("#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);
-  } else {
-    var url = "/api/" + OSM.API_VERSION + "/" + params.type + "/" + params.id;
+  } else if (params.type == "note") {
+    var centre = new OpenLayers.LonLat(params.lon, params.lat);
 
-    if (params.type != "node") {
-      url += "/full";
-    } else if (!params.visible) {
-      var previous_version = params.version - 1;
-      url += "/" + previous_version;
-    }
+    setMapCenter(centre, 16);
+    addMarkerToMap(centre);
+
+    var bbox = getMapExtent();
 
+    $("#loading").hide();
+    $("#browse_map .geolink").show();
+
+    $("a[data-editor=remote]").click(function () {
+      return remoteEditHandler(bbox);
+    });
+
+    updatelinks(centre.lon, centre.lat, 16, null, bbox.left, bbox.bottom, bbox.right, bbox.top)
+  } else {
     $("#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) {
-        extent.transform(map.getProjectionObject(), map.displayProjection);
+        extent = unproj(extent);
 
         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();
 
-        updatelinks(centre.lon, centre.lat, 16, null, extent.left, extent.bottom, extent.right, extent.top, params.type, params.id);
+        updatelinks(centre.lon, centre.lat, 16, null, extent.left, extent.bottom, extent.right, extent.top, object);
       } else {
         $("#small_map").hide();
       }
@@ -83,6 +96,4 @@ function init() {
 
   createMenu("area_edit", "area_edit_menu", "right");
   createMenu("object_edit", "object_edit_menu", "right");
-}
-
-window.onload = init;
+});