X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/a56d1036d58d45777d6adeffd5a950519bc70318..e7d200c4a6d0904ab1e027518eca7200b0ca9a08:/app/assets/javascripts/index.js diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js index 62d47a3af..238ab7f63 100644 --- a/app/assets/javascripts/index.js +++ b/app/assets/javascripts/index.js @@ -9,7 +9,7 @@ //= require index/browse //= require index/export //= require index/notes -//= require index/changeset +//= require index/history //= require router $(document).ready(function () { @@ -24,11 +24,20 @@ $(document).ready(function () { map.hash = L.hash(map); + $(window).on('popstate', function(e) { + // popstate is triggered when the hash changes as well as on actual navigation + // events. We want to update the hash on the latter and not the former. + if (e.originalEvent.state) { + map.hash.update(); + } + }); + var copyright = I18n.t('javascripts.map.copyright', {copyright_url: '/copyright'}); + var donate = I18n.t('javascripts.map.donate_link_text', {donate_url: 'http://donate.openstreetmap.org'}); var layers = [ new L.OSM.Mapnik({ - attribution: copyright, + attribution: copyright+" – "+donate, code: "M", keyid: "mapnik", name: I18n.t("javascripts.map.base.standard") @@ -93,6 +102,16 @@ $(document).ready(function () { map.dataLayer = new L.OSM.DataLayer(null); map.dataLayer.options.code = 'D'; + if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') { + if (params.layers.indexOf(map.noteLayer.options.code) >= 0) { + map.addLayer(map.noteLayer); + } + + if (params.layers.indexOf(map.dataLayer.options.code) >= 0) { + map.addLayer(map.dataLayer); + } + } + var position = $('html').attr('dir') === 'rtl' ? 'topleft' : 'topright'; L.OSM.zoom({position: position}) @@ -163,16 +182,14 @@ $(document).ready(function () { }); } - var marker = L.marker([0, 0], {icon: getUserIcon()}); - - if (!params.object_zoom) { - if (params.bounds) { - map.fitBounds(params.bounds); - } else { - map.setView([params.lat, params.lon], params.zoom); - } + if (params.bounds) { + map.fitBounds(params.bounds); + } else { + map.setView([params.lat, params.lon], params.zoom); } + var marker = L.marker([0, 0], {icon: getUserIcon()}); + if (params.marker) { marker.setLatLng([params.mlat, params.mlon]).addTo(map); } @@ -210,14 +227,15 @@ $(document).ready(function () { }); } - initializeSearch(map); - initializeBrowse(map, params); - initializeNotes(map, params); + initializeBrowse(map); + initializeNotes(map); OSM.Index = function(map) { - var page = {}; + var page = {}, minimized = $('#sidebar').hasClass('minimized'); page.pushstate = page.popstate = function(path) { + if (minimized) $("#sidebar").addClass("minimized"); + map.invalidateSize(); $("#view_tab").addClass("current"); $('#sidebar_content').load(path); }; @@ -232,12 +250,22 @@ $(document).ready(function () { OSM.Browse = function(map) { var page = {}; - page.pushstate = page.popstate = function(path) { - $('#sidebar_content').load(path, page.load); + page.pushstate = page.popstate = function(path, type, id) { + $("#sidebar").removeClass("minimized"); + map.invalidateSize(); + $('#sidebar_content').load(path, function() { + page.load(path, type, id); + }); }; - page.load = function() { - map.addObject(OSM.mapParams().object, {zoom: true}); + page.load = function(path, type, id) { + if (OSM.STATUS === 'api_offline' || OSM.STATUS === 'database_offline') return; + + if (type === 'note') { + map.noteLayer.showNote(parseInt(id)); + } else { + map.addObject({type: type, id: parseInt(id)}, {zoom: true}); + } }; page.unload = function() { @@ -247,14 +275,35 @@ $(document).ready(function () { return page; }; - var router = OSM.Router({ + var history = OSM.History(map); + + OSM.route = OSM.Router({ "/": OSM.Index(map), + "/search": OSM.Search(map), "/export": OSM.Export(map), - "/browse/changesets": OSM.ChangesetList(map), + "/history": history, + "/user/:display_name/edits": history, + "/browse/friends": history, + "/browse/nearby": history, "/browse/:type/:id(/history)": OSM.Browse(map) }); $(document).on("click", "a", function(e) { - if (router(this.pathname + this.search + this.hash)) e.preventDefault(); + if (e.isDefaultPrevented() || e.isPropagationStopped()) return; + if (this.host === window.location.host && OSM.route(this.pathname + this.search + this.hash)) e.preventDefault(); }); + + $("#search_form").on("submit", function(e) { + e.preventDefault(); + OSM.route("/search?query=" + encodeURIComponent($("#query").val()) + OSM.formatHash(map)); + }); + + $("#describe_location").on("click", function(e) { + e.preventDefault(); + var precision = zoomPrecision(map.getZoom()); + OSM.route("/search?query=" + encodeURIComponent( + map.getCenter().lat.toFixed(precision) + "," + + map.getCenter().lng.toFixed(precision))); + }); + });