X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/aff23d4b4bc9e9fecd5c1caa7e4d38087e002396..6789fc30813990710c5fb786bf90a70867f77339:/app/assets/javascripts/leaflet.sidebar.js diff --git a/app/assets/javascripts/leaflet.sidebar.js b/app/assets/javascripts/leaflet.sidebar.js index 961842668..9573c839d 100644 --- a/app/assets/javascripts/leaflet.sidebar.js +++ b/app/assets/javascripts/leaflet.sidebar.js @@ -1,38 +1,56 @@ -L.OSM.sidebar = function(selector) { +L.OSM.sidebar = function (selector) { var control = {}, - sidebar = $(selector), - current = $(), - map; + sidebar = $(selector), + current = $(), + currentButton = $(), + map; control.addTo = function (_) { map = _; return control; }; - control.addPane = function(pane) { + control.addPane = function (pane) { pane .hide() .appendTo(sidebar); }; - control.togglePane = function(pane) { + control.togglePane = function (pane, button) { + var paneWidth = 250; + current .hide() - .trigger('hide'); + .trigger("hide"); + + currentButton + .removeClass("active"); if (current === pane) { + if ($("html").attr("dir") === "rtl") { + map.panBy([-paneWidth, 0], { animate: false }); + } $(sidebar).hide(); - current = $(); + $("#content").addClass("overlay-right-sidebar"); + current = currentButton = $(); } else { $(sidebar).show(); + $("#content").removeClass("overlay-right-sidebar"); current = pane; + currentButton = button || $(); + if ($("html").attr("dir") === "rtl") { + map.panBy([paneWidth, 0], { animate: false }); + } } + map.invalidateSize({ pan: false, animate: false }); + current .show() - .trigger('show'); + .trigger("show"); - map.invalidateSize({pan: false, animate: false}); + currentButton + .addClass("active"); }; return control;