From bf65abf2683aebe51e67c99321d3e62342fc6997 Mon Sep 17 00:00:00 2001 From: Anton Khorev Date: Fri, 24 Nov 2023 16:00:45 +0300 Subject: [PATCH] Add tooltip to disabled html share button --- app/assets/javascripts/leaflet.share.js | 7 ++++++- config/locales/en.yml | 1 + 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js index 1dcf6ee65..eb351fa02 100644 --- a/app/assets/javascripts/leaflet.share.js +++ b/app/assets/javascripts/leaflet.share.js @@ -47,10 +47,12 @@ L.OSM.share = function (options) { .append($("") .attr("for", "embed_html") .attr("id", "embed_link") + .attr("data-bs-title", I18n.t("javascripts.site.embed_html_disabled")) .attr("href", "#") .text(I18n.t("javascripts.share.embed"))) .on("click", "a", function (e) { e.preventDefault(); + if (!$(this).hasClass("btn-primary")) return; var id = "#" + $(this).attr("for"); $(this).siblings("a") .removeClass("active"); @@ -336,7 +338,10 @@ L.OSM.share = function (options) { params.marker = latLng.lat + "," + latLng.lng; } - $("#embed_link").toggleClass("disabled", !canEmbed); + $("#embed_link") + .toggleClass("btn-primary", canEmbed) + .toggleClass("btn-secondary", !canEmbed) + .tooltip(canEmbed ? "disable" : "enable"); if (!canEmbed && $("#embed_link").hasClass("active")) { $("#long_link").click(); } diff --git a/config/locales/en.yml b/config/locales/en.yml index 56d722f43..546bf669c 100644 --- a/config/locales/en.yml +++ b/config/locales/en.yml @@ -3034,6 +3034,7 @@ en: map_data_zoom_in_tooltip: Zoom in to see map data queryfeature_tooltip: Query features queryfeature_disabled_tooltip: Zoom in to query features + embed_html_disabled: HTML embedding is not available for this map layer changesets: show: comment: "Comment" -- 2.39.5