Rename the ugly "id_iframe" to just plain "id"
[rails.git] / app / views / site / id.html.erb
1 <!DOCTYPE html>
2 <html>
3 <head>
4   <meta charset='utf-8'>
5   <%= stylesheet_link_tag 'iD' %>
6   <!--[if !IE || gte IE 9]><!-->
7   <%= javascript_include_tag 'iD' %>
8   <!-- <![endif]-->
9 </head>
10 <body>
11 <div id='id-container'></div>
12 <script>
13   if (typeof iD == 'undefined') {
14     document.getElementById('id-container').innerHTML = 'This editor is supported ' +
15       'in Firefox, Chrome, Safari, Opera, and Internet Explorer 9 and above. ' +
16       'Please upgrade your browser or use Potlatch 2 to edit the map.';
17     document.getElementById('id-container').className = 'unsupported';
18   } else {
19     <% locale = request.compatible_language_from(ID::LOCALES) || "en" %>
20
21     var id = iD()
22       .embed(true)
23       .assetPath("/assets/iD/") <%# Can't use asset_path('iD/') in production. %>
24       .locale("<%= locale %>", "<%= asset_path("iD/locales/#{locale}.json") %>")
25       .preauth({
26         <% token = @user.access_token(ID_KEY) %>
27         url: "<%= request.protocol + request.host_with_port %>",
28         oauth_consumer_key: "<%= token.client_application.key %>",
29         oauth_secret: "<%= token.client_application.secret %>",
30         oauth_token: "<%= token.token %>",
31         oauth_token_secret: "<%= token.secret %>"
32       });
33
34     id.map().on('move.embed', function() {
35       var extent = id.map().extent(),
36           zoom = ~~id.map().zoom(),
37           center = id.map().center();
38
39       parent.updatelinks(
40         center[0],
41         center[1],
42         zoom,
43         null,
44         extent[0][0],
45         extent[0][1],
46         extent[1][0],
47         extent[1][1]);
48     });
49
50     parent.$("body").on("click", "a.set_position", function (e) {
51       e.preventDefault();
52       var data = parent.$(this).data();
53
54       // 0ms timeout to avoid iframe JS context weirdness.
55       // http://bl.ocks.org/jfirebaugh/5439412
56       setTimeout(function() {
57         id.map().centerZoom(
58           [data.lon, data.lat],
59           Math.max(data.zoom || 15, 13));
60       }, 0);
61     });
62
63     var maximized = false;
64     id.on('toggleFullscreen.embed', function() {
65       if (maximized) {
66         parent.minimiseMap();
67       } else {
68         parent.maximiseMap();
69       }
70       maximized = !maximized;
71     });
72
73     d3.select('#id-container')
74       .call(id.ui());
75   }
76 </script>
77 </body>
78 </html>