X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/de97f7bfe418ecedb8800236020c95f16474f1ab..4cf32e0f0043ad73bf8ecd5320ce1ab55e81e386:/app/assets/javascripts/index.js diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js index 7c65f35c3..77b247c10 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,6 +24,10 @@ $(document).ready(function () { map.hash = L.hash(map); + $(window).on('popstate', function() { + map.hash.update(); + }); + var copyright = I18n.t('javascripts.map.copyright', {copyright_url: '/copyright'}); var layers = [ @@ -173,16 +177,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); } @@ -220,13 +222,15 @@ $(document).ready(function () { }); } - initializeBrowse(map, params); - initializeNotes(map, params); + initializeBrowse(map); + initializeNotes(map); OSM.Index = function(map) { - var page = {}; + var page = {}, minimized = false; page.pushstate = page.popstate = function(path) { + if (minimized) $("#sidebar").addClass("minimized"); + map.invalidateSize(); $("#view_tab").addClass("current"); $('#sidebar_content').load(path); }; @@ -235,18 +239,36 @@ $(document).ready(function () { $("#view_tab").removeClass("current"); }; + page.minimizeSidebar = function() { + $("#sidebar").addClass("minimized"); + map.invalidateSize(); + minimized = true; + }; + + $(document).on("click", "#sidebar_content .close", page.minimizeSidebar); + return page; }; 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() { @@ -256,25 +278,31 @@ $(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.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(); - router("/search?query=" + encodeURIComponent($("#query").val()) + OSM.formatHash(map)); + OSM.route("/search?query=" + encodeURIComponent($("#query").val()) + OSM.formatHash(map)); }); $("#describe_location").on("click", function(e) { e.preventDefault(); - router("/search?query=" + encodeURIComponent(map.getCenter().lat + "," + map.getCenter().lng)); + OSM.route("/search?query=" + encodeURIComponent(map.getCenter().lat + "," + map.getCenter().lng)); }); });