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"), { :controller => :browse, :action => :start }, :id => "show_data" %></li>
  10   <% end -%>
  11 <% end -%>
  12
  13 <%= render :partial => 'sidebar' %>
  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 <script type="text/javascript">
 129   var marker;
 130   var map;
 131
 132   function mapInit(){
 133     map = createMap("map");
 134
 135     <% unless STATUS == :api_offline or STATUS == :database_offline %>
 136       map.dataLayer = new OpenLayers.Layer("<%= I18n.t 'browse.start_rjs.data_layer_name' %>", {
 137           visibility: false,
 138           displayInLayerSwitcher: false
 139       });
 140       map.addLayer(map.dataLayer);
 141     <% end %>
 142
 143     <% unless object_zoom %>
 144       <% if bbox %>
 145         var bbox = new OpenLayers.Bounds(<%= minlon %>, <%= minlat %>, <%= maxlon %>, <%= maxlat %>);
 146
 147         map.zoomToExtent(proj(bbox));
 148
 149         <% if box %>
 150           $(window).load(function() { addBoxToMap(bbox) });
 151         <% end %>
 152       <% else %>
 153         var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
 154         <% if params[:scale].to_f > 0 then -%>
 155         var zoom = <%= scale_to_zoom params[:scale] %>;
 156         <% else -%>
 157         var zoom = <%= zoom %>;
 158         <% end -%>
 159
 160         setMapCenter(centre, zoom);
 161       <% end %>
 162     <% end %>
 163
 164     <% if !layers.nil? and !layers.empty? %>
 165       setMapLayers("<%= layers %>");
 166     <% end %>
 167
 168     <% if marker %>
 169       marker = addMarkerToMap(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>));
 170     <% end %>
 171
 172     <% if object %>
 173       var url = "/api/<%= "#{API_VERSION}" %>/<%= object_type %>/<%= object_id %>";
 174
 175       <% if object_type != "node" %>
 176         url += "/full";
 177       <% end %>
 178
 179       $(window).load(function() { addObjectToMap(url, <%= object_zoom %>) });
 180     <% end %>
 181
 182     map.events.register("moveend", map, updateLocation);
 183     map.events.register("changelayer", map, updateLocation);
 184
 185     updateLocation();
 186     handleResize();
 187   }
 188
 189   $(document).ready(function () {
 190     $("#show_data").click(function (e) {
 191       $.ajax({ url: $(this).attr('href'), success: function (sidebarHtml) {
 192         startBrowse(sidebarHtml);
 193       }});
 194       e.preventDefault();
 195     });
 196
 197     $("body").on("click", "a.set_position", function () {
 198       var lat = parseFloat($(this).attr("data-lat"));
 199       var lon = parseFloat($(this).attr("data-lon"));
 200       var zoom = parseInt($(this).attr("data-zoom"));
 201       var min_lon = parseFloat($(this).attr("data-min-lon"));
 202       var min_lat = parseFloat($(this).attr("data-min-lat"));
 203       var max_lon = parseFloat($(this).attr("data-max-lon"));
 204       var max_lat = parseFloat($(this).attr("data-max-lat"));
 205       var centre = new OpenLayers.LonLat(lon, lat);
 206
 207       if (min_lon && min_lat && max_lon && max_lat) {
 208         var bbox = new OpenLayers.Bounds(min_lon, min_lat, max_lon, max_lat);
 209
 210         map.zoomToExtent(proj(bbox));
 211       } else {
 212         setMapCenter(centre, zoom);
 213       }
 214
 215       if (marker) {
 216         removeMarkerFromMap(marker);
 217       }
 218
 219       marker = addMarkerToMap(centre, getArrowIcon());
 220
 221       return false;
 222     });
 223   });
 224
 225   function updateLocation() {
 226     var lonlat = unproj(map.getCenter());
 227     var zoom = map.getZoom();
 228     var layers = getMapLayers();
 229     var extents = unproj(map.getExtent());
 230     var expiry = new Date();
 231     var objtype;
 232     var objid;
 233
 234     <% if object %>
 235       objtype = "<%= object_type %>";
 236       objid = <%= object_id %>;
 237     <% end %>
 238
 239     updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, objtype, objid);
 240
 241     expiry.setYear(expiry.getFullYear() + 10);
 242     document.cookie = "_osm_location=" + lonlat.lon + "|" + lonlat.lat + "|" + zoom + "|" + layers + "; expires=" + expiry.toGMTString();
 243   }
 244
 245   function remoteEditHandler(event) {
 246     var extent = unproj(map.getExtent());
 247     var loaded = false;
 248
 249     $("#linkloader").load(function () { loaded = true; });
 250     $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.left + "&top=" + extent.top + "&right=" + extent.right + "&bottom=" + extent.bottom);
 251
 252     setTimeout(function () {
 253       if (!loaded) alert("<%=j t('site.index.remote_failed') %>");
 254     }, 1000);
 255
 256     return false;
 257   }
 258
 259   function installEditHandler() {
 260     $("#remoteanchor").click(remoteEditHandler);
 261
 262     <% if preferred_editor == "remote" %>
 263       $("#editanchor").click(remoteEditHandler);
 264
 265       <% if params[:action] == "edit" %>
 266         remoteEditHandler();
 267       <% end %>
 268     <% end %>
 269   }
 270
 271   $(document).ready(mapInit);
 272   $(document).ready(installEditHandler);
 273   $(document).ready(handleResize);
 274
 275   $(window).resize(function() {
 276     var centre = map.getCenter();
 277     var zoom = map.getZoom();
 278
 279     handleResize();
 280
 281     map.setCenter(centre, zoom);
 282   });
 283
 284   $(document).ready(function () {
 285     $("#exportanchor").click(function (e) {
 286       $.ajax({ url: "<%= url_for :controller => :export, :action => :start %>", success: function (sidebarHtml) {
 287         startExport(sidebarHtml);
 288       }});
 289       e.preventDefault();
 290     });
 291
 292     <% if params[:export] -%>
 293     $("#exportanchor").click();
 294     <% end -%>
 295
 296     <% if params[:query] -%>
 297     doSearch("<%= params[:query] %>");
 298     <% end %>
 299   });
 300 // -->
 301 </script>