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