var button = $('<a>')
.attr('class', 'control-button')
.attr('href', '#')
- .attr('title', 'Share')
+ .attr('title', I18n.t('javascripts.share.title'))
.html('<span class="icon share"></span>')
.on('click', toggle)
.appendTo($container);
.attr('class', 'sidebar_heading')
.appendTo($ui)
.append(
- $('<a>')
+ $('<span>')
.text(I18n.t('javascripts.close'))
- .attr('class', 'sidebar_close')
- .attr('href', '#')
+ .attr('class', 'icon close')
.bind('click', toggle))
.append(
$('<h4>')
$('<div>')
.attr('class', 'share-tabs')
.appendTo($form)
- .append($('<label>')
+ .append($('<a>')
.attr('class', 'active')
.attr('for', 'long_input')
+ .attr('id', 'long_link')
.text(I18n.t('javascripts.share.long_link')))
- .append($('<label>')
+ .append($('<a>')
.attr('for', 'short_input')
+ .attr('id', 'short_link')
.text(I18n.t('javascripts.share.short_link')))
- .append($('<label>')
+ .append($('<a>')
.attr('for', 'embed_html')
+ .attr('href', '#')
.text(I18n.t('javascripts.share.embed')))
- .on('click', 'label', function() {
+ .on('click', 'a', function(e) {
+ e.preventDefault();
var id = '#' + $(this).attr('for');
- $linkSection.find('.share-tabs label')
+ $linkSection.find('.share-tabs a')
.removeClass('active');
$(this).addClass('active');
- $linkSection.find('.share-tab').hide();
- $linkSection.find('.share-tab:has(' + id + ')').show();
+ $linkSection.find('.share-tab')
+ .hide();
+ $linkSection.find('.share-tab:has(' + id + ')')
+ .show()
+ .find('input, textarea')
+ .select();
});
$('<div>')
.append($('<input>')
.attr('id', 'long_input')
.attr('type', 'text')
- .on('click', select))
- .append($('<a>')
- .attr('id', 'long_link')
- .on('click', function() { return false; })
- .append($('<span>')
- .attr('class', 'icon link')));
+ .on('click', select));
$('<div>')
.attr('class', 'form-row share-tab')
.append($('<input>')
.attr('id', 'short_input')
.attr('type', 'text')
- .on('click', select))
- .append($('<a>')
- .attr('id', 'short_link')
- .on('click', function() { return false; })
- .append($('<span>')
- .attr('class', 'icon link')));
+ .on('click', select));
$('<div>')
.attr('class', 'form-row share-tab')
.on('change', update)
.addTo(map);
+ marker.on('dragend', movedMarker);
+ map.on('move', movedMap);
map.on('moveend layeradd layerremove', update);
- marker.on('dragend', update);
options.sidebar.addPane($ui);
function hidden() {
map.removeLayer(marker);
+ map.options.scrollWheelZoom = map.options.doubleClickZoom = true;
locationFilter.disable();
update();
}
update();
options.sidebar.togglePane($ui, button);
+ $('.leaflet-control .control-button').tooltip('hide');
}
function toggleMarker() {
if ($(this).is(':checked')) {
marker.setLatLng(map.getCenter());
map.addLayer(marker);
+ map.options.scrollWheelZoom = map.options.doubleClickZoom = 'center';
} else {
map.removeLayer(marker);
+ map.options.scrollWheelZoom = map.options.doubleClickZoom = true;
}
update();
}
function toggleFilter() {
if ($(this).is(':checked')) {
- if (!locationFilter.getBounds().isValid()) {
- locationFilter.setBounds(map.getBounds().pad(-0.2));
- }
-
+ locationFilter.setBounds(map.getBounds().pad(-0.2));
locationFilter.enable();
} else {
locationFilter.disable();
update();
}
- function update() {
+ function movedMap() {
+ marker.setLatLng(map.getCenter());
+ update();
+ }
+
+ function movedMarker() {
if (map.hasLayer(marker)) {
+ map.off('move', movedMap);
+ map.on('moveend', updateOnce);
map.panTo(marker.getLatLng());
}
+ }
+ function updateOnce() {
+ map.off('moveend', updateOnce);
+ map.on('move', movedMap);
+ update();
+ }
+
+ function escapeHTML(string) {
+ var htmlEscapes = {
+ '&': '&',
+ '<': '<',
+ '>': '>',
+ '"': '"',
+ "'": '''
+ };
+ return string === null ? '' : (string + '').replace(/[&<>"']/g, function(match) {
+ return htmlEscapes[match];
+ });
+ }
+
+ function update() {
var bounds = map.getBounds();
$('#link_marker')
};
if (map.hasLayer(marker)) {
- params.marker = marker.getLatLng().lat + ',' + marker.getLatLng().lng;
+ var latLng = marker.getLatLng().wrap();
+ params.marker = latLng.lat + ',' + latLng.lng;
}
$('#embed_html').val(
'<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="' +
escapeHTML('http://' + OSM.SERVER_URL + '/export/embed.html?' + $.param(params)) +
'" style="border: 1px solid black"></iframe><br/>' +
- '<small><a href="' + escapeHTML(map.getUrl(marker)) + '</a></small>');
+ '<small><a href="' + escapeHTML(map.getUrl(marker)) + '">' +
+ escapeHTML(I18n.t('javascripts.share.view_larger_map')) + '</a></small>');
// Image