From fbedc95dfa6db20c9f08d542d033ce771f5545a7 Mon Sep 17 00:00:00 2001 From: Marwin Hochfelsner <50826859+hlfan@users.noreply.github.com> Date: Sun, 15 Jun 2025 16:38:10 +0200 Subject: [PATCH] Make layers zoom handling more terse --- app/assets/javascripts/leaflet.layers.js | 21 ++++++++------------- 1 file changed, 8 insertions(+), 13 deletions(-) diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js index cbd704fe5..4a680fac4 100644 --- a/app/assets/javascripts/leaflet.layers.js +++ b/app/assets/javascripts/leaflet.layers.js @@ -76,9 +76,7 @@ L.OSM.layers = function (options) { $(input).on("change", function () { checked = input.checked; - if (layer.cancelLoading) { - layer.cancelLoading(); - } + layer.cancelLoading?.(); if (checked) { map.addLayer(layer); @@ -94,20 +92,17 @@ L.OSM.layers = function (options) { map.on("zoomend", function () { const disabled = map.getBounds().getSize() >= item.dataset.maxArea; - $(input).prop("disabled", disabled); + input.disabled = disabled; - if (disabled && $(input).is(":checked")) { - $(input).prop("checked", false) - .trigger("change"); + if (disabled && input.checked) { + input.click(); checked = true; - } else if (!disabled && !$(input).is(":checked") && checked) { - $(input).prop("checked", true) - .trigger("change"); + } else if (!disabled && !input.checked && checked) { + input.click(); } - $(item) - .toggleClass("disabled", disabled) - .tooltip(disabled ? "enable" : "disable"); + item.classList.toggle("disabled", disabled); + $(item).tooltip(disabled ? "enable" : "disable"); }); }); } -- 2.39.5