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_function t('layouts.home'), "setPosition(#{@user.home_lat}, #{@user.home_lon}, 15)", { :title => t('layouts.home_tooltip') } %> |
   4   <% end %>
   5 <% end %>
   6
   7 <%= render :partial => 'sidebar', :locals => { :onopen => "resizeMap();", :onclose => "resizeMap();" } %>
   8 <%= render :partial => 'key' %>
   9 <%= render :partial => 'search' %>
  10
  11 <noscript>
  12   <div id="noscript">
  13     <p><%= t 'site.index.js_1' %></p>
  14     <p><%= t 'site.index.js_2' %></p>
  15     <p><%= t 'site.index.js_3' %></p>
  16   </div>
  17 </noscript>
  18
  19 <div id="map">
  20   <div id="permalink">
  21     <a href="/" id="permalinkanchor" class="geolink llz layers object"><%= t 'site.index.permalink' %></a><br/>
  22     <a href="/" id="shortlinkanchor"><%= t 'site.index.shortlink' %></a>
  23     <a href="#" id="createnoteanchor">Report a problem</a>
  24   </div>
  25 </div>
  26
  27 <iframe id="linkloader" style="display: none">
  28 </iframe>
  29
  30 <div id="attribution">
  31   <table width="100%">
  32     <tr>
  33       <td class="attribution_license"><%= t'site.index.license.license_url' %></td>
  34       <td class="attribution_project"><%= t'site.index.license.project_url' %></td>
  35     </tr>
  36     <tr>
  37       <td colspan="2" class="attribution_notice"><%=
  38         t'site.index.license.notice',
  39           :license_name => t('site.index.license.license_name'),
  40           :project_name => t('site.index.license.project_name')
  41         %></td>
  42     </tr>
  43   </table>
  44 </div>
  45
  46 <%
  47 if params[:mlon] and params[:mlat]
  48     marker = true
  49     mlon = params[:mlon].to_f
  50     mlat = params[:mlat].to_f
  51 end
  52
  53 if params[:node] or params[:way] or params[:relation]
  54     object = true
  55     object_zoom = true
  56
  57     if params[:node]
  58         object_type = 'node'
  59         object_id = params[:node].to_i
  60     elsif params[:way]
  61         object_type = 'way'
  62         object_id = params[:way].to_i
  63     elsif params[:relation]
  64         object_type = 'relation'
  65         object_id = params[:relation].to_i
  66     end
  67 end
  68
  69 # Decide on a lat lon to initialise the map with. Various ways of doing this
  70 if params[:bbox]
  71     bbox = true
  72     minlon, minlat, maxlon, maxlat = params[:bbox].split(",").collect { |c| c.to_f }
  73     layers = params[:layers]
  74     box = true if params[:box] == "yes"
  75     object_zoom = false
  76 elsif params[:minlon] and params[:minlat] and params[:maxlon] and params[:maxlat]
  77     bbox = true
  78     minlon = params[:minlon].to_f
  79     minlat = params[:minlat].to_f
  80     maxlon = params[:maxlon].to_f
  81     maxlat = params[:maxlat].to_f
  82     layers = params[:layers]
  83     box = true if params[:box]=="yes"
  84     object_zoom = false
  85 elsif params[:lon] and params[:lat]
  86     lon =  params[:lon].to_f
  87     lat =  params[:lat].to_f
  88     zoom =  params.fetch(:zoom, 5).to_i
  89     layers = params[:layers]
  90     object_zoom = false
  91 elsif params[:mlon] and params[:mlat]
  92     lon = params[:mlon].to_f
  93     lat = params[:mlat].to_f
  94     zoom =  params.fetch(:zoom, 12).to_i
  95     layers = params[:layers]
  96     object_zoom = false
  97 elsif cookies.key?("_osm_location")
  98     lon,lat,zoom,layers = cookies["_osm_location"].split("|")
  99 elsif @user and !@user.home_lon.nil? and !@user.home_lat.nil?
 100     lon =  @user.home_lon
 101     lat =  @user.home_lat
 102     zoom = 10
 103 else
 104     unless STATUS == :database_readonly or STATUS == :database_offline
 105       session[:location] = OSM::IPLocation(request.env['REMOTE_ADDR']) unless session[:location]
 106     end
 107
 108     if session[:location]
 109         bbox = true
 110         minlon = session[:location][:minlon]
 111         minlat = session[:location][:minlat]
 112         maxlon = session[:location][:maxlon]
 113         maxlat = session[:location][:maxlat]
 114     else
 115         lon =  -0.1
 116         lat =  51.5
 117         zoom =  params.fetch(:zoom, 5).to_i
 118     end
 119
 120     layers = params[:layers]
 121 end
 122 %>
 123
 124 <%= javascript_include_tag 'openlayers.js' %>
 125 <%= javascript_include_tag 'map.js' %>
 126
 127 <%= render :partial => 'resize' %>
 128
 129 <script type="text/javascript">
 130   var marker;
 131   var map;
 132
 133   OpenLayers.Lang.setCode("<%= I18n.locale.to_s %>");
 134
 135   <% if @user %>
 136     var loginName = "<%= @user.display_name %>"
 137   <% end %>
 138
 139   function mapInit(){
 140     map = createMap("map");
 141
 142     <% unless STATUS == :api_offline or STATUS == :database_offline %>
 143       map.dataLayer = new OpenLayers.Layer("<%= I18n.t 'browse.start_rjs.data_layer_name' %>", { "visibility": false });
 144       map.dataLayer.events.register("visibilitychanged", map.dataLayer, toggleData);
 145       map.addLayer(map.dataLayer);
 146
 147       map.noteLayer = new OpenLayers.Layer.Vector("Notes", {
 148           visibility: false,
 149           projection: new OpenLayers.Projection("EPSG:4326"),
 150           styleMap: new OpenLayers.StyleMap(new OpenLayers.Style({
 151               graphicWidth: 22,
 152               graphicHeight: 22,
 153               graphicOpacity: 0.7,
 154               graphicXOffset: -11,
 155               graphicYOffset: -11
 156           }, {
 157               rules: [
 158                   new OpenLayers.Rule({
 159                       filter: new OpenLayers.Filter.Comparison({
 160                           type: OpenLayers.Filter.Comparison.EQUAL_TO,
 161                           property: "status",
 162                           value: "open"
 163                       }),
 164                       symbolizer: {
 165                           externalGraphic: "<%= image_path 'open_note_marker.png' %>"
 166                       }
 167                   }),
 168                   new OpenLayers.Rule({
 169                       filter: new OpenLayers.Filter.Comparison({
 170                           type: OpenLayers.Filter.Comparison.EQUAL_TO,
 171                           property: "status",
 172                           value: "closed"
 173                       }),
 174                       symbolizer: {
 175                           externalGraphic: "<%= image_path 'closed_note_marker.png' %>"
 176                       }
 177                  })
 178               ]
 179           })),
 180           strategies: [
 181               new OpenLayers.Strategy.BBOX()
 182           ],
 183           protocol: new OpenLayers.Protocol.HTTP({
 184               url: "<%= url_for :controller => :note, :action => :list, :format => :json %>",
 185               format: new OpenLayers.Format.GeoJSON(),
 186               callback: noteCallback
 187           })
 188       });
 189       map.noteLayer.events.register("featureselected", map, noteSelected);
 190       map.noteLayer.events.register("featureunselected", map, noteUnselected);
 191       map.addLayer(map.noteLayer);
 192
 193       var noteControl = new OpenLayers.Control.SelectFeature(map.noteLayer, {
 194           autoActivate: true
 195       });
 196       map.addControl(noteControl);
 197
 198       <% if params[:notes] == "yes" -%>
 199       map.noteLayer.setVisibility(true);
 200       <% end -%>
 201
 202       $("#createnoteanchor").click(addNote);
 203
 204       map.events.register("zoomend", map, allowNoteReports);
 205     <% end %>
 206
 207     <% unless object_zoom %>
 208       <% if bbox %>
 209         var bbox = new OpenLayers.Bounds(<%= minlon %>, <%= minlat %>, <%= maxlon %>, <%= maxlat %>);
 210
 211         setMapExtent(bbox);
 212
 213         <% if box %>
 214           $(window).load(function() { addBoxToMap(bbox) });
 215         <% end %>
 216       <% else %>
 217         var centre = new OpenLayers.LonLat(<%= lon %>, <%= lat %>);
 218         var zoom = <%= zoom %>;
 219
 220         <% if params[:scale] and params[:scale].length > 0 then %>
 221           zoom = scaleToZoom(<%= params[:scale].to_f %>);
 222         <% end %>
 223
 224         setMapCenter(centre, zoom);
 225       <% end %>
 226     <% end %>
 227
 228     <% if !layers.nil? and !layers.empty? %>
 229       setMapLayers("<%= layers %>");
 230     <% end %>
 231
 232     <% if marker %>
 233       marker = addMarkerToMap(new OpenLayers.LonLat(<%= mlon %>, <%= mlat %>));
 234     <% end %>
 235
 236     <% if object %>
 237       var url = "/api/<%= "#{API_VERSION}" %>/<%= object_type %>/<%= object_id %>";
 238
 239       <% if object_type != "node" %>
 240         url += "/full";
 241       <% end %>
 242
 243       $(window).load(function() { addObjectToMap(url, <%= object_zoom %>) });
 244     <% end %>
 245
 246     map.events.register("moveend", map, updateLocation);
 247     map.events.register("changelayer", map, updateLocation);
 248
 249     updateLocation();
 250     handleResize();
 251   }
 252
 253   function toggleData() {
 254     if (map.dataLayer.visibility) {
 255       $.ajax({ url: "<%= url_for :controller => :browse, :action => :start %>" });
 256     } else if (map.dataLayer.active) {
 257       closeSidebar();
 258     }
 259   }
 260
 261   function getPosition() {
 262     return getMapCenter();
 263   }
 264
 265   function getZoom() {
 266     return getMapZoom();
 267   }
 268
 269   function setPosition(lat, lon, zoom, min_lon, min_lat, max_lon, max_lat) {
 270     var centre = new OpenLayers.LonLat(lon, lat);
 271
 272     if (min_lon && min_lat && max_lon && max_lat) {
 273       var bbox = new OpenLayers.Bounds(min_lon, min_lat, max_lon, max_lat);
 274
 275       setMapExtent(bbox);
 276     } else {
 277       setMapCenter(centre, zoom);
 278     }
 279
 280     if (marker)
 281       removeMarkerFromMap(marker);
 282
 283     marker = addMarkerToMap(centre, getArrowIcon());
 284   }
 285
 286   function updateLocation() {
 287     var lonlat = getMapCenter();
 288     var zoom = map.getZoom();
 289     var layers = getMapLayers();
 290     var extents = getMapExtent();
 291     var expiry = new Date();
 292     var objtype;
 293     var objid;
 294
 295     <% if object %>
 296       objtype = "<%= object_type %>";
 297       objid = <%= object_id %>;
 298     <% end %>
 299
 300     updatelinks(lonlat.lon, lonlat.lat, zoom, layers, extents.left, extents.bottom, extents.right, extents.top, objtype, objid);
 301
 302     expiry.setYear(expiry.getFullYear() + 10);
 303     document.cookie = "_osm_location=" + lonlat.lon + "|" + lonlat.lat + "|" + zoom + "|" + layers + "; expires=" + expiry.toGMTString();
 304   }
 305
 306   function remoteEditHandler(event) {
 307     var extent = getMapExtent();
 308     var loaded = false;
 309
 310     $("#linkloader").load(function () { loaded = true; });
 311     $("#linkloader").attr("src", "http://127.0.0.1:8111/load_and_zoom?left=" + extent.left + "&top=" + extent.top + "&right=" + extent.right + "&bottom=" + extent.bottom);
 312
 313     setTimeout(function () {
 314       if (!loaded) alert("<%=j t('site.index.remote_failed') %>");
 315     }, 1000);
 316
 317     return false;
 318   }
 319
 320   function installEditHandler() {
 321     $("#remoteanchor").click(remoteEditHandler);
 322
 323     <% if preferred_editor == "remote" %>
 324       $("#editanchor").click(remoteEditHandler);
 325
 326       <% if params[:action] == "edit" %>
 327         remoteEditHandler();
 328       <% end %>
 329     <% end %>
 330   }
 331
 332   function noteCallback(scope, response) {
 333     for (var f = 0; f < response.features.length; f++) {
 334       var feature = response.features[f];
 335     }
 336   }
 337
 338   function noteSelected(o) {
 339     var feature = o.feature;
 340     var location = feature.geometry.getBounds().getCenterLonLat();
 341
 342     feature.popup = new OpenLayers.Popup.FramedCloud(feature.attributes.id,
 343                                                      location, null,
 344                                                      "<p>" + feature.attributes.id + "</p>",
 345                                                      null, true);
 346
 347     map.addPopup(feature.popup);
 348 //    feature.popup.show();
 349   }
 350
 351   function noteUnselected(o) {
 352     var feature = o.feature;
 353
 354     map.removePopup(feature.popup);
 355     delete feature.popup;
 356   }
 357
 358   function addNote() {
 359     map.noteLayer.setVisibility(true);
 360     map.noteLayer.addNote(map.getCenter());
 361   }
 362
 363   function allowNoteReports() {
 364     if (map.getZoom() > 11) {
 365       $("#createnoteanchor").show();
 366     } else {
 367       $("#createnoteanchor").hide();
 368     }
 369   }
 370
 371   $(document).ready(mapInit);
 372   $(document).ready(installEditHandler);
 373   $(document).ready(handleResize);
 374
 375   $(window).resize(function() {
 376     var centre = map.getCenter();
 377     var zoom = map.getZoom();
 378
 379     handleResize();
 380
 381     map.setCenter(centre, zoom);
 382   });
 383
 384   $(document).ready(function () {
 385     $("#exportanchor").click(function (e) {
 386       $.ajax({ url: "<%= url_for :controller => :export, :action => :start %>" });
 387       Event.stop(e);
 388     });
 389
 390     <% if params[:action] == 'export' -%>
 391     $.ajax({ url: "<%= url_for :controller => :export, :action => :start %>" });
 392     <% end -%>
 393
 394     <% if params[:query] -%>
 395     doSearch("<%= params[:query] %>");
 396     <% end %>
 397   });
 398 // -->
 399 </script>