X-Git-Url: https://git.openstreetmap.org./rails.git/blobdiff_plain/48775da938fcfa29902b1d18fdde80aadc17c249..bf9dd8f350ca1b54afb79dda79506d980ccb5738:/app/assets/javascripts/leaflet.share.js diff --git a/app/assets/javascripts/leaflet.share.js b/app/assets/javascripts/leaflet.share.js index d43bc8ad2..8b1446ff8 100644 --- a/app/assets/javascripts/leaflet.share.js +++ b/app/assets/javascripts/leaflet.share.js @@ -1,221 +1,253 @@ L.OSM.share = function (options) { var control = L.control(options), - marker = L.marker([0, 0], {draggable: true}), - locationFilter = new L.LocationFilter({ - enableButton: false, - adjustButton: false - }); + marker = L.marker([0, 0], { draggable: true }), + locationFilter = new L.LocationFilter({ + enableButton: false, + adjustButton: false + }); control.onAdd = function (map) { - var $container = $('
') - .attr('class', 'control-share'); - - var button = $('') - .attr('class', 'control-button') - .attr('href', '#') - .attr('title', 'Share') - .html('') - .on('click', toggle) + var $container = $("
") + .attr("class", "control-share"); + + var button = $("") + .attr("class", "control-button") + .attr("href", "#") + .attr("title", I18n.t("javascripts.share.title")) + .html("") + .on("click", toggle) .appendTo($container); - var $ui = $('
') - .attr('class', 'share-ui'); + var $ui = $("
") + .attr("class", "share-ui"); - $('
') - .attr('class', 'sidebar_heading') + $("
") + .attr("class", "sidebar_heading") .appendTo($ui) .append( - $('') - .text(I18n.t('javascripts.close')) - .attr('class', 'sidebar_close') - .attr('href', '#') - .bind('click', toggle)) + $("") + .text(I18n.t("javascripts.close")) + .attr("class", "icon close") + .bind("click", toggle)) .append( - $('

') - .text(I18n.t('javascripts.share.title'))); + $("

") + .text(I18n.t("javascripts.share.title"))); // Link / Embed - var $linkSection = $('
') - .attr('class', 'section share-link') + var $linkSection = $("
") + .attr("class", "section share-link") .appendTo($ui); - $('

') - .text(I18n.t('javascripts.share.link')) + $("

") + .text(I18n.t("javascripts.share.link")) .appendTo($linkSection); - var $form = $('
') - .attr('class', 'standard-form') + var $form = $("") + .attr("class", "standard-form") .appendTo($linkSection); - $('
') - .attr('class', 'form-row') + $("
") + .attr("class", "standard-form-row") .appendTo($form) .append( - $('
') - .attr('class', 'share-tabs') + $("") + .attr("id", "link_marker") + .attr("type", "checkbox") + .bind("change", toggleMarker)) + .append(I18n.t("javascripts.share.include_marker"))); + + $("
") + .attr("class", "share-tabs") .appendTo($form) - .append($('') - .attr('class', '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('href', '#') - .text(I18n.t('javascripts.share.embed'))) - .on('click', 'a', function(e) { + .append($("") + .attr("class", "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("href", "#") + .text(I18n.t("javascripts.share.embed"))) + .on("click", "a", function (e) { e.preventDefault(); - var id = '#' + $(this).attr('for'); - $linkSection.find('.share-tabs a') - .removeClass('active'); - $(this).addClass('active'); - $linkSection.find('.share-tab') + var id = "#" + $(this).attr("for"); + $linkSection.find(".share-tabs a") + .removeClass("active"); + $(this).addClass("active"); + $linkSection.find(".share-tab") .hide(); - $linkSection.find('.share-tab:has(' + id + ')') + $linkSection.find(".share-tab:has(" + id + ")") .show() - .find('input, textarea') + .find("input, textarea") .select(); }); - $('
') - .attr('class', 'form-row share-tab') - .css('display', 'block') + $("
") + .attr("class", "standard-form-row share-tab") + .css("display", "block") .appendTo($form) - .append($('') - .attr('id', 'long_input') - .attr('type', 'text') - .on('click', select)); + .append($("") + .attr("id", "long_input") + .attr("type", "text") + .on("click", select)); - $('
') - .attr('class', 'form-row share-tab') + $("
") + .attr("class", "standard-form-row share-tab") .appendTo($form) - .append($('') - .attr('id', 'short_input') - .attr('type', 'text') - .on('click', select)); + .append($("") + .attr("id", "short_input") + .attr("type", "text") + .on("click", select)); - $('
') - .attr('class', 'form-row share-tab') + $("
") + .attr("class", "standard-form-row share-tab") .appendTo($form) .append( - $('