X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/e96a64ca9c2ea068dd9167e074ee26c8d28744b4..bf9dd8f350ca1b54afb79dda79506d980ccb5738:/app/assets/javascripts/leaflet.sidebar.js diff --git a/app/assets/javascripts/leaflet.sidebar.js b/app/assets/javascripts/leaflet.sidebar.js index f75cc29fe..f51aaa728 100644 --- a/app/assets/javascripts/leaflet.sidebar.js +++ b/app/assets/javascripts/leaflet.sidebar.js @@ -1,34 +1,46 @@ -L.OSM.sidebar = function(selector) { +L.OSM.sidebar = function (selector) { var control = {}, - sidebar = $(selector), - current = $(); + sidebar = $(selector), + current = $(), + currentButton = $(), + map; - control.addPane = function(pane) { + control.addTo = function (_) { + map = _; + return control; + }; + + control.addPane = function (pane) { pane .hide() .appendTo(sidebar); }; - control.togglePane = function(pane) { - var controlContainer = $('.leaflet-control-container .leaflet-top.leaflet-right'); - + control.togglePane = function (pane, button) { current .hide() - .trigger('hide'); + .trigger("hide"); + + currentButton + .removeClass("active"); if (current === pane) { $(sidebar).hide(); - controlContainer.css({paddingRight: '0'}); - current = $(); + current = currentButton = $(); } else { $(sidebar).show(); - controlContainer.css({paddingRight: '250px'}); current = pane; + currentButton = button || $(); } + map.invalidateSize({ pan: false, animate: false }); + current .show() - .trigger('show'); + .trigger("show"); + + currentButton + .addClass("active"); }; return control;