.bind('change', toggleMarker))
.append(I18n.t('javascripts.share.include_marker')));
- var $shortLink, $longLink;
-
- $('<ul>')
- .appendTo($linkSection)
- .append($('<li>')
- .append($longLink = $('<a>')
- .text(I18n.t('javascripts.share.long_link'))))
- .append($('<li>')
- .append($shortLink = $('<a>')
- .text(I18n.t('javascripts.share.short_link'))));
-
- // Embeddable HTML
-
- var $embedSection = $('<div>')
- .attr('class', 'section share-html')
- .appendTo($ui);
-
- $('<h4>')
- .text(I18n.t('javascripts.share.embed'))
- .appendTo($embedSection);
-
- $form = $('<form>')
- .attr('class', 'standard-form')
- .appendTo($embedSection);
-
$('<div>')
.attr('class', 'form-row')
.appendTo($form)
.append(
$('<label>')
- .attr('for', 'embed_marker')
+ .attr('for', 'center_marker')
.append(
$('<input>')
- .attr('id', 'embed_marker')
+ .attr('id', 'center_marker')
.attr('type', 'checkbox')
- .bind('change', toggleMarker))
- .append(I18n.t('javascripts.share.include_marker')));
+ .prop('checked', true)
+ .bind('change', update))
+ .append(I18n.t('javascripts.share.center_marker')));
+
+ $('<div>')
+ .attr('class', 'form-row')
+ .appendTo($form)
+ .append($('<label>')
+ .attr('for', 'long_input')
+ .text(I18n.t('javascripts.share.long_link')))
+ .append($('<a>')
+ .attr('id', 'long_link')
+ .append($('<span>')
+ .attr('class', 'icon link')))
+ .append($('<input>')
+ .attr('id', 'long_input')
+ .attr('type', 'text')
+ .on('click', select));
$('<div>')
.attr('class', 'form-row')
.appendTo($form)
+ .append($('<label>')
+ .attr('for', 'short_input')
+ .text(I18n.t('javascripts.share.short_link')))
+ .append($('<a>')
+ .attr('id', 'short_link')
+ .append($('<span>')
+ .attr('class', 'icon link')))
+ .append($('<input>')
+ .attr('id', 'short_input')
+ .attr('type', 'text')
+ .on('click', select));
+
+ // Embed
+
+ var $embedSection = $('<div>')
+ .attr('class', 'section share-embed')
+ .appendTo($ui);
+
+ var $form = $('<form>')
+ .attr('class', 'standard-form')
+ .appendTo($embedSection);
+
+ $('<div>')
+ .attr('class', 'form-row')
+ .appendTo($form)
+ .append($('<label>')
+ .attr('for', 'embed_html')
+ .text(I18n.t('javascripts.share.embed')))
.append(
$('<textarea>')
.attr('id', 'embed_html')
$('<p>')
.attr('class', 'deemphasize')
.text(I18n.t('javascripts.share.paste_html'))
- .appendTo($embedSection);
+ .appendTo($linkSection);
// Image
options.sidebar.addPane($ui);
+ $ui
+ .on('hide', hidden);
+
+ function hidden() {
+ map.removeLayer(marker);
+ locationFilter.disable();
+ update();
+ }
+
function toggle(e) {
e.stopPropagation();
e.preventDefault();
function toggleMarker() {
if ($(this).is(':checked')) {
+ marker.setLatLng(map.getCenter());
map.addLayer(marker);
} else {
map.removeLayer(marker);
}
function update() {
+ if (map.hasLayer(marker) && $('#center_marker').is(':checked')) {
+ map.panTo(marker.getLatLng());
+ }
+
var bounds = map.getBounds();
- $('#link_marker, #embed_marker')
+ $('#link_marker')
.prop('checked', map.hasLayer(marker));
- // Link
+ $('#center_marker')
+ .prop('disabled', !map.hasLayer(marker));
+
+ $('#image_filter')
+ .prop('checked', locationFilter.isEnabled());
- $shortLink.attr('href', map.getShortUrl(marker));
- $longLink.attr('href', map.getUrl(marker));
+ // Link / Embed
- // Embed
+ $('#short_input').val(map.getShortUrl(marker));
+ $('#long_input').val(map.getUrl(marker));
+ $('#short_link').attr('href', map.getShortUrl(marker));
+ $('#long_link').attr('href', map.getUrl(marker));
var params = {
bbox: bounds.toBBoxString(),
$('#embed_html').val(
'<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="' +
- 'http://' + OSM.SERVER_URL + '/export/embed.html?' + $.param(params) +
+ escapeHTML('http://' + OSM.SERVER_URL + '/export/embed.html?' + $.param(params)) +
'" style="border: 1px solid black"></iframe><br/>' +
- '<small><a href="' + map.getUrl(marker) + '</a></small>');
+ '<small><a href="' + escapeHTML(map.getUrl(marker)) + '</a></small>');
// Image