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