X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/fa9b4a5f6a00fd862ce3230a64d6c6c89c7fbb6c..e5b5faad7228253147bc489402ef7640b071eaaf:/app/assets/javascripts/leaflet.layers.js diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js index a364588c1..d2928068d 100644 --- a/app/assets/javascripts/leaflet.layers.js +++ b/app/assets/javascripts/leaflet.layers.js @@ -10,7 +10,7 @@ L.OSM.layers = function(options) { var button = $('') .attr('class', 'control-button') .attr('href', '#') - .attr('title', 'Layers') + .attr('title', I18n.t('javascripts.map.layers.title')) .html('') .on('click', toggle) .appendTo($container); @@ -22,10 +22,9 @@ L.OSM.layers = function(options) { .attr('class', 'sidebar_heading') .appendTo($ui) .append( - $('') + $('') .text(I18n.t('javascripts.close')) - .attr('class', 'sidebar_close') - .attr('href', '#') + .attr('class', 'icon close') .bind('click', toggle)) .append( $('

') @@ -35,12 +34,12 @@ L.OSM.layers = function(options) { .attr('class', 'section base-layers') .appendTo($ui); - list = $('
    ') + var baseLayers = $('
      ') .appendTo(baseSection); layers.forEach(function(layer) { var item = $('
    • ') - .appendTo(list); + .appendTo(baseLayers); if (map.hasLayer(layer)) { item.addClass('active'); @@ -85,9 +84,9 @@ L.OSM.layers = function(options) { .appendTo(item); var input = $('') - .attr('type', 'radio') - .prop('checked', map.hasLayer(layer)) - .appendTo(label); + .attr('type', 'radio') + .prop('checked', map.hasLayer(layer)) + .appendTo(label); label.append(layer.options.name); @@ -108,47 +107,73 @@ L.OSM.layers = function(options) { }); }); - if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') { + if (OSM.STATUS !== 'api_offline' && OSM.STATUS !== 'database_offline') { var overlaySection = $('
      ') .attr('class', 'section overlay-layers') .appendTo($ui); $('

      ') .text(I18n.t('javascripts.map.layers.overlays')) + .attr("class", "deemphasize") .appendTo(overlaySection); - var list = $('

        ') + var overlays = $('
          ') .appendTo(overlaySection); - function addOverlay(layer, name) { + var addOverlay = function (layer, name, maxArea) { var item = $('
        • ') - .appendTo(list); + .tooltip({ + placement: 'top' + }) + .appendTo(overlays); var label = $('