38 lines
1 KiB
JavaScript
38 lines
1 KiB
JavaScript
L.OSM.note = function (options) {
|
|
const control = L.control(options);
|
|
|
|
control.onAdd = function (map) {
|
|
const $container = $("<div>")
|
|
.attr("class", "control-note");
|
|
|
|
const link = $("<a>")
|
|
.attr("class", "control-button")
|
|
.attr("href", "#")
|
|
.appendTo($container);
|
|
|
|
$(L.SVG.create("svg"))
|
|
.append($(L.SVG.create("use")).attr("href", "#icon-note"))
|
|
.attr("class", "h-100 w-100")
|
|
.appendTo(link);
|
|
|
|
map.on("zoomend", update);
|
|
|
|
function update() {
|
|
const wasDisabled = link.hasClass("disabled"),
|
|
isDisabled = OSM.STATUS === "database_offline" || map.getZoom() < 12;
|
|
link
|
|
.toggleClass("disabled", isDisabled)
|
|
.attr("data-bs-original-title", I18n.t(isDisabled ?
|
|
"javascripts.site.createnote_disabled_tooltip" :
|
|
"javascripts.site.createnote_tooltip"));
|
|
if (isDisabled === wasDisabled) return;
|
|
link.trigger(isDisabled ? "disabled" : "enabled");
|
|
}
|
|
|
|
update();
|
|
|
|
return $container[0];
|
|
};
|
|
|
|
return control;
|
|
};
|