]> git.openstreetmap.org Git - rails.git/blobdiff - app/views/site/id.html.erb
Update to iD v2.0.0
[rails.git] / app / views / site / id.html.erb
index fa47bb00ce69a59c6fa24320cbaf941a6485e8d3..d1ac6b02f8342ae20a920e605d749b85349fd997 100644 (file)
@@ -2,30 +2,30 @@
 <html>
 <head>
   <meta charset='utf-8'>
-  <%= stylesheet_link_tag 'iD' %>
+  <%= stylesheet_link_tag 'id' %>
   <!--[if !IE || gte IE 9]><!-->
-  <%= javascript_include_tag 'iD' %>
+  <%= javascript_include_tag 'id' %>
   <!-- <![endif]-->
 </head>
 <body>
 <div id='id-container'></div>
 <script>
-  if (typeof iD == 'undefined') {
+  if (typeof iD == 'undefined' || !iD.Detect().support) {
     document.getElementById('id-container').innerHTML = 'This editor is supported ' +
-      'in Firefox, Chrome, Safari, Opera, and Internet Explorer 9 and above. ' +
+      'in Firefox, Chrome, Safari, Opera, Edge, and Internet Explorer 11. ' +
       'Please upgrade your browser or use Potlatch 2 to edit the map.';
     document.getElementById('id-container').className = 'unsupported';
   } else {
-    <% locale = select_locale(ID::LOCALES).to_s %>
+    <% locale = ID::LOCALES.preferred(preferred_languages).to_s %>
 
-    var id = iD()
+    var id = iD.Context()
       .embed(true)
-      .assetPath("/iD/") <%# Can't use asset_path('iD/') in production. %>
+      .assetPath("iD/")
       .assetMap(<%= assets("iD").to_json.html_safe %>)
       .locale("<%= locale %>", "<%= asset_path("iD/locales/#{locale}.json") %>")
       .preauth({
         <% token = @user.access_token(ID_KEY) %>
-        url: "<%= request.protocol + request.host_with_port %>",
+        urlroot: "<%= request.protocol + request.host_with_port %>",
         oauth_consumer_key: "<%= token.client_application.key %>",
         oauth_secret: "<%= token.client_application.secret %>",
         oauth_token: "<%= token.token %>",
       });
 
     id.map().on('move.embed', parent.$.throttle(250, function() {
+      if (id.inIntro()) return;
       var zoom = ~~id.map().zoom(),
         center = id.map().center(),
         llz = { lon: center[0], lat: center[1], zoom: zoom };
 
-      parent.updatelinks(llz, zoom);
+      parent.updateLinks(llz, zoom);
 
       // Manually resolve URL to avoid iframe JS context weirdness.
       // http://bl.ocks.org/jfirebaugh/5439412
@@ -60,8 +61,7 @@
       }, 0);
     });
 
-    d3.select('#id-container')
-      .call(id.ui());
+    id.ui()(document.getElementById("id-container"));
   }
 </script>
 </body>