X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/c5be2b6f8498ba4f0df1fc95f307078320e2b5be..0dbd18e2bb685c432d775f186f114cf4f3de3ca4:/app/assets/javascripts/index.js diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js index f6cb02230..6f4603923 100644 --- a/app/assets/javascripts/index.js +++ b/app/assets/javascripts/index.js @@ -33,17 +33,23 @@ } $('#sidebar_content') - .empty() - .load(path, function(a, b, xhr) { + .empty(); + + $.ajax({ + url: path, + dataType: "html", + complete: function(xhr) { clearTimeout(loaderTimeout); $('#sidebar_loader').hide(); + $('#sidebar_content').html(xhr.responseText); if (xhr.getResponseHeader('X-Page-Title')) { document.title = xhr.getResponseHeader('X-Page-Title'); } if (callback) { callback(); } - }); + } + }); }; })(); @@ -192,21 +198,23 @@ $(document).ready(function () { OSM.Index = function(map) { var page = {}; - page.pushstate = function(path) { + page.pushstate = function() { $("#content").addClass("overlay-sidebar"); map.invalidateSize({pan: false}) - .panBy([-300, 0], {animate: false}); - OSM.loadSidebarContent(path); + .panBy([-350, 0], {animate: false}); + }; + + page.load = function() { + return map.getState(); }; - page.popstate = function(path) { + page.popstate = function() { $("#content").addClass("overlay-sidebar"); map.invalidateSize({pan: false}); - OSM.loadSidebarContent(path); }; page.unload = function() { - map.panBy([300, 0], {animate: false}); + map.panBy([350, 0], {animate: false}); $("#content").removeClass("overlay-sidebar"); map.invalidateSize({pan: false}); }; @@ -224,9 +232,7 @@ $(document).ready(function () { }; page.load = function(path, type, id) { - if (OSM.STATUS === 'api_offline' || OSM.STATUS === 'database_offline') return; - - map.addObject({type: type, id: parseInt(id)}, {zoom: window.location.hash == ""}); + map.addObject({type: type, id: parseInt(id)}); }; page.unload = function() { @@ -236,25 +242,26 @@ $(document).ready(function () { return page; }; - var history = OSM.History(map), - note = OSM.Note(map); + var history = OSM.History(map); - OSM.route = OSM.Router(map, { + OSM.router = OSM.Router(map, { "/": OSM.Index(map), "/search": OSM.Search(map), "/export": OSM.Export(map), - "/history": history, "/new_note": OSM.NewNote(map), + "/history": history, "/user/:display_name/edits": history, "/browse/friends": history, "/browse/nearby": history, - "/browse/note/:id": note, + "/browse/note/:id": OSM.Note(map), "/browse/:type/:id(/history)": OSM.Browse(map) }); + OSM.router.load(); + $(document).on("click", "a", function(e) { if (e.isDefaultPrevented() || e.isPropagationStopped()) return; - if (this.host === window.location.host && OSM.route(this.pathname + this.search + this.hash)) e.preventDefault(); + if (this.host === window.location.host && OSM.router.route(this.pathname + this.search + this.hash)) e.preventDefault(); }); $(".search_form").on("submit", function(e) { @@ -262,16 +269,16 @@ $(document).ready(function () { $("header").addClass("closed"); var query = $(this).find("input[name=query]").val(); if (query) { - OSM.route("/search?query=" + encodeURIComponent(query) + OSM.formatHash(map)); + OSM.router.route("/search?query=" + encodeURIComponent(query) + OSM.formatHash(map)); } else { - OSM.route("/" + OSM.formatHash(map)); + OSM.router.route("/" + OSM.formatHash(map)); } }); $(".describe_location").on("click", function(e) { e.preventDefault(); var precision = zoomPrecision(map.getZoom()); - OSM.route("/search?query=" + encodeURIComponent( + OSM.router.route("/search?query=" + encodeURIComponent( map.getCenter().lat.toFixed(precision) + "," + map.getCenter().lng.toFixed(precision))); });