Merge branch 'pull/4985'

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

diff --git a/app/assets/javascripts/id.js b/app/assets/javascripts/id.js
index fbe810d28922a7ec689ec23c1bc622686192eafa..15f77b1c14dda0d3542b40979d1987cdd8e13e98 100644 (file)
--- a/app/assets/javascripts/id.js
+++ b/app/assets/javascripts/id.js
@@ -2,57 +2,79 @@
 
 /* globals iD */
 
 
 /* globals iD */
 

-document.addEventListener("DOMContentLoaded", function() {
+document.addEventListener("DOMContentLoaded", function () {

   var container = document.getElementById("id-container");
 
   var container = document.getElementById("id-container");
 

-  if (typeof iD === "undefined" || !iD.Detect().support) {
+  if (typeof iD === "undefined" || !iD.utilDetect().support) {

     container.innerHTML = "This editor is supported " +
     container.innerHTML = "This editor is supported " +

-      "in Firefox, Chrome, Safari, Opera, Edge, and Internet Explorer 11. " +
-      "Please upgrade your browser or use Potlatch 2 to edit the map.";
+      "in Firefox, Chrome, Safari, Opera and Edge. " +
+      "Please upgrade your browser or use JOSM to edit the map.";

     container.className = "unsupported";
   } else {
     container.className = "unsupported";
   } else {

-    var id = iD.Context()
+    var idContext = iD.coreContext();
+    idContext.connection().apiConnections([]);
+    var url = location.protocol + "//" + location.host;
+    idContext.preauth({
+      url: url,
+      apiUrl: url === "https://www.openstreetmap.org" ? "https://api.openstreetmap.org" : url,
+      access_token: container.dataset.token
+    });
+
+    var id = idContext

       .embed(true)
       .assetPath("iD/")
       .assetMap(JSON.parse(container.dataset.assetMap))
       .embed(true)
       .assetPath("iD/")
       .assetMap(JSON.parse(container.dataset.assetMap))

-      .locale(container.dataset.locale, container.dataset.localePath)
-      .preauth({
-        urlroot: location.protocol + "//" + location.host,
-        oauth_consumer_key: container.dataset.consumerKey,
-        oauth_secret: container.dataset.consumerSecret,
-        oauth_token: container.dataset.token,
-        oauth_token_secret: container.dataset.tokenSecret
-      });
-
-    id.map().on("move.embed", parent.$.throttle(250, function() {
+      .locale(container.dataset.locale)
+      .containerNode(container)
+      .init();
+
+    if (parent === window) {
+      // iD not opened in an iframe -> skip setting of parent  handlers
+      return;
+    }
+
+    var hashChangedAutomatically = false;
+    id.map().on("move.embed", parent.$.throttle(250, function () {

       if (id.inIntro()) return;
       var zoom = ~~id.map().zoom(),
       if (id.inIntro()) return;
       var zoom = ~~id.map().zoom(),

-        center = id.map().center(),
-        llz = { lon: center[0], lat: center[1], zoom: zoom };
+          center = id.map().center(),
+          llz = { lon: center[0], lat: center[1], zoom: zoom };

 
       parent.updateLinks(llz, zoom);
 
       // Manually resolve URL to avoid iframe JS context weirdness.
 
       parent.updateLinks(llz, zoom);
 
       // Manually resolve URL to avoid iframe JS context weirdness.

-      // http://bl.ocks.org/jfirebaugh/5439412
+      // https://gist.github.com/jfirebaugh/5439412

       var hash = parent.OSM.formatHash(llz);
       if (hash !== parent.location.hash) {
       var hash = parent.OSM.formatHash(llz);
       if (hash !== parent.location.hash) {

+        hashChangedAutomatically = true;

         parent.location.replace(parent.location.href.replace(/(#.*|$)/, hash));
       }
     }));
 
         parent.location.replace(parent.location.href.replace(/(#.*|$)/, hash));
       }
     }));
 

-    parent.$("body").on("click", "a.set_position", function (e) {
-      e.preventDefault();
-      var data = parent.$(this).data();
-
+    function goToLocation(data) {

       // 0ms timeout to avoid iframe JS context weirdness.
       // 0ms timeout to avoid iframe JS context weirdness.

-      // http://bl.ocks.org/jfirebaugh/5439412
-      setTimeout(function() {
+      // https://gist.github.com/jfirebaugh/5439412
+      setTimeout(function () {

         id.map().centerZoom(
           [data.lon, data.lat],
           Math.max(data.zoom || 15, 13));
       }, 0);
         id.map().centerZoom(
           [data.lon, data.lat],
           Math.max(data.zoom || 15, 13));
       }, 0);

+    }
+
+    parent.$("body").on("click", "a.set_position", function (e) {
+      e.preventDefault();
+      var data = parent.$(this).data();
+      goToLocation(data);

     });
 
     });
 

-    id.ui()(container);
+    parent.addEventListener("hashchange", function (e) {
+      if (hashChangedAutomatically) {
+        hashChangedAutomatically = false;
+        return;
+      }
+      e.preventDefault();
+      var data = parent.OSM.mapParams();
+      goToLocation(data);
+    });

   }
 });
   }
 });