- .appendTo(this.$container);
-
- if (OSM.STATUS != 'api_offline' && OSM.STATUS != 'database_offline') {
- this.$ui = $('<div>')
- .attr('class', 'layers-ui')
- .appendTo(this.options.uiPane);
-
- $('<h2>')
- .text(I18n.t('javascripts.map.layers.header'))
- .appendTo(this.$ui);
-
- var overlaySection = $('<section>')
- .addClass('overlay-layers')
- .appendTo(this.$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'));
- }
+ .on('click', toggle)
+ .appendTo($container);
+
+ var $ui = $('<div>')
+ .attr('class', 'layers-ui');
+
+ $('<header>')
+ .attr('class', 'sidebar_heading')
+ .appendTo($ui)
+ .append(
+ $('<a>')
+ .text(I18n.t('javascripts.close'))
+ .attr('class', 'sidebar_close')
+ .attr('href', '#')
+ .bind('click', toggle))
+ .append(
+ $('<h4>')
+ .text(I18n.t('javascripts.map.layers.header')));