Merge branch 'master' into openstreetbugs
[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.notes_layer_name"), "#", :id => "show_notes" %></li>
10     <li><%= link_to t("browse.start_rjs.data_layer_name"), { :controller => :browse, :action => :start }, :id => "show_data" %></li>
11   <% end -%>
12 <% end -%>
13
14 <%= render :partial => 'sidebar' %>
15 <%= render :partial => 'key' %>
16 <%= render :partial => 'search' %>
17
18 <noscript>
19   <div id="noscript">
20     <p><%= t 'site.index.js_1' %></p>
21     <p><%= t 'site.index.js_2' %></p>
22   </div>
23 </noscript>
24
25 <div id="map">
26   <div id="permalink">
27     <a href="/" id="permalinkanchor" class="geolink llz layers object"><%= t 'site.index.permalink' %></a>
28     <a href="/" id="shortlinkanchor"><%= t 'site.index.shortlink' %></a>
29     <a href="#" id="createnoteanchor">Report a problem</a>      
30   </div>
31 </div>
32
33 <iframe id="linkloader" style="display: none">
34 </iframe>
35
36 <div id="attribution">
37   <table width="100%">
38     <tr>
39       <td class="attribution_license"><%= t'site.index.license.license_url' %></td>
40       <td class="attribution_project"><%= t'site.index.license.project_url' %></td>
41     </tr>
42     <tr>
43       <td colspan="2" class="attribution_notice"><%= t'site.index.license.copyright' %></td>
44     </tr>
45   </table>
46 </div>
47
48 <script type="text/javascript">
49   var marker;
50   var map;
51   var params = OSM.mapParams();
52
53   <% if @user %>
54     var loginName = "<%= @user.display_name %>"
55   <% end %>
56
57   function mapInit(){
58     map = createMap("map");
59
60     <% unless STATUS == :api_offline or STATUS == :database_offline %>
61       map.dataLayer = new OpenLayers.Layer("<%= I18n.t 'browse.start_rjs.data_layer_name' %>", {
62           visibility: false,
63           displayInLayerSwitcher: false
64       });
65       map.addLayer(map.dataLayer);
66
67       map.noteLayer = addNoteLayer(map, "<%= notes_url :format => 'json' %>", $("#createnoteanchor"), 11);
68
69       <% if params[:notes] == "yes" -%>
70       map.noteLayer.setVisibility(true);
71       <% end -%>
72     <% end %>
73
74     if (!params.object_zoom) {
75       if (params.bbox) {
76         var bbox = new OpenLayers.Bounds(params.minlon, params.minlat, params.maxlon, params.maxlat);
77
78         map.zoomToExtent(proj(bbox));
79
80         if (params.box) {
81           $(window).load(function() { addBoxToMap(bbox) });
82         }
83       } else {
84         setMapCenter(new OpenLayers.LonLat(params.lon, params.lat), params.zoom);
85       }
86     }
87
88     if (params.layers) {
89       setMapLayers(params.layers);
90     }
91
92     if (params.marker) {
93       marker = addMarkerToMap(new OpenLayers.LonLat(params.mlon, params.mlat));
94     }
95
96     if (params.object) {
97       var url = "/api/" + OSM.API_VERSION + "/" + params.object_type + "/" + params.object_id;
98
99       if (params.object_type != "node") {
100         url += "/full";
101       }
102
103       $(window).load(function() { addObjectToMap(url, params.object_zoom) });
104     }
105
106     map.events.register("moveend", map, updateLocation);
107     map.events.register("changelayer", map, updateLocation);
108
109     updateLocation();
110     handleResize();
111   }
112
113   $(document).ready(function () {
114     $("#show_notes").click(function () {
115       map.noteLayer.setVisibility(true);
116     });
117
118     $("#show_data").click(function (e) {
119       $.ajax({ url: $(this).attr('href'), success: function (sidebarHtml) {
120         startBrowse(sidebarHtml);
121       }});
122       e.preventDefault();
123     });
124
125     $("body").on("click", "a.set_position", function () {
126       var lat = parseFloat($(this).attr("data-lat"));
127       var lon = parseFloat($(this).attr("data-lon"));
128       var zoom = parseInt($(this).attr("data-zoom"));
129       var min_lon = parseFloat($(this).attr("data-min-lon"));
130       var min_lat = parseFloat($(this).attr("data-min-lat"));
131       var max_lon = parseFloat($(this).attr("data-max-lon"));
132       var max_lat = parseFloat($(this).attr("data-max-lat"));
133       var centre = new OpenLayers.LonLat(lon, lat);
134
135       if (min_lon && min_lat && max_lon && max_lat) {
136         var bbox = new OpenLayers.Bounds(min_lon, min_lat, max_lon, max_lat);
137
138         map.zoomToExtent(proj(bbox));
139       } else {
140         setMapCenter(centre, zoom);
141       }
142
143       if (marker) {
144         removeMarkerFromMap(marker);
145       }
146
147       marker = addMarkerToMap(centre, getArrowIcon());
148
149       return false;
150     });
151   });
152
153   function updateLocation() {
154     var lonlat = unproj(map.getCenter());
155     var zoom = map.getZoom();
156     var layers = getMapLayers();
157     var extents = unproj(map.getExtent());
158     var expiry = new Date();
159
160     updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, params.object_type, params.object_id);
161
162     expiry.setYear(expiry.getFullYear() + 10);
163     $.cookie("_osm_location", [lonlat.lon, lonlat.lat, zoom, layers].join("|"), {expires: expiry});
164   }
165
166   function remoteEditHandler(event) {
167     var extent = unproj(map.getExtent());
168     var loaded = false;
169
170     $("#linkloader").load(function () { loaded = true; });
171     $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.left + "&top=" + extent.top + "&right=" + extent.right + "&bottom=" + extent.bottom);
172
173     setTimeout(function () {
174       if (!loaded) alert("<%=j t('site.index.remote_failed') %>");
175     }, 1000);
176
177     return false;
178   }
179
180   function installEditHandler() {
181     $("#remoteanchor").click(remoteEditHandler);
182
183     <% if preferred_editor == "remote" %>
184       $("#editanchor").click(remoteEditHandler);
185
186       <% if params[:action] == "edit" %>
187         remoteEditHandler();
188       <% end %>
189     <% end %>
190   }
191
192   $(document).ready(mapInit);
193   $(document).ready(installEditHandler);
194   $(document).ready(handleResize);
195
196   $(window).resize(function() {
197     var centre = map.getCenter();
198     var zoom = map.getZoom();
199
200     handleResize();
201
202     map.setCenter(centre, zoom);
203   });
204
205   $(document).ready(function () {
206     $("#exportanchor").click(function (e) {
207       $.ajax({ url: "<%= url_for :controller => :export, :action => :start %>", success: function (sidebarHtml) {
208         startExport(sidebarHtml);
209       }});
210       e.preventDefault();
211     });
212
213     <% if params[:export] -%>
214     $("#exportanchor").click();
215     <% end -%>
216
217     <% if params[:query] -%>
218     doSearch("<%= params[:query] %>");
219     <% end %>
220   });
221 // -->
222 </script>