]> git.openstreetmap.org Git - rails.git/blob - app/views/site/index.html.erb
Deselect note features when the popup is closed
[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     <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
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   <% if @user %>
136     var loginName = "<%= @user.display_name %>"
137   <% end %>
138
139   function mapInit(){
140     map = createMap("map");
141
142     <% unless STATUS == :api_offline or STATUS == :database_offline %>
143       map.dataLayer = new OpenLayers.Layer("<%= I18n.t 'browse.start_rjs.data_layer_name' %>", { "visibility": false });
144       map.dataLayer.events.register("visibilitychanged", map.dataLayer, toggleData);
145       map.addLayer(map.dataLayer);
146
147       map.noteLayer = new OpenLayers.Layer.Vector("Notes", {
148           visibility: false,
149           projection: new OpenLayers.Projection("EPSG:4326"),
150           styleMap: new OpenLayers.StyleMap(new OpenLayers.Style({
151               graphicWidth: 22,
152               graphicHeight: 22,
153               graphicOpacity: 0.7,
154               graphicXOffset: -11,
155               graphicYOffset: -11
156           }, {
157               rules: [
158                   new OpenLayers.Rule({
159                       filter: new OpenLayers.Filter.Comparison({
160                           type: OpenLayers.Filter.Comparison.EQUAL_TO,
161                           property: "status",
162                           value: "open"
163                       }),
164                       symbolizer: {
165                           externalGraphic: "<%= image_path 'open_note_marker.png' %>"
166                       }
167                   }),
168                   new OpenLayers.Rule({
169                       filter: new OpenLayers.Filter.Comparison({
170                           type: OpenLayers.Filter.Comparison.EQUAL_TO,
171                           property: "status",
172                           value: "closed"
173                       }),
174                       symbolizer: {
175                           externalGraphic: "<%= image_path 'closed_note_marker.png' %>"
176                       }
177                  })
178               ]
179           })),
180           strategies: [
181               new OpenLayers.Strategy.BBOX()
182           ],
183           protocol: new OpenLayers.Protocol.HTTP({
184               url: "<%= url_for :controller => :note, :action => :list, :format => :json %>",
185               format: new OpenLayers.Format.GeoJSON(),
186               callback: noteCallback
187           })
188       });
189       map.noteLayer.events.register("featureselected", map, noteSelected);
190       map.noteLayer.events.register("featureunselected", map, noteUnselected);
191       map.addLayer(map.noteLayer);
192
193       map.noteControl = new OpenLayers.Control.SelectFeature(map.noteLayer, {
194           autoActivate: true
195       });
196       map.addControl(map.noteControl);
197
198       <% if params[:notes] == "yes" -%>
199       map.noteLayer.setVisibility(true);
200       <% end -%>
201
202       $("#createnoteanchor").click(addNote);
203
204       map.events.register("zoomend", map, allowNoteReports);
205     <% end %>
206
207     <% unless object_zoom %>
208       <% if bbox %>
209         var bbox = new OpenLayers.Bounds(<%= minlon %>, <%= minlat %>, <%= maxlon %>, <%= maxlat %>);
210
211         setMapExtent(bbox);
212
213         <% if box %>
214           $(window).load(function() { addBoxToMap(bbox) });
215         <% end %>
216       <% else %>
217         var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
218         var zoom = <%= zoom %>;
219
220         <% if params[:scale] and params[:scale].length > 0 then %>
221           zoom = scaleToZoom(<%= params[:scale].to_f %>);
222         <% end %>
223
224         setMapCenter(centre, zoom);
225       <% end %>
226     <% end %>
227
228     <% if !layers.nil? and !layers.empty? %>
229       setMapLayers("<%= layers %>");
230     <% end %>
231
232     <% if marker %>
233       marker = addMarkerToMap(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>));
234     <% end %>
235
236     <% if object %>
237       var url = "/api/<%= "#{API_VERSION}" %>/<%= object_type %>/<%= object_id %>";
238
239       <% if object_type != "node" %>
240         url += "/full";
241       <% end %>
242
243       $(window).load(function() { addObjectToMap(url, <%= object_zoom %>) });
244     <% end %>
245
246     map.events.register("moveend", map, updateLocation);
247     map.events.register("changelayer", map, updateLocation);
248
249     updateLocation();
250     handleResize();
251   }
252
253   function toggleData() {
254     if (map.dataLayer.visibility) {
255       $.ajax({ url: "<%= url_for :controller => :browse, :action => :start %>" });
256     } else if (map.dataLayer.active) {
257       closeSidebar();
258     }
259   }
260
261   function getPosition() {
262     return getMapCenter();
263   }
264
265   function getZoom() {
266     return getMapZoom();
267   }
268
269   function setPosition(lat, lon, zoom, min_lon, min_lat, max_lon, max_lat) {
270     var centre = new OpenLayers.LonLat(lon, lat);
271
272     if (min_lon && min_lat && max_lon && max_lat) {
273       var bbox = new OpenLayers.Bounds(min_lon, min_lat, max_lon, max_lat);
274
275       setMapExtent(bbox);
276     } else {
277       setMapCenter(centre, zoom);
278     }
279
280     if (marker)
281       removeMarkerFromMap(marker);
282
283     marker = addMarkerToMap(centre, getArrowIcon());
284   }
285
286   function updateLocation() {
287     var lonlat = getMapCenter();
288     var zoom = map.getZoom();
289     var layers = getMapLayers();
290     var extents = getMapExtent();
291     var expiry = new Date();
292     var objtype;
293     var objid;
294
295     <% if object %>
296       objtype = "<%= object_type %>";
297       objid = <%= object_id %>;
298     <% end %>
299
300     updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, objtype, objid);
301
302     expiry.setYear(expiry.getFullYear() + 10);
303     document.cookie = "_osm_location=" + lonlat.lon + "|" + lonlat.lat + "|" + zoom + "|" + layers + "; expires=" + expiry.toGMTString();
304   }
305
306   function remoteEditHandler(event) {
307     var extent = getMapExtent();
308     var loaded = false;
309
310     $("#linkloader").load(function () { loaded = true; });
311     $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.left + "&top=" + extent.top + "&right=" + extent.right + "&bottom=" + extent.bottom);
312
313     setTimeout(function () {
314       if (!loaded) alert("<%=j t('site.index.remote_failed') %>");
315     }, 1000);
316
317     return false;
318   }
319
320   function installEditHandler() {
321     $("#remoteanchor").click(remoteEditHandler);
322
323     <% if preferred_editor == "remote" %>
324       $("#editanchor").click(remoteEditHandler);
325
326       <% if params[:action] == "edit" %>
327         remoteEditHandler();
328       <% end %>
329     <% end %>
330   }
331
332   function noteCallback(scope, response) {
333     for (var f = 0; f < response.features.length; f++) {
334       var feature = response.features[f];
335     }
336   }
337
338   function noteSelected(o) {
339     var feature = o.feature;
340     var location = feature.geometry.getBounds().getCenterLonLat();
341
342     feature.popup = new OpenLayers.Popup.FramedCloud(
343       feature.attributes.id, location, null,
344       "<p>" + feature.attributes.id + "</p>",
345       null, true, function (e) { map.noteControl.unselect(feature) }
346     );
347
348     map.addPopup(feature.popup);
349 //    feature.popup.show();
350   }
351
352   function noteUnselected(o) {
353     var feature = o.feature;
354
355     map.removePopup(feature.popup);
356     delete feature.popup;
357   }
358
359   function addNote() {
360     map.noteLayer.setVisibility(true);
361     map.noteLayer.addNote(map.getCenter());
362   }
363
364   function allowNoteReports() { 
365     if (map.getZoom() > 11) {
366       $("#createnoteanchor").show();
367     } else {
368       $("#createnoteanchor").hide();
369     }
370   }
371
372   $(document).ready(mapInit);
373   $(document).ready(installEditHandler);
374   $(document).ready(handleResize);
375
376   $(window).resize(function() {
377     var centre = map.getCenter();
378     var zoom = map.getZoom();
379
380     handleResize();
381
382     map.setCenter(centre, zoom);
383   });
384
385   $(document).ready(function () {
386     $("#exportanchor").click(function (e) {
387       $.ajax({ url: "<%= url_for :controller => :export, :action => :start %>" });
388       Event.stop(e);
389     });
390
391     <% if params[:action] == 'export' -%>
392     $.ajax({ url: "<%= url_for :controller => :export, :action => :start %>" });
393     <% end -%>
394
395     <% if params[:query] -%>
396     doSearch("<%= params[:query] %>");
397     <% end %>
398   });
399 // -->
400 </script>