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