app/assets/javascripts/leaflet.note.js

   1 L.OSM.note = function (options) {
   2   const control = L.control(options);
   3
   4   control.onAdd = function (map) {
   5     const $container = $("<div>")
   6       .attr("class", "control-note");
   7
   8     const link = $("<a>")
   9       .attr("class", "control-button")
  10       .attr("href", "#")
  11       .attr("title", OSM.i18n.t("javascripts.site.createnote_tooltip"))
  12       .append($("<i>").addClass("fs-5 bi bi-chat-square-text-fill"))
  13       .appendTo($container);
  14
  15     map.on("zoomend", update);
  16
  17     function update() {
  18       const wasDisabled = link.hasClass("disabled"),
  19             isDisabled = OSM.STATUS === "database_offline" || map.getZoom() < 12;
  20       link
  21         .toggleClass("disabled", isDisabled)
  22         .attr("data-bs-original-title", OSM.i18n.t(isDisabled ?
  23           "javascripts.site.createnote_disabled_tooltip" :
  24           "javascripts.site.createnote_tooltip"));
  25       if (isDisabled === wasDisabled) return;
  26       link.trigger(isDisabled ? "disabled" : "enabled");
  27     }
  28
  29     update();
  30
  31     return $container[0];
  32   };
  33
  34   return control;
  35 };