Move base layer UI above overlay layer UI

This commit is contained in:
John Firebaugh 2013-07-01 15:49:48 -04:00
parent bab796bc7e
commit 1debc147b8

View file

@ -30,49 +30,6 @@ L.OSM.layers = function(options) {
$('<h2>')
.text(I18n.t('javascripts.map.layers.header')));
if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') {
var overlaySection = $('<section>')
.addClass('overlay-layers')
.appendTo($ui);
$('<p>')
.text(I18n.t('javascripts.map.layers.overlays'))
.appendTo(overlaySection);
var list = $('<ul>')
.appendTo(overlaySection);
function addOverlay(layer, name) {
var item = $('<li>')
.appendTo(list);
var label = $('<label>')
.appendTo(item);
var input = $('<input>')
.attr('type', 'checkbox')
.prop('checked', map.hasLayer(layer))
.appendTo(label);
label.append(name);
input.on('change', function() {
if (input.is(':checked')) {
map.addLayer(layer);
} else {
map.removeLayer(layer);
}
});
map.on('layeradd layerremove', function() {
input.prop('checked', map.hasLayer(layer));
});
}
addOverlay(map.noteLayer, I18n.t('javascripts.map.layers.notes'));
addOverlay(map.dataLayer, I18n.t('javascripts.map.layers.data'));
}
var baseSection = $('<section>')
.addClass('base-layers')
.appendTo($ui);
@ -142,6 +99,49 @@ L.OSM.layers = function(options) {
});
});
if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') {
var overlaySection = $('<section>')
.addClass('overlay-layers')
.appendTo($ui);
$('<p>')
.text(I18n.t('javascripts.map.layers.overlays'))
.appendTo(overlaySection);
var list = $('<ul>')
.appendTo(overlaySection);
function addOverlay(layer, name) {
var item = $('<li>')
.appendTo(list);
var label = $('<label>')
.appendTo(item);
var input = $('<input>')
.attr('type', 'checkbox')
.prop('checked', map.hasLayer(layer))
.appendTo(label);
label.append(name);
input.on('change', function() {
if (input.is(':checked')) {
map.addLayer(layer);
} else {
map.removeLayer(layer);
}
});
map.on('layeradd layerremove', function() {
input.prop('checked', map.hasLayer(layer));
});
}
addOverlay(map.noteLayer, I18n.t('javascripts.map.layers.notes'));
addOverlay(map.dataLayer, I18n.t('javascripts.map.layers.data'));
}
options.sidebar.addPane($ui);
function toggle(e) {