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