Bug fixes for chrome. Added Leaflet to vendor assets.

app/assets/javascripts/application.js

@@ -16,3 +16,4 @@
 //= require dataTables/bootstrap/3/jquery.dataTables.bootstrap
 //= require_tree .
 //= require bootstrap
+//= require leaflet

app/assets/javascripts/housing_locations.js.coffee

@@ -36,29 +36,37 @@ $ ->
 
 # Map related events and initialization
 $ ->
+  # checking if the map area and buttons exists
   return if $('#housing-location-map').length == 0
   buttons = $('button.housing-location-show-map')
   return if buttons.length == 0
 
   #initializing map
+  L.Icon.Default.imagePath = '/assets'
   map = L.map('housing-location-map').setView([38.9, -77.0], 10)
   marker = L.marker([38.9, -77.0]).addTo(map)
   url = 'http://{s}.tile.osm.org/{z}/{x}/{y}.png'
   L.tileLayer(url, {
     attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
   }).addTo(map)
+
+  # initializing modal area
   $('#housing-location-modal').on('shown.bs.modal', () ->
     map.invalidateSize()
   )
-
+  #setting up the buttons to show the map
   buttons.click((event) ->
-    button = event.target
-    $('#housing-location-modal').modal()
-    housing_data = JSON.parse(button.getAttribute('housing-data'))
+    button = $(event.target)
+    # on firefox the event is triggered on the button, but on chrome, it may be
+    # triggered on the icon's span
+    while (!button.is('button'))
+      button = button.parent();
+    housing_data = JSON.parse(button.attr('housing-data'))
     $('#housing-location-modal .modal-title').text(housing_data.name)
     lat = housing_data.lat
     long = housing_data.long
     map.removeLayer(marker)
     marker = L.marker([lat, long]).addTo(map);
     map.setView([lat, long], 13)
+    $('#housing-location-modal').modal()
   )

app/assets/stylesheets/application.css.scss

@@ -8,3 +8,4 @@
 @import "housing_form";
 @import "pdf_guide";
 @import "circle_progress";
+@import "leaflet";

app/views/housing_forms/_location_modal.html.erb

@@ -11,7 +11,3 @@
     </div><!-- /.modal-content -->
   </div><!-- /.modal-dialog -->
 </div><!-- /.modal -->
-
-<!-- leaflet js and css -->
-<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.css" />
-<script src="http://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.3/leaflet.js"></script>