making changes to the table for the checkout page

using smarty to assign variables to create class names for the tables in the
checkout and cart pages

diff --git a/css/front.css b/css/front.css
index e176685..bc8c808 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -29,6 +29,27 @@
     background-size: cover;
     position: relative;
 }
+.glm-reg-date::before{
+        /* top: 0px; */
+    content: "";
+    background-image: url(../assets/events/calendar-icon-24x24.png);
+    background-height: 24px;
+    background-width: 24px;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    left: -36px;
+}
+.glm-reg-time::before{
+    content: "";
+    background-image: url(../assets/events/calendar-icon-24x24.png);
+    background-height: 24px;
+    background-width: 24px;
+    position: absolute;
+    width: 24px;
+    height: 24px;
+    left: -36px;
+}
 #glm-reg-map-container{
     height: 0px;
     margin: 0;

diff --git a/views/front/registrations/cartSummary.html b/views/front/registrations/cartSummary.html
index a6491cc..b3305b6 100644 (file)
--- a/views/front/registrations/cartSummary.html
+++ b/views/front/registrations/cartSummary.html
@@ -3,9 +3,18 @@
         <div class="glm-reg-row glm-reg-headder-row">
             <div class="glm-small-12 glm-column">
  {if $summaryType=="cart"}
-                    <a href="{$regUrl}?page=registration&eventRegId={$event.reg_event}"><span class="dashicons dashicons-edit"></span></a>
+                <a href="{$regUrl}?page=registration&eventRegId={$event.reg_event}"><span class="dashicons dashicons-edit"></span></a>
  {/if}
-                    {$event.event_name}
+ {if $summaryType=="checkout"}
+    {assign var="summaryClass2Col" value="glm-small-12 "}
+    {assign var="summaryClass3Col" value="glm-small-12 "}
+    {assign var="summaryClass4Col" value="glm-small-12 "}
+ {else if}
+    {assign var="summaryClass2Col" value="glm-small-12 glm-medium-2 "}
+    {assign var="summaryClass3Col" value="glm-small-12 glm-medium-3 "}
+    {assign var="summaryClass4Col" value="glm-small-12 glm-medium-4 "}
+ {/if}
+                {$event.event_name}
             </div>
         </div>
  {foreach $event.classes as $class}
@@ -27,16 +36,16 @@
    {/if}
    {foreach $rate.registrants as $registrant}
         <div class="glm-reg-row glm-reg-indent-1">
-            <div class="glm-small-12 glm-medium-2 glm-column glm-reg-row-bold">
+            <div class="{$summaryClass2Col} glm-reg-row-bold">
                 {$registrant.fname} {$registrant.lname}
             </div>
-            <div class="glm-small-12 glm-medium-3 glm-column glm-reg-space-left">
+            <div class="{$summaryClass3Col} glm-column glm-reg-space-left">
                 {$registrant.timeReformatted}
             </div>
-            <div class="glm-small-12 glm-medium-4 glm-column glm-reg-space-left">
+            <div class="{$summaryClass4Col} glm-column glm-reg-space-left">
                 Cookies and Milk (temp test data)
             </div>
-            <div class="glm-small-12 glm-medium-3 glm-column glm-reg-right">
+            <div class="{$summaryClass3Col} glm-column glm-reg-right">
     {if $registrant.registrantRate > 0}
                         ${$registrant.registrantRate|number_format:2}
     {else}

diff --git a/views/front/registrations/registration.html b/views/front/registrations/registration.html
index 83548ad..1d9bff5 100644 (file)
--- a/views/front/registrations/registration.html
+++ b/views/front/registrations/registration.html
@@ -26,11 +26,11 @@
                 <div class="glm-small-12 glm-medium-4 glm-columns glm-reg-event-profile-details-container">
                 
                     <div class="glm-row"> 
-                        <div class="glm-small-12 glm-columns glm-reg-event-profile-details"> {$regEvent.last_datetime.timestamp|date_format:"%A, %B %e, %Y"}</div>
+                        <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-date"> {$regEvent.last_datetime.timestamp|date_format:"%A, %B %e, %Y"}</div>
                         {if $regEvent.first_datetime.timestamp != $regEvent.last_datetime.timestamp}
-                            <div class="glm-small-12 glm-columns glm-reg-event-profile-details"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"} - {$regEvent.last_datetime.timestamp|date_format:"%l:%M %p"}</div>
+                            <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"} - {$regEvent.last_datetime.timestamp|date_format:"%l:%M %p"}</div>
                         {else}
-                             <div class="glm-small-12 glm-columns glm-reg-event-profile-details"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"}</div>
+                             <div class="glm-small-12 glm-columns glm-reg-event-profile-details glm-reg-time"> {$regEvent.first_datetime.timestamp|date_format:"%l:%M %p"}</div>
                         {/if}
                         <div class="glm-small-12 glm-columns glm-reg-event-profile-details"> {$regEvent.locations.name}</div>
                     </div>