Patch classes on the locate control

[rails.git] / app / assets / javascripts / index.js

diff --git a/app/assets/javascripts/index.js b/app/assets/javascripts/index.js
index f4b378ff33c3e0668041b55c119d31a2a3f9d531..796a5f4d31d85f4ced3929b12cda6f091798cef3 100644 (file)
--- a/app/assets/javascripts/index.js
+++ b/app/assets/javascripts/index.js
@@ -95,14 +95,25 @@ $(document).ready(function () {
   L.OSM.zoom({position: position})
     .addTo(map);
 
-  L.control.locate({
+  var locate = L.control.locate({
     position: position,
+    icon: 'icon geolocate',
+    iconLoading: 'icon geolocate',
     strings: {
       title: I18n.t('javascripts.map.locate.title'),
       popup: I18n.t('javascripts.map.locate.popup')
     }
   }).addTo(map);
 
+  var locateContainer = locate.getContainer();
+
+  $(locateContainer)
+    .removeClass('leaflet-control-locate leaflet-bar')
+    .addClass('control-locate')
+    .children("a")
+    .removeClass('leaflet-bar-part leaflet-bar-part-single')
+    .addClass('control-button');
+
   var sidebar = L.OSM.sidebar('#map-ui')
     .addTo(map);
 
@@ -175,7 +186,7 @@ $(document).ready(function () {
   });
 
   var bannerExpiry = new Date();
-  expiry.setYear(expiry.getFullYear() + 1);
+  bannerExpiry.setYear(bannerExpiry.getFullYear() + 1);
 
   $('#banner .close-wrap').on('click', function(e) {
     var cookieId = e.target.id;