X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/3666b674330ec8d14a224932a191d6121c5974e2..387ecce798585022ffac69d28ae703c737c36f3b:/app/assets/javascripts/leaflet.layers.js?ds=inline diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js index 87ff87370..27311f7c1 100644 --- a/app/assets/javascripts/leaflet.layers.js +++ b/app/assets/javascripts/leaflet.layers.js @@ -1,44 +1,19 @@ L.OSM.layers = function (options) { - var control = L.control(options); + var control = L.OSM.sidebarPane(options, "layers", "javascripts.map.layers.title", "javascripts.map.layers.header"); - control.onAdd = function (map) { + control.onAddPane = function (map, button, $ui, toggle) { var layers = options.layers; - var $container = $("
") - .attr("class", "control-layers"); - - var button = $("") - .attr("class", "control-button") - .attr("href", "#") - .attr("title", I18n.t("javascripts.map.layers.title")) - .html("") - .on("click", toggle) - .appendTo($container); - - var $ui = $("
") - .attr("class", "layers-ui"); - - $("
") - .attr("class", "sidebar_heading") - .appendTo($ui) - .append( - $("") - .text(I18n.t("javascripts.close")) - .attr("class", "icon close") - .bind("click", toggle)) - .append( - $("

") - .text(I18n.t("javascripts.map.layers.header"))); - var baseSection = $("
") .attr("class", "section base-layers") .appendTo($ui); - var baseLayers = $("
    ") + var baseLayers = $("
      ") .appendTo(baseSection); layers.forEach(function (layer) { var item = $("
    • ") + .attr("class", "rounded-3") .appendTo(baseLayers); if (map.hasLayer(layer)) { @@ -116,26 +91,31 @@ L.OSM.layers = function (options) { $("

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

        ") + var overlays = $("
          ") .appendTo(overlaySection); var addOverlay = function (layer, name, maxArea) { var item = $("
        • ") - .tooltip({ - placement: "top" - }) .appendTo(overlays); + if (name === "notes" || name === "data") { + item + .attr("title", I18n.t("javascripts.site.map_" + name + "_zoom_in_tooltip")) + .tooltip("disable"); + } + var label = $("