removing foundation markup from the searchForm and agenda view files

replacing foundation markup with the glmgrid classes for the agenda and searchForm view files

diff --git a/views/front/events/agenda.html b/views/front/events/agenda.html
index d640f76..b300c82 100644 (file)
--- a/views/front/events/agenda.html
+++ b/views/front/events/agenda.html
@@ -1,13 +1,13 @@
 <div id="glm-event-wrapper">
-    <div class="row">
+    <div class="glmgrid-row glmgrid-collapse">
         {include file='front/events/searchForm.html'}
     </div>
 
-    <div id="glm-event-agenda-view" class="row">
-        <div class="small-12 columns">
+    <div id="glm-event-agenda-view" class="glmgrid-row">
+        <div class="glmgrid-small-12 glmgrid-columns">
             {foreach $eventsByDate as $date => $key}
-                <div class="row glm-event-day-row">
-                    <div class="small-12 medium-2 columns">
+                <div class="glmgrid-row glm-event-day-row">
+                    <div class="glmgrid-small-12 glmgrid-medium-2 glmgrid-columns">
                         <div class="glm-event-cal">
                             <div class="glm-event-cal-month">{$date|date_format:"%b"}</div>
                             <div class="glm-event-cal-day-container">
@@ -16,12 +16,12 @@
                             </div>
                         </div>
                     </div>
-                    <div class="small-12 medium-10 columns">
+                    <div class="glmgrid-small-12 glmgrid-medium-10 glmgrid-columns">
                         {foreach $key as $events}
                             {foreach $events as $event}
                                 {$showTime = true}
-                            <div class="row glm-event-day-event">
-                                <div class="small-12 columns">
+                            <div class="glmgrid-row glm-event-day-event">
+                                <div class="glmgrid-small-12 glmgrid-columns">
                                     <h2 class="agenda-event-name">{$event.name}</h2>
                                     {$eventDateTime = $event.starting_date|date_format:"%I:%M %P"}
                                         {foreach $event.recurrences as $rec}
@@ -291,7 +291,7 @@
 
         if(view === "calendar"){
             eventsCalMonthAJAX(month_obj);
-            main_content.removeClass("small-8").addClass("small-12");
+            main_content.removeClass("glmgrid-small-8").addClass("glmgrid-small-12");
             calendar.show();
             view_select.val('calendar');
 

diff --git a/views/front/events/searchForm.html b/views/front/events/searchForm.html
index 1c98f2a..ca2d990 100644 (file)
--- a/views/front/events/searchForm.html
+++ b/views/front/events/searchForm.html
@@ -2,22 +2,22 @@
     var ajaxUrl = '{$ajaxUrl}';
 </script>
 {if !$eventId}
-    <div id="glm-events-search-form" class="small-12 columns">
+    <div id="glm-events-search-form" class="glmgrid-small-12 glmgrid-columns">
         <h1>Find An Event</h1>
         <form action="{$currentUrl}">
             <input type="hidden" name="search" value="1">
-            <div class="row">
-                <div class="small-12 medium-5 columns">
+            <div class="glmgrid-row">
+                <div class="glmgrid-small-12 glmgrid-medium-5 glmgrid-columns">
                     <input class="glm-search-icon right" type="image" alt="Search" src="{$assetsUrl}search-icon-24x24.png">
                     <input id="glm-event-name" name="event_name" placeholder="Event Name" value="{$eventName}">
                 </div>
 
-                <div class="small-12 small-text-center medium-7 medium-text-right columns">
+                <div class="glmgrid-small-12 glmgrid-small-text-center glmgrid-medium-7 glmgrid-medium-text-right glmgrid-columns">
                     <a id="glm-event-add-event" href="{$siteBaseUrl}add-event/" class="tiny button success">Add an Event</a>
                 </div>
             </div>
-            <div class="row">
-                <div class="small-12 columns">
+            <div class="glmgrid-row">
+                <div class="glmgrid-small-12 glmgrid-columns">
                     <hr />
                 </div>
             </div>
@@ -25,28 +25,28 @@
         <form id="glm-member-event-search" action="{$currentUrl}" method="get">
             <input type="hidden" name="search" value="1">
              <input type="hidden" name="override_default" value="yes">
-            <div class="row">
-                <div class="small-6 medium-3 column">
-                    <div class="row collapse prefix-radius">
-                        <div class="small-3 columns">
-                            <span class="prefix">From</span>
+            <div class="glmgrid-row">
+                <div class="glmgrid-small-6 glmgrid-medium-3 glmgrid-column">
+                    <div class="glmgrid-row glmgrid-collapse glmgrid-prefix-radius">
+                        <div class="glmgrid-small-3 glmgrid-columns">
+                            <span class="glmgrid-prefix">From</span>
                         </div>
-                        <div class="small-9 columns">
+                        <div class="glmgrid-small-9 glmgrid-columns">
                             <input id="glm-event-from" name="glm_event_from" value="{$fromDate}">
                         </div>
                     </div>
                 </div>
-                <div class="small-6 medium-3 column">
-                    <div class="row collapse prefix-radius">
-                        <div class="small-3 columns">
-                            <span class="prefix">To</span>
+                <div class="glmgrid-small-6 glmgrid-medium-3 glmgrid-column">
+                    <div class="glmgrid-row glmgrid-collapse glmgrid-prefix-radius">
+                        <div class="glmgrid-small-3 glmgrid-columns">
+                            <span class="glmgrid-prefix">To</span>
                         </div>
-                        <div class="small-9 columns">
+                        <div class="glmgrid-small-9 glmgrid-columns">
                             <input id="glm-event-to" name="glm_event_to" value="{$toDate}">
                         </div>
                     </div>
                 </div>
-                <div class="small-8 medium-4 column">
+                <div class="glmgrid-small-8 glmgrid-medium-4 glmgrid-column">
                     <input class="glm-search-icon right" type="image" alt="Search" src="{$assetsUrl}search-icon-24x24.png">
                     <select id="glm-event-category" name="category">
                         <option value="0">-- All Categories --</option>
@@ -55,7 +55,7 @@
                         {/foreach}
                     </select>
                 </div>
-                <div class="small-4 medium-2 column">
+                <div class="glmgrid-small-4 glmgrid-medium-2 glmgrid-column">
                     {if !$eventId}
                     <input class="right" type="image" title="Print PDF" id="glm-event-pdf-submit" src="{$assetsUrl}print-icon-24x24.png">
                     {else}
@@ -71,7 +71,7 @@
         </form>
     </div>
 {else}
-    <div class="small-4 small-offset-8 medium-2 medium-offset-10 column">
+    <div class="glmgrid-small-4 glmgrid-small-offset-8 glmgrid-medium-2 glmgrid-medium-offset-10 glmgrid-column">
         {if !$eventId}
         <input class="right" type="image" title="Print PDF" id="glm-event-pdf-submit" src="{$assetsUrl}print-icon-24x24.png">
         {else}
@@ -84,7 +84,7 @@
         </a>
     </div>
 {/if}
-<div class="small-7 medium-3 columns view-select">
+<div class="glmgrid-small-12 glmgrid-columns view-select">
     <select id="glm-event-view-select">
         <option id="agenda-view-option" value="agenda"> Agenda View </option>
         <option id="calendar-view-option" value="calendar"> Calendar View </option>