X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/c3cdd4b5d732ae6ea7a65490ed6797190f3f4330..edda4af515cfb0bd4de1ed0650b47e124bfad6ed:/app/assets/javascripts/leaflet.share.js diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js index e97e29bb5..40ba020e6 100644 --- a/app/assets/javascripts/leaflet.share.js +++ b/app/assets/javascripts/leaflet.share.js @@ -1,69 +1,463 @@ L.OSM.share = function (options) { - var control = L.control(options); + var control = L.OSM.sidebarPane(options, "share", "javascripts.share.title", "javascripts.share.title"), + marker = L.marker([0, 0], { draggable: true }), + locationFilter = new L.LocationFilter({ + enableButton: false, + adjustButton: false + }); + + control.onAddPane = function (map, button, $ui) { + // Link / Embed + $("#content").addClass("overlay-right-sidebar"); - control.onAdd = function (map) { - var $container = $('
') - .attr('class', 'control-share'); + var $linkSection = $("
") + .attr("class", "share-link p-3 border-bottom border-secondary-subtle") + .appendTo($ui); - $('') - .attr('class', 'control-button') - .attr('href', '#') - .attr('title', 'Share') - .html('') - .on('click', toggle) - .appendTo($container); + $("

") + .text(I18n.t("javascripts.share.link")) + .appendTo($linkSection); - var $ui = $('
') - .attr('class', 'share-ui'); + var $form = $("
") + .appendTo($linkSection); - $('
') - .appendTo($ui) + $("
") + .attr("class", "form-check mb-3") + .appendTo($form) + .append($("
") + .appendTo($form) + .append($("") + .addClass("active") + .attr("for", "long_input") + .attr("id", "long_link") + .text(I18n.t("javascripts.share.long_link"))) + .append($("") + .attr("for", "short_input") + .attr("id", "short_link") + .text(I18n.t("javascripts.share.short_link"))) + .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"); + $(this).addClass("active"); + $linkSection.find(".share-tab") + .hide(); + $linkSection.find(".share-tab:has(" + id + ")") + .show() + .find("input, textarea") + .select(); + }); + + $("
") + .attr("class", "share-tab") + .appendTo($form) + .append($("") + .attr("id", "long_input") + .attr("type", "text") + .attr("class", "form-control form-control-sm font-monospace") + .attr("readonly", true) + .on("click", select)); + + $("
") + .attr("class", "share-tab") + .hide() + .appendTo($form) + .append($("") + .attr("id", "short_input") + .attr("type", "text") + .attr("class", "form-control form-control-sm font-monospace") + .attr("readonly", true) + .on("click", select)); + + $("
") + .attr("class", "share-tab") + .hide() + .appendTo($form) + .append( + $("