X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/ded28617c73090028c416e46ade69f7584536548..afc46bcd9bbfae631ad0bca1600cf44ac330c653:/app/assets/javascripts/leaflet.key.js?ds=inline diff --git a/app/assets/javascripts/leaflet.key.js b/app/assets/javascripts/leaflet.key.js index 5aae3d1c2..d88ce5d6e 100644 --- a/app/assets/javascripts/leaflet.key.js +++ b/app/assets/javascripts/leaflet.key.js @@ -5,7 +5,7 @@ L.OSM.key = function (options) { var $container = $('
') .attr('class', 'control-key'); - $('') + var button = $('') .attr('class', 'control-button') .attr('href', '#') .attr('title', I18n.t('javascripts.key.tooltip')) @@ -14,21 +14,23 @@ L.OSM.key = function (options) { .appendTo($container); var $ui = $('
') - .attr('class', 'layers-ui'); + .attr('class', 'key-ui'); - $('
') + $('
') + .attr('class', 'sidebar_heading') .appendTo($ui) .append( - $('') - .html('»') - .attr('class', 'close-button') - .attr('href', '#') - .bind('click', toggle)) + $('') + .text(I18n.t('javascripts.close')) + .attr('class', 'sidebar_close') + .attr('href', '#') + .bind('click', toggle)) .append( - $('

') - .text(I18n.t('javascripts.key.title'))); + $('

') + .text(I18n.t('javascripts.key.title'))); - var $section = $('
') + var $section = $('
') + .attr('class', 'section') .appendTo($ui); options.sidebar.addPane($ui); @@ -37,6 +39,10 @@ L.OSM.key = function (options) { .on('show', shown) .on('hide', hidden); + map.on('baselayerchange', updateButton); + + updateButton(); + function shown() { map.on('zoomend baselayerchange', update); $section.load('/key', update); @@ -49,7 +55,14 @@ L.OSM.key = function (options) { function toggle(e) { e.stopPropagation(); e.preventDefault(); - options.sidebar.togglePane($ui); + if (!button.hasClass('disabled')) { + options.sidebar.togglePane($ui, button); + } + } + + function updateButton() { + var layer = map.getMapBaseLayerId(); + button.toggleClass('disabled', layer !== 'mapnik'); } function update() {