Location Component

app/views/conference/_location.html.haml

@@ -0,0 +1,36 @@
+= content_for :splash_nav do
+  %li
+    %a{ href: '#location' } Location
+
+
+%div#location
+  %div.container.text-center
+    .div.row.col-md-12
+      - if !@conference.venue.name.blank?
+        %h1
+          %strong #{ @conference.venue.name }
+      - if !@conference.venue.address.blank?
+        %h2
+          %strong #{ @conference.venue.address }
+      - if !@conference.venue.description.blank?
+        %p
+          %strong #{ @conference.venue.description }
+      %ul
+        - if !@conference.venue.address.blank?
+          %li
+            %b
+              = link_to 'View in Google Maps', "http://maps.google.com/maps?q=#{@conference.venue.address}", target: '_blank'
+        - if !@conference.venue.website.blank?
+          %li
+            %b
+              = link_to 'Visit Venue Website', @conference.venue.website, target: '_blank'
+
+
+:javascript
+  $(document).ready(function(){
+    var photo = "#{@conference.venue.photo}";
+    if(photo)
+    {
+      $('#location').css('background-image', 'url('+photo+')');
+    }
+  });

app/views/conference/show.html.haml

@@ -1,9 +1,23 @@
 = content_for :brand do
   = link_to @conference.title, conference_url(@conference.short_title), class: 'navbar-brand'
+
 %div#program
   = render 'program'
 %div#registration
   = render 'registration'
 %div#callforpapers
   = render 'call_for_papers'
+%div#location
+  = render 'location'
 
+
+
+
+
+
+
+
+:javascript
+  $(document).ready(function(){
+    $('#content').removeClass('container');
+  });