Extract browse.js static asset
[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"), { :controller => :browse, :action => :start }, :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 'map.js' %>
129
130 <%= render :partial => 'resize' %>
131
132 <script type="text/javascript">
133   var marker;
134   var map;
135
136   function mapInit(){
137     map = createMap("map");
138
139     <% unless STATUS == :api_offline or STATUS == :database_offline %>
140       map.dataLayer = new OpenLayers.Layer("<%= I18n.t 'browse.start_rjs.data_layer_name' %>", {
141           visibility: false,
142           displayInLayerSwitcher: false
143       });
144       map.addLayer(map.dataLayer);
145     <% end %>
146
147     <% unless object_zoom %>
148       <% if bbox %>
149         var bbox = new OpenLayers.Bounds(<%= minlon %>, <%= minlat %>, <%= maxlon %>, <%= maxlat %>);
150
151         map.zoomToExtent(proj(bbox));
152
153         <% if box %>
154           $(window).load(function() { addBoxToMap(bbox) });
155         <% end %>
156       <% else %>
157         var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
158         <% if params[:scale].to_f > 0 then -%>
159         var zoom = <%= scale_to_zoom params[:scale] %>;
160         <% else -%>
161         var zoom = <%= zoom %>;
162         <% end -%>
163
164         setMapCenter(centre, zoom);
165       <% end %>
166     <% end %>
167
168     <% if !layers.nil? and !layers.empty? %>
169       setMapLayers("<%= layers %>");
170     <% end %>
171
172     <% if marker %>
173       marker = addMarkerToMap(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>));
174     <% end %>
175
176     <% if object %>
177       var url = "/api/<%= "#{API_VERSION}" %>/<%= object_type %>/<%= object_id %>";
178
179       <% if object_type != "node" %>
180         url += "/full";
181       <% end %>
182
183       $(window).load(function() { addObjectToMap(url, <%= object_zoom %>) });
184     <% end %>
185
186     map.events.register("moveend", map, updateLocation);
187     map.events.register("changelayer", map, updateLocation);
188
189     updateLocation();
190     handleResize();
191   }
192
193   $(document).ready(function () {
194     $("#show_data").click(function (e) {
195       $.ajax({ url: $(this).attr('href'), success: function (sidebarHtml) {
196         startBrowse(sidebarHtml);
197       }});
198       e.preventDefault();
199     });
200
201     $("body").on("click", "a.set_position", function () {
202       var lat = parseFloat($(this).attr("data-lat"));
203       var lon = parseFloat($(this).attr("data-lon"));
204       var zoom = parseInt($(this).attr("data-zoom"));
205       var min_lon = parseFloat($(this).attr("data-min-lon"));
206       var min_lat = parseFloat($(this).attr("data-min-lat"));
207       var max_lon = parseFloat($(this).attr("data-max-lon"));
208       var max_lat = parseFloat($(this).attr("data-max-lat"));
209       var centre = new OpenLayers.LonLat(lon, lat);
210
211       if (min_lon && min_lat && max_lon && max_lat) {
212         var bbox = new OpenLayers.Bounds(min_lon, min_lat, max_lon, max_lat);
213
214         map.zoomToExtent(proj(bbox));
215       } else {
216         setMapCenter(centre, zoom);
217       }
218
219       if (marker) {
220         removeMarkerFromMap(marker);
221       }
222
223       marker = addMarkerToMap(centre, getArrowIcon());
224
225       return false;
226     });
227   });
228
229   function updateLocation() {
230     var lonlat = unproj(map.getCenter());
231     var zoom = map.getZoom();
232     var layers = getMapLayers();
233     var extents = unproj(map.getExtent());
234     var expiry = new Date();
235     var objtype;
236     var objid;
237
238     <% if object %>
239       objtype = "<%= object_type %>";
240       objid = <%= object_id %>;
241     <% end %>
242
243     updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, objtype, objid);
244
245     expiry.setYear(expiry.getFullYear() + 10);
246     document.cookie = "_osm_location=" + lonlat.lon + "|" + lonlat.lat + "|" + zoom + "|" + layers + "; expires=" + expiry.toGMTString();
247   }
248
249   function remoteEditHandler(event) {
250     var extent = unproj(map.getExtent());
251     var loaded = false;
252
253     $("#linkloader").load(function () { loaded = true; });
254     $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.left + "&top=" + extent.top + "&right=" + extent.right + "&bottom=" + extent.bottom);
255
256     setTimeout(function () {
257       if (!loaded) alert("<%=j t('site.index.remote_failed') %>");
258     }, 1000);
259
260     return false;
261   }
262
263   function installEditHandler() {
264     $("#remoteanchor").click(remoteEditHandler);
265
266     <% if preferred_editor == "remote" %>
267       $("#editanchor").click(remoteEditHandler);
268
269       <% if params[:action] == "edit" %>
270         remoteEditHandler();
271       <% end %>
272     <% end %>
273   }
274
275   $(document).ready(mapInit);
276   $(document).ready(installEditHandler);
277   $(document).ready(handleResize);
278
279   $(window).resize(function() {
280     var centre = map.getCenter();
281     var zoom = map.getZoom();
282
283     handleResize();
284
285     map.setCenter(centre, zoom);
286   });
287
288   $(document).ready(function () {
289     $("#exportanchor").click(function (e) {
290       $.ajax({ url: "<%= url_for :controller => :export, :action => :start %>", success: function (sidebarHtml) {
291         startExport(sidebarHtml);
292       }});
293       e.preventDefault();
294     });
295
296     <% if params[:action] == 'export' -%>
297     $("#exportanchor").click();
298     <% end -%>
299
300     <% if params[:query] -%>
301     doSearch("<%= params[:query] %>");
302     <% end %>
303   });
304 // -->
305 </script>