feat: the map is working with the leaflet-rails gem

I have also added two attributes (latitude and longitude) for the organisation and therefore changed forms for active-admin and update. I have also created a personalised marker. Issue #636.

Author: franpb14

Gemfile

@@ -24,6 +24,7 @@ gem 'pg_search', '~> 2.3.5'
 gem 'skylight', '~> 4.3.2'
 gem 'sidekiq', '~> 6.1.2'
 gem 'sidekiq-cron', '~> 1.2.0'
+gem 'leaflet-rails', '~> 1.7.0'
 
 # Assets
 gem 'jquery-rails', '~> 4.3.5'

Gemfile.lock

@@ -181,6 +181,8 @@ GEM
     kgio (2.11.3)
     launchy (2.5.0)
       addressable (~> 2.7)
+    leaflet-rails (1.7.0)
+      rails (>= 4.2.0)
     letter_opener (1.7.0)
       launchy (~> 2.2)
     listen (3.2.1)
@@ -428,6 +430,7 @@ DEPENDENCIES
   jquery-rails (~> 4.3.5)
   json_translate (~> 4.0.0)
   kaminari (~> 1.2.1)
+  leaflet-rails (~> 1.7.0)
   letter_opener (~> 1.7.0)
   listen (~> 3.2.0)
   localeapp (~> 3.1)

app/admin/organization.rb

@@ -23,6 +23,8 @@
       f.input :address
       f.input :description
       f.input :public_opening_times
+      f.input :latitude
+      f.input :longitude
     end
     f.actions
   end

app/assets/images/marker-icon.png

@@ -1,4 +1,5 @@
 //= require_tree ./application
+//= require leaflet
 
 $(document).on('click', 'a[data-popup]', function(event) {
   event.preventDefault();

app/assets/javascripts/application.js

@@ -4,6 +4,7 @@
 @import "application/bootstrap-custom";
 @import "application/member-card";
 @import "application/footer";
+@import "application/leaflet";
 
 html {
   font-size: 62.5%;
@@ -668,3 +669,13 @@ label[required]::after{
   display: inline;
   margin: 0 !important;
 }
+
+#map {
+  height: 650px;
+}
+
+.last_line {
+  @media(max-width: $screen-sm-min) {
+    margin-bottom: 50px;
+  }
+}