X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/2f9291ba5764fe104264ae7e3b6a361e11212e8b..a3c5bbbbb63f05dcd3fee542b6eb1985b82d2b72:/app/assets/javascripts/leaflet.key.js diff --git a/app/assets/javascripts/leaflet.key.js b/app/assets/javascripts/leaflet.key.js index 5223b1420..e839171ab 100644 --- a/app/assets/javascripts/leaflet.key.js +++ b/app/assets/javascripts/leaflet.key.js @@ -2,78 +2,78 @@ L.OSM.key = function (options) { var control = L.control(options); control.onAdd = function (map) { - var $container = $('
') - .attr('class', 'control-key'); - - var button = $('') - .attr('class', 'control-button') - .attr('href', '#') - .html('') - .on('click', toggle) + var $container = $("
") + .attr("class", "control-key"); + + var button = $("") + .attr("class", "control-button") + .attr("href", "#") + .html("") + .on("click", toggle) .appendTo($container); - var $ui = $('
') - .attr('class', 'key-ui'); + var $ui = $("
") + .attr("class", "key-ui"); - $('
') - .attr('class', 'sidebar_heading') + $("
") + .attr("class", "sidebar_heading") .appendTo($ui) .append( - $('') - .text(I18n.t('javascripts.close')) - .attr('class', 'icon close') - .bind('click', toggle)) + $("") + .text(I18n.t("javascripts.close")) + .attr("class", "icon close") + .bind("click", toggle)) .append( - $('

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

") + .text(I18n.t("javascripts.key.title"))); - var $section = $('
') - .attr('class', 'section') + var $section = $("
") + .attr("class", "section") .appendTo($ui); options.sidebar.addPane($ui); $ui - .on('show', shown) - .on('hide', hidden); + .on("show", shown) + .on("hide", hidden); - map.on('baselayerchange', updateButton); + map.on("baselayerchange", updateButton); updateButton(); function shown() { - map.on('zoomend baselayerchange', update); - $section.load('/key', update); + map.on("zoomend baselayerchange", update); + $section.load("/key", update); } function hidden() { - map.off('zoomend baselayerchange', update); + map.off("zoomend baselayerchange", update); } function toggle(e) { e.stopPropagation(); e.preventDefault(); - if (!button.hasClass('disabled')) { + if (!button.hasClass("disabled")) { options.sidebar.togglePane($ui, button); } - $('.leaflet-control .control-button').tooltip('hide'); + $(".leaflet-control .control-button").tooltip("hide"); } function updateButton() { - var disabled = ['mapnik', 'cyclemap'].indexOf(map.getMapBaseLayerId()) === -1; + var disabled = ["mapnik", "cyclemap"].indexOf(map.getMapBaseLayerId()) === -1; button - .toggleClass('disabled', disabled) - .attr('data-original-title', + .toggleClass("disabled", disabled) + .attr("data-original-title", I18n.t(disabled ? - 'javascripts.key.tooltip_disabled' : - 'javascripts.key.tooltip')); + "javascripts.key.tooltip_disabled" : + "javascripts.key.tooltip")); } function update() { var layer = map.getMapBaseLayerId(), - zoom = map.getZoom(); + zoom = map.getZoom(); - $('.mapkey-table-entry').each(function () { + $(".mapkey-table-entry").each(function () { var data = $(this).data(); if (layer === data.layer && zoom >= data.zoomMin && zoom <= data.zoomMax) { $(this).show();