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