Updates for output templates
authorSteve Sutton <steve@gaslightmedia.com>
Wed, 9 Mar 2016 16:33:49 +0000 (11:33 -0500)
committerSteve Sutton <steve@gaslightmedia.com>
Wed, 9 Mar 2016 16:33:49 +0000 (11:33 -0500)
update the templates to use a id wrapper
change some of the headers to h4

views/front/events/dashboard.html
views/front/events/detail.html
views/front/events/list.html
views/front/events/searchForm.html
views/front/events/shortCuts.html

index ee68da4..f0cc0dd 100644 (file)
@@ -1,34 +1,35 @@
-<h2>Dashboard</h2>
-{* Show the Search form and Short Cuts menu *}
-<div class="row">
-        {include file='front/events/searchForm.html'}
-        {include file='front/events/shortCuts.html'}
-</div>
-{* Loop through each Category and output the first three events as list *}
-<div class="row">
-    {foreach $catEvents as $catid => $category}
-    <div class="small-12 medium-6 columns{if $category@last} end{/if}">
-        <ul class="category-block pricing-table">
-            <li class="title">
-                <a href="{$currentUrl}?search=1&category={$catid}">
-                {$categories.{$catid}.name}
-                </a>
-            </li>
-            {foreach $category as $event}
-                {* Only output the first three so if it goes to 4 then break out of the loop *}
-                {if $event@iteration == 4}
-                    {break}
-                {/if}
-            <li class="description text-left">
-                <a href="{$siteBaseUrl}event-detail/{$event.slug}">
-                {$event.title}
-                </a>
-            </li>
-            {/foreach}
-        </ul>
+<div id="glm-event-wrapper"> 
+    {* Show the Search form and Short Cuts menu *}
+    <div class="row">
+            {include file='front/events/searchForm.html'}
+            {include file='front/events/shortCuts.html'}
+    </div>
+    {* Loop through each Category and output the first three events as list *}
+    <div class="row">
+        {foreach $catEvents as $catid => $category}
+        <div class="small-12 medium-6 columns{if $category@last} end{/if}">
+            <ul class="category-block pricing-table">
+                <li class="title">
+                    <a href="{$currentUrl}?search=1&category={$catid}">
+                    {$categories.{$catid}.name}
+                    </a>
+                </li>
+                {foreach $category as $event}
+                    {* Only output the first three so if it goes to 4 then break out of the loop *}
+                    {if $event@iteration == 4}
+                        {break}
+                    {/if}
+                <li class="description text-left">
+                    <a href="{$siteBaseUrl}event-detail/{$event.slug}">
+                    {$event.title}
+                    </a>
+                </li>
+                {/foreach}
+            </ul>
+        </div>
+        {if $category@iteration is div by 2}
+            </div><div class="row">
+        {/if}
+        {/foreach}
     </div>
-    {if $category@iteration is div by 2}
-        </div><div class="row">
-    {/if}
-    {/foreach}
 </div>
index a96f985..5d3e485 100644 (file)
@@ -1,37 +1,39 @@
-<div class="row">
-        {include file='front/events/searchForm.html'}
-        {include file='front/events/shortCuts.html'}
-</div>
-<div class="row">
-    <div class="small-12 column">
-        <img style="margin: 15px;" src="http://placehold.it/730x280">
+<div id="glm-event-wrapper"> 
+    <div class="row">
+            {include file='front/events/searchForm.html'}
+            {include file='front/events/shortCuts.html'}
     </div>
-    <div class="small-12 column">
-        <div class="row">
-            <div class="small-5 small-text-center column">
-                <img style="margin: 0 15px 15px;" src="http://placehold.it/220x220">
-                <button style="margin: 0 15px 15px;">Get Driving Directions</button>
-            </div>
-            <div class="small-7 column">
-                <div class="row">
-                    <div class="small-12 column"><strong>{$event.starting}</strong></div>
-                    <div class="small-12 column"><strong>{$event.title}</strong><br>
-                        {$event.street}<br>
-                        {$event.city}, {$event.state} {$event.zip}
-                    </div>
-                    <div class="small-12 column">{$event.cost}</div>
-                    <div class="small-12 column"><strong>Contact & More Info</strong><br>
-                        {if $event.url}
-                        <a href="{$event.url}">{$event.url}</a><br>
-                        {/if}
-                        {if $event.email}
-                        Email: <a href="mailto: {$event.email}">{$event.email}</a>
-                        {/if}
+    <div class="row">
+        <div class="small-12 column">
+            <img style="margin: 15px;" src="http://placehold.it/730x280">
+        </div>
+        <div class="small-12 column">
+            <div class="row">
+                <div class="small-5 small-text-center column">
+                    <img style="margin: 0 15px 15px;" src="http://placehold.it/220x220">
+                    <button style="margin: 0 15px 15px;">Get Driving Directions</button>
+                </div>
+                <div class="small-7 column">
+                    <div class="row">
+                        <div class="small-12 column"><strong>{$event.starting}</strong></div>
+                        <div class="small-12 column"><strong>{$event.title}</strong><br>
+                            {$event.street}<br>
+                            {$event.city}, {$event.state} {$event.zip}
+                        </div>
+                        <div class="small-12 column">{$event.cost}</div>
+                        <div class="small-12 column"><strong>Contact & More Info</strong><br>
+                            {if $event.url}
+                            <a href="{$event.url}">{$event.url}</a><br>
+                            {/if}
+                            {if $event.email}
+                            Email: <a href="mailto: {$event.email}">{$event.email}</a>
+                            {/if}
+                        </div>
                     </div>
                 </div>
-            </div>
-            <div class="small-12 column">
-                <p>{$event.description}</p>
+                <div class="small-12 column">
+                    <p>{$event.description}</p>
+                </div>
             </div>
         </div>
     </div>
index 46d45d6..9216922 100644 (file)
@@ -1,19 +1,20 @@
-<h1>Event List</h1>
-<div class="row">
-        {include file='front/events/searchForm.html'}
-        {include file='front/events/shortCuts.html'}
-</div>
-<div class="row">
-    {foreach $events as $event}
-    <div class="small-12 columns">
-        <div class="row">
-            <div class="small-6 medium-2 columns">{$event.starting}</div>
-            <div class="small-6 medium-10 columns">
-                {$categories[$event.category].name}<br>
-                <a href="{$siteBaseUrl}event-detail/{$event.slug}">{$event.title}</a>
+<div id="glm-event-wrapper"> 
+    <div class="row">
+            {include file='front/events/searchForm.html'}
+            {include file='front/events/shortCuts.html'}
+    </div>
+    <div class="row">
+        {foreach $events as $event}
+        <div class="small-12 columns">
+            <div class="row">
+                <div class="small-6 medium-2 columns">{$event.starting}</div>
+                <div class="small-6 medium-10 columns">
+                    {$categories[$event.category].name}<br>
+                    <a href="{$siteBaseUrl}event-detail/{$event.slug}">{$event.title}</a>
+                </div>
             </div>
+            <hr>
         </div>
-        <hr>
+        {/foreach}
     </div>
-    {/foreach}
 </div>
index 1c810b7..c8dafd9 100644 (file)
@@ -1,5 +1,5 @@
-    <div class="small-12 medium-6 columns">
-        <h3 class="text-center">Find An Event</h3>
+    <div id="glm-events-search-form" class="small-12 medium-6 columns">
+        <h4 class="text-center">Find An Event</h4>
         <form action="{$currentUrl}">
             <input type="hidden" name="search" value="1">
             <div class="row">
index 1304f19..edbfbf3 100644 (file)
@@ -1,5 +1,5 @@
-    <div id="shortcuts" class="small-12 medium-4 columns">
-        <h3 class="text-center">Shortcuts</h3>
+    <div id="glm-events-shortcuts" class="small-12 medium-4 columns">
+        <h4 class="text-center">Shortcuts</h4>
         <ul class="stack button-group radius">
             <li><a href="#" class="button">Today's Events</a></li>
             <li><a href="#" class="button">Tomorrow's Events</a></li>