X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/15b104f4ff4614aa78c01180b6a9b89dd5a1400f..507c395f51c20c3c0d5375313ea1ca0ed4156c75:/app/assets/javascripts/leaflet.sidebar.js diff --git a/app/assets/javascripts/leaflet.sidebar.js b/app/assets/javascripts/leaflet.sidebar.js index db9e7aef2..9573c839d 100644 --- a/app/assets/javascripts/leaflet.sidebar.js +++ b/app/assets/javascripts/leaflet.sidebar.js @@ -1,46 +1,56 @@ -L.OSM.sidebar = function(selector) { +L.OSM.sidebar = function (selector) { var control = {}, - sidebar = $(selector), - current = $(), - currentButton = $(), - 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, button) { + control.togglePane = function (pane, button) { + var paneWidth = 250; + current .hide() - .trigger('hide'); + .trigger("hide"); currentButton - .removeClass('active'); + .removeClass("active"); if (current === pane) { + if ($("html").attr("dir") === "rtl") { + map.panBy([-paneWidth, 0], { animate: false }); + } $(sidebar).hide(); + $("#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}); + map.invalidateSize({ pan: false, animate: false }); current .show() - .trigger('show'); + .trigger("show"); currentButton - .addClass('active'); + .addClass("active"); }; return control;