Auto-select share link text

[rails.git] / app / assets / javascripts / leaflet.layers.js

diff --git a/app/assets/javascripts/leaflet.layers.js b/app/assets/javascripts/leaflet.layers.js
index 8653a0921a3ade64badecb96ff244f723e3cd48c..8bcbb701ce269497f500bc84f9b15ba066970876 100644 (file)
--- a/app/assets/javascripts/leaflet.layers.js
+++ b/app/assets/javascripts/leaflet.layers.js
@@ -18,16 +18,17 @@ L.OSM.layers = function(options) {
     var $ui = $('<div>')
       .attr('class', 'layers-ui');
 
     var $ui = $('<div>')
       .attr('class', 'layers-ui');
 

-    $('<section>')
-       .appendTo($ui)
-       .append(
-          $('<a>')
-            .html('&raquo;')
-            .attr('class', 'close-button')
-            .attr('href', '#')
-            .bind('click', toggle))
-       .append(
-        $('<h2>')
+    $('<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')));
 
     var baseSection = $('<section>')
           .text(I18n.t('javascripts.map.layers.header')));
 
     var baseSection = $('<section>')


@@ -81,9 +82,15 @@ L.OSM.layers = function(options) {
       });
 
       var label = $('<label>')
       });
 
       var label = $('<label>')

-        .text(layer.options.name)

         .appendTo(item);
 
         .appendTo(item);
 

+      var input = $('<input>')
+        .attr('type', 'radio')
+        .prop('checked', map.hasLayer(layer))
+        .appendTo(label);
+
+      label.append(layer.options.name);
+

       item.on('click', function() {
         layers.forEach(function(other) {
           if (other === layer) {
       item.on('click', function() {
         layers.forEach(function(other) {
           if (other === layer) {


@@ -97,6 +104,7 @@ L.OSM.layers = function(options) {
 
       map.on('layeradd layerremove', function() {
         item.toggleClass('active', map.hasLayer(layer));
 
       map.on('layeradd layerremove', function() {
         item.toggleClass('active', map.hasLayer(layer));

+        input.prop('checked', map.hasLayer(layer));

       });
     });
 
       });
     });