app/assets/javascripts/leaflet.sidebar-pane.js

   1 L.OSM.sidebarPane = function (options, uiClass, buttonTitle, paneTitle) {
   2   var control = L.control(options);
   3
   4   control.onAdd = function (map) {
   5     var $container = $("<div>")
   6       .attr("class", "control-" + uiClass);
   7
   8     var button = $("<a>")
   9       .attr("class", "control-button")
  10       .attr("href", "#")
  11       .html("<span class=\"icon " + uiClass + "\"></span>")
  12       .on("click", toggle);
  13
  14     if (buttonTitle) {
  15       button.attr("title", I18n.t(buttonTitle));
  16     }
  17
  18     button.appendTo($container);
  19
  20     var $ui = $("<div>")
  21       .attr("class", uiClass + "-ui");
  22
  23     $("<div class='sidebar_heading d-flex'>")
  24       .appendTo($ui)
  25       .append($("<div class='flex-grow-1 text-break'>")
  26         .append($("<h4>")
  27           .text(I18n.t(paneTitle))))
  28       .append($("<div>")
  29         .append($("<button type='button' class='btn-close'>")
  30           .attr("aria-label", I18n.t("javascripts.close"))
  31           .bind("click", toggle)));
  32
  33     options.sidebar.addPane($ui);
  34
  35     this.onAddPane(map, button, $ui, toggle);
  36
  37     function toggle(e) {
  38       e.stopPropagation();
  39       e.preventDefault();
  40       if (!button.hasClass("disabled")) {
  41         options.sidebar.togglePane($ui, button);
  42       }
  43       $(".leaflet-control .control-button").tooltip("hide");
  44     }
  45
  46     return $container[0];
  47   };
  48
  49   // control.onAddPane = function (map, button, $ui, toggle) {
  50   // }
  51
  52   return control;
  53 };