]> git.openstreetmap.org Git - rails.git/blob - app/views/site/index.html.erb
Fix javascript
[rails.git] / app / views / site / index.html.erb
1 <% if @user and !@user.home_lon.nil? and !@user.home_lat.nil? %>
2   <% content_for :greeting do %>
3     <%= link_to_function t('layouts.home'), "setPosition(#{@user.home_lat}, #{@user.home_lon}, 15)", { :title => t('layouts.home_tooltip') } %> |
4   <% end %>
5 <% end %>
6
7 <%= render :partial => 'sidebar', :locals => { :onopen => "resizeMap();", :onclose => "resizeMap();" } %>
8 <%= render :partial => 'key' %>
9 <%= render :partial => 'search' %>
10
11 <noscript>
12   <div id="noscript">
13     <p><%= t 'site.index.js_1' %></p>
14     <p><%= t 'site.index.js_2' %></p>
15     <p><%= t 'site.index.js_3' %></p>
16   </div>
17 </noscript>
18
19 <div id="map">
20   <div id="permalink">
21     <a href="/" id="permalinkanchor" class="geolink llz layers object"><%= t 'site.index.permalink' %></a><br/>
22     <a href="/" id="shortlinkanchor"><%= t 'site.index.shortlink' %></a>
23   </div>
24 </div>
25
26 <iframe id="linkloader" style="display: none">
27 </iframe>
28
29 <div id="attribution">
30   <table width="100%">
31     <tr>
32       <td class="attribution_license"><%= t'site.index.license.license_url' %></td>
33       <td class="attribution_project"><%= t'site.index.license.project_url' %></td>
34     </tr>
35     <tr>
36       <td colspan="2" class="attribution_notice"><%=
37         t'site.index.license.notice',
38           :license_name => t('site.index.license.license_name'),
39           :project_name => t('site.index.license.project_name')
40         %></td>
41     </tr>
42   </table>
43 </div>
44
45 <%
46 if params[:mlon] and params[:mlat]
47     marker = true
48     mlon = params[:mlon].to_f
49     mlat = params[:mlat].to_f
50 end
51
52 if params[:node] or params[:way] or params[:relation]
53     object = true
54     object_zoom = true
55
56     if params[:node]
57         object_type = 'node'
58         object_id = params[:node].to_i
59     elsif params[:way]
60         object_type = 'way'
61         object_id = params[:way].to_i
62     elsif params[:relation]
63         object_type = 'relation'
64         object_id = params[:relation].to_i
65     end
66 end
67
68 # Decide on a lat lon to initialise the map with. Various ways of doing this
69 if params[:bbox]
70     bbox = true
71     minlon, minlat, maxlon, maxlat = params[:bbox].split(",").collect { |c| c.to_f }
72     layers = params[:layers]
73     box = true if params[:box] == "yes"
74     object_zoom = false
75 elsif params[:minlon] and params[:minlat] and params[:maxlon] and params[:maxlat]
76     bbox = true
77     minlon = params[:minlon].to_f
78     minlat = params[:minlat].to_f
79     maxlon = params[:maxlon].to_f
80     maxlat = params[:maxlat].to_f
81     layers = params[:layers]
82     box = true if params[:box]=="yes"
83     object_zoom = false
84 elsif params[:lon] and params[:lat]
85     lon =  params[:lon].to_f
86     lat =  params[:lat].to_f
87     zoom =  params.fetch(:zoom, 5).to_i
88     layers = params[:layers]
89     object_zoom = false
90 elsif params[:mlon] and params[:mlat]
91     lon = params[:mlon].to_f
92     lat = params[:mlat].to_f
93     zoom =  params.fetch(:zoom, 12).to_i
94     layers = params[:layers]
95     object_zoom = false
96 elsif cookies.key?("_osm_location")
97     lon,lat,zoom,layers = cookies["_osm_location"].split("|")
98 elsif @user and !@user.home_lon.nil? and !@user.home_lat.nil?
99     lon =  @user.home_lon
100     lat =  @user.home_lat
101     zoom = 10
102 else
103     unless STATUS == :database_readonly or STATUS == :database_offline
104       session[:location] = OSM::IPLocation(request.env['REMOTE_ADDR']) unless session[:location]
105     end
106
107     if session[:location]
108         bbox = true
109         minlon = session[:location][:minlon]
110         minlat = session[:location][:minlat]
111         maxlon = session[:location][:maxlon]
112         maxlat = session[:location][:maxlat]
113     else
114         lon =  -0.1
115         lat =  51.5
116         zoom =  params.fetch(:zoom, 5).to_i
117     end
118
119     layers = params[:layers]
120 end
121 %>
122
123 <%= javascript_include_tag '/openlayers/OpenLayers.js' %>
124 <%= javascript_include_tag '/openlayers/OpenStreetMap.js' %>
125 <%= javascript_include_tag 'map.js' %>
126
127 <%= render :partial => 'resize' %>
128
129 <script type="text/javascript">
130   var marker;
131   var map;
132
133   OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
134
135   function mapInit(){
136     map = createMap("map");
137
138     <% unless STATUS == :api_offline or STATUS == :database_offline %>
139       map.dataLayer = new OpenLayers.Layer("<%= I18n.t 'browse.start_rjs.data_layer_name' %>", { "visibility": false });
140       map.dataLayer.events.register("visibilitychanged", map.dataLayer, toggleData);
141       map.addLayer(map.dataLayer);
142     <% end %>
143
144     <% unless object_zoom %>
145       <% if bbox %>
146         var bbox = new OpenLayers.Bounds(<%= minlon %>, <%= minlat %>, <%= maxlon %>, <%= maxlat %>);
147
148         setMapExtent(bbox);
149
150         <% if box %>
151           Event.observe(window, "load", function() { addBoxToMap(bbox) });
152         <% end %>
153       <% else %>
154         var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
155         var zoom = <%= zoom %>;
156
157         <% if params[:scale] and params[:scale].length > 0 then %>
158           zoom = scaleToZoom(<%= params[:scale].to_f %>);
159         <% end %>
160
161         setMapCenter(centre, zoom);
162       <% end %>
163     <% end %>
164
165     <% if !layers.nil? and !layers.empty? %>
166       setMapLayers("<%= layers %>");
167     <% end %>
168
169     <% if marker %>
170       marker = addMarkerToMap(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>));
171     <% end %>
172
173     <% if object %>
174       var url = "/api/<%= "#{API_VERSION}" %>/<%= object_type %>/<%= object_id %>";
175
176       <% if object_type != "node" %>
177         url += "/full";
178       <% end %>
179
180       Event.observe(window, "load", function() { addObjectToMap(url, <%= object_zoom %>) });
181     <% end %>
182
183     map.events.register("moveend", map, updateLocation);
184     map.events.register("changelayer", map, updateLocation);
185
186     updateLocation();
187     handleResize();
188   }
189
190   function toggleData() {
191     if (map.dataLayer.visibility) {
192       <%= remote_function :url => { :controller => 'browse', :action => 'start' } %>
193     } else if (map.dataLayer.active) {
194       closeSidebar();
195     }
196   }
197
198   function getPosition() {
199     return getMapCenter();
200   }
201
202   function getZoom() {
203     return getMapZoom();
204   }
205
206   function setPosition(lat, lon, zoom, min_lon, min_lat, max_lon, max_lat) {
207     var centre = new OpenLayers.LonLat(lon, lat);
208
209     if (min_lon && min_lat && max_lon && max_lat) {
210       var bbox = new OpenLayers.Bounds(min_lon, min_lat, max_lon, max_lat);
211
212       setMapExtent(bbox);
213     } else {
214       setMapCenter(centre, zoom);
215     }
216
217     if (marker)
218       removeMarkerFromMap(marker);
219
220     marker = addMarkerToMap(centre, getArrowIcon());
221   }
222
223   function updateLocation() {
224     var lonlat = getMapCenter();
225     var zoom = map.getZoom();
226     var layers = getMapLayers();
227     var extents = getMapExtent();
228     var expiry = new Date();
229     var objtype;
230     var objid;
231
232     <% if object %>
233       objtype = "<%= object_type %>";
234       objid = <%= object_id %>;
235     <% end %>
236
237     updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, objtype, objid);
238
239     expiry.setYear(expiry.getFullYear() + 10);
240     document.cookie = "_osm_location=" + lonlat.lon + "|" + lonlat.lat + "|" + zoom + "|" + layers + "; expires=" + expiry.toGMTString();
241   }
242
243   function remoteEditHandler(event) {
244     var extent = getMapExtent();
245     var loaded = false;
246
247     $("linkloader").observe("load", function () { loaded = true; });
248     $("linkloader").src = "http://127.0.0.1:8111/load_and_zoom?left=" + extent.left + "&top=" + extent.top + "&right=" + extent.right + "&bottom=" + extent.bottom;
249
250     setTimeout(function () {
251       if (!loaded) alert("<%= escape_javascript(t('site.index.remote_failed')) %>");
252     }, 1000);
253
254     event.stop();
255   }
256
257   function installEditHandler() {
258     $("remoteanchor").observe("click", remoteEditHandler);
259
260     <% if preferred_editor == "remote" %>
261       $("editanchor").observe("click", remoteEditHandler);
262
263       <% if params[:action] == "edit" %>
264         remoteEditHandler();
265       <% end %>
266     <% end %>
267   }
268
269   document.observe("dom:loaded", mapInit);
270   document.observe("dom:loaded", installEditHandler);
271   document.observe("dom:loaded", handleResize);
272
273   Event.observe(window, "resize", function() {
274     var centre = map.getCenter();
275     var zoom = map.getZoom();
276
277     handleResize();
278
279     map.setCenter(centre, zoom);
280   });
281
282   document.observe("dom:loaded", function () {
283     $("exportanchor").observe("click", function (e) {
284       <%= remote_function :url => { :controller => 'export', :action => 'start' } %>;
285       Event.stop(e);
286     });
287
288     <% if params[:action] == 'export' %>
289     <%= remote_function :url => { :controller => 'export', :action => 'start' } %>;
290     <% end %>
291   });
292 // -->
293 </script>