update the event list in member detail for agenda view

diff --git a/views/front/events/listForMemberDetail.html b/views/front/events/listForMemberDetail.html
index 60aad99..1c350c1 100644 (file)
--- a/views/front/events/listForMemberDetail.html
+++ b/views/front/events/listForMemberDetail.html
@@ -1,39 +1,44 @@
 {if $eventsByDate}
 <div id="glm-member-detail-events-toggle" class="glm-member-detail-content-toggle">Events</div>
 <div id="glm-member-detail-events-container" class="glm-member-detail-content-data">
-    {foreach $eventsByDate as $d}
-      {foreach $d as $x} <!-- don't know what this part of the array is -->
-        {foreach $x as $e}
 
-            <!-- Container for each event -->
-            <div class="event">
-
-                <!-- Container for event information -->
-                <div class="event-info">
-
-                  {if $e.image}
-                   <div class="glm-event-img-wrap">
-                    <img src="{$glmPluginMediaUrl}/images/medium/{$e.image}"> {$e.image}
-                   </div> 
-                  {/if}
-                    <h3 class="event-title"><a href="{$siteBaseUrl}{$settings.canonical_events_page}/{$p.event_slug}/">{$e.name}</a></h3>
-                    {$e.intro}
-                    <div class="details">
-                        Template data needs to be filled in here
-                        <!-- 
-                        <div><span class="title">Expires: </span><span class="data">{$p.expire_date.date}</span></div>
-                        <div><span class="title">Pricing: </span><span class="data">{$p.pricing}</span></div>
-                        -->
+    {foreach $eventsByDate as $date => $key}
+                <div class="row glm-event-day-row">
+                    <div class="small-4 medium-3 large-2 columns">
+                        <div class="glm-event-cal">
+                            <div class="glm-event-cal-month">{$date|date_format:"%b"}</div>
+                            <div class="glm-event-cal-day-container">
+                                <span class="glm-event-cal-day">{$date|date_format:"%e"}</span>
+                                <span class="glm-event-cal-dow">{$date|date_format:"%a"}</span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="small-8 medium-9 large-10 columns">
+                        {foreach $key as $events}
+                            {foreach $events as $event}
+                            <div class="row glm-event-day-event">
+                                <div class="small-12 column">
+                                    <h2>{$event.name}</h2>
+                                    {if !$event.all_day}
+                                        {if $event.starting_date|date_format:"%l:%M %P" == $event.ending_date|date_format:"%l:%M %P"}
+                                            {$event.starting_date|date_format:"%l:%M %P"}
+                                        {else}
+                                            {$event.starting_date|date_format:"%l:%M %P"} - {$event.ending_date|date_format:"%l:%M %P"}
+                                        {/if}
+                                    {/if}
+                                    <div class="event-content hide clearfix">
+                                        {if $event.image}<img style="float:right;" src="{$imgUrl}{$event.image}">{/if}
+                                        {$event.intro}
+                                        <div>
+                                            <a class="glm-read-more" href="{$siteBaseUrl}event-detail/{$event.name_slug}/?glm_event_from={$fromDate|unescape:"html"}">Read More</a>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                            {/foreach}
+                        {/foreach}
                     </div>
                 </div>
-
-            </div>
-        {/foreach} <!-- /event -->
-      {/foreach}
-    {/foreach}
-    <div class="glm-member-detail-sub-data-links row">
-        <a class="left glm-member-detail-content-toggle">Collapse</a>
-        <a class="right link-to-top">Back to top</a>
-    </div>
+            {/foreach}
 </div>
 {/if}