adding registrations and event details headers

adding headers to the events and registrations detail sections

diff --git a/css/front.css b/css/front.css
index 3a60d05..1dcb590 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -30,6 +30,10 @@
     color: #008CBA;
     border-right: 1px solid white;
 }
+.glm-reg-event-profile-details H4{
+    color: #363636;
+    font-weight: bold;
+}
 #glm-reg-detail-map-button:hover{
     cursor: pointer;
 }

diff --git a/views/front/registrations/registration.html b/views/front/registrations/registration.html
index 04015a0..baa84cc 100644 (file)
--- a/views/front/registrations/registration.html
+++ b/views/front/registrations/registration.html
@@ -39,6 +39,10 @@
                         {else}
                              <div class="small-12 columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"}</div>
                         {/if}
+                       
+                        {if $regEvent.eventCost}
+                            <div class="small-12 columns glm-reg-event-profile-details glm-reg-cost"> {$regEvent.eventCost}</div>
+                        {/if}
                         {if $regEvent.locations.name || $regEvent.locations.address}
                             <div class="small-12 columns glm-reg-event-profile-details glm-reg-location">
                                 <a href="https://maps.google.com/maps?daddr={$regEvent.locations.name|escape}%40{$regEvent.locations.lat},{$regEvent.locations.lon}" target="_blank">{$regEvent.locations.name}</a>
@@ -48,8 +52,8 @@
                                 <br> {if $regEvent.locations.city.name}{$regEvent.locations.city.name},{/if}{$regEvent.locations.state.name} {$regEvent.locations.zip}
                             </div>
                         {/if}
+                        
                         {if $regEvent.locations.lat && $regEvent.locations.lon}
-
                             <div class="small-12 columns glm-reg-event-profile-map-container">
                                 <div id="glm-reg-map-container">
                                     <div id="glm-reg-map" class="glm-reg-map">(map loads here)</div>
@@ -63,11 +67,27 @@
                 </div>
                 <div class="small-12 columns">
                     <div class="row">
-
+                         <!-- EVENT DESCRIPTION -->
+                        {if $regEvent.eventDescr}                           
+                            <div class="small-12 columns glm-reg-event-profile-details">
+                                <h4> Event Description </h4>
+                                {$regEvent.eventDescr}
+                            </div>
+                        {/if}
+                        {if $regEvent.descr}                            
+                            <div class="small-12 columns glm-reg-event-profile-details">
+                                <h4> Registration Details </h4>
+                                {$regEvent.descr}
+                            </div>
+                        {/if}
+                        {if $regEvent.terms}                          
+                            <div class="small-12 columns glm-reg-event-profile-details">
+                                <h4> Terms and Condtions </h4>
+                                {$regEvent.terms}
+                            </div>
+                        {/if}
+                        
                         {literal}
-                        <% if ( descr ) { %><div class="small-12 columns glm-reg-event-profile-details"><%= descr %></div><% } %>
-                        <% if ( terms ) { %><div class="small-12 columns glm-reg-event-profile-details"><%= terms %></div><% } %>
-
                         <div class="small-12 columns glm-reg-event-profile-details">
                             <% if ( this.getClassCount() == 0 ) { %>
                                 <p> Registrations not available at this time. </p>