adding base styles for list view

diff --git a/css/front.css b/css/front.css
index d1d8d02..d3b1d76 100644 (file)
--- a/css/front.css
+++ b/css/front.css
@@ -59,6 +59,9 @@
 /*}}} end of tampering */
 
 /*{{{ Event Registration List */
+#glm-reg-list{
+    max-width: 800px;
+}
 #glm-reg-list h3 a {
     text-transform: uppercase;
 }
@@ -66,8 +69,18 @@
     width: 100%;
     padding: 0;
 }
-.glm-reg-event-item {
-/*    border: 1px solid black;*/
+.glm-reg-list-details{
+    padding: 0;
+}
+.glm-reg-list-data{
+    padding: 0;
+}
+.glm-reg-list-description{
+    padding: 5px 0;
+    line-height: 1.2;
+}
+#glm-reg-list .glm-reg-event-item {
+    border: 1px solid black;
     /* padding: 10px; */
     margin: 1rem 0;
 }
@@ -78,6 +91,15 @@
     padding: .4rem;
     width: 80%;
 }
+.glm-reg-list-label{
+    padding: 0;
+}
+.glm-reg-list-image-container{
+    padding:10px 0;
+}
+.glm-reg-list-image{
+    float: left;
+}
 /*}}} end Event Registration List */
 
 /*{{{ Event Registration Page */
@@ -85,6 +107,11 @@
     width: 48%;
     float: right;
 }
+.glm-reg-event-item {
+/*    border: 1px solid black;*/
+    /* padding: 10px; */
+    margin: 1rem 0;
+}
 .glm-reg-dates input {
     width: 8rem;
     float: left;

diff --git a/views/front/registrations/list.html b/views/front/registrations/list.html
index 59e0a0a..2d6f812 100644 (file)
--- a/views/front/registrations/list.html
+++ b/views/front/registrations/list.html
@@ -9,91 +9,110 @@
 <div id="glm-reg-list" class="glm-reg-row">
 {if $haveRegEvents}
     {foreach $regEvents as $event}
-    <div class="glm-columns glm-small-12 glm-reg-event-item">
-        <h3><a href="{$thisUrl}?page=registration&eventRegId={$event.id}">{$event.event_name}</a></h3>
-        {if $event.image} <img style="float:right;" src="{$glmPluginMediaUrl}/images/small/{$event.image}"> {/if}
-        <p>{$event.intro}</p>
-        <div class="glm-row">
-            <div class="glm-columns glm-large-2 glm-small-12">
-                <strong> Dates/Times: </strong>
-            </div>
-            <div class="glm-columns glm-large-10 glm-small-12">
-                {$lastDate = ''}
-                {foreach $event.recurrences as $rec}
+        <!-- EVENT REG ITEM START -->
+        <div class="glm-columns glm-small-12 glm-reg-event-item">
+            
+            <div class="glm-small-12 glm-large-9 glm-columns glm-reg-list-data">
+                <h3><a href="{$thisUrl}?page=registration&eventRegId={$event.id}">{$event.event_name}</a></h3>
+                <!-- START EVENT REG TIMES -->
+                <div class="glm-row">
+<!--                    <div class="glm-columns glm-large-2 glm-small-12 glm-reg-list-label">
+                        <strong> Dates/Times: </strong>
+                    </div>-->
 
-                    {$eDate = $rec.from_date.timestamp|date_format:"%A, %B %e, %Y"}
-                    {if $eDate != $lastDate}
-                        {$lastDate = $eDate}
-                        <div>
-                        {if $event.recurrences.0.recurring.value == 1} Occurring {/if}
+                    <div class="glm-columns glm-small-12 glm-reg-list-details">
+                        {$lastDate = ''}
+                        {foreach $event.recurrences as $rec}
 
-                        {$eDate}
-                            {if $rec.from_date.date != $rec.to_date.date}
-                                - {$rec.to_date.timestamp|date_format:"%B %e, %Y"}
-                            {else if $rec.specific_dates}
-                                - {$rec.specific_dates|@end|date_format:"%B %e, %Y"}
-                            {/if}
+                            {$eDate = $rec.from_date.timestamp|date_format:"%A, %B %e, %Y"}
+                            {if $eDate != $lastDate}
+                                {$lastDate = $eDate}
+                                    <div>
+                                {if $event.recurrences.0.recurring.value == 1} Occurring {/if}
+
+                                {$eDate}
+                                    {if $rec.from_date.date != $rec.to_date.date}
+                                        - {$rec.to_date.timestamp|date_format:"%B %e, %Y"}
+                                    {else if $rec.specific_dates}
+                                        - {$rec.specific_dates|@end|date_format:"%B %e, %Y"}
+                                    {/if}
 
 
-                            {if $rec.day_of_week.names|@count < 7 && $rec.day_of_week.names|@count > 0 }
-                                on
-                                {foreach $rec.day_of_week.names as $day}
-                                    {if $day == "Thursday"}
-                                        <span> {$day|substr:0:4} </span>
-                                    {else}
-                                        <span> {$day|substr:0:3} </span>
-                                     {/if}
-                                 {/foreach}
+                                    {if $rec.day_of_week.names|@count < 7 && $rec.day_of_week.names|@count > 0 }
+                                        on
+                                        {foreach $rec.day_of_week.names as $day}
+                                            {if $day == "Thursday"}
+                                                <span> {$day|substr:0:4} </span>
+                                            {else}
+                                                <span> {$day|substr:0:3} </span>
+                                             {/if}
+                                         {/foreach}
 
+                                    {/if}
+
+                                </div>
                             {/if}
+                            {if isset($event.all_day) && !$event.all_day}
+                                <div>
+                                        {if $rec.start_time.time == $rec.end_time.time || $rec.start_time_only.value}
+                                            {$rec.start_time.time|strtotime|date_format:"%l:%M %P"}
+                                        {else}
+                                            {$rec.start_time.time|strtotime|date_format:"%l:%M %P"} - {$rec.end_time.time|strtotime|date_format:"%l:%M %P"}
+                                        {/if}
+                                        {if $rec.name && $rec.name != 'Imported' && $rec.name != 'Imported Event Schedule' }
+                                            {$rec.name}
+                                        {/if}
 
-                        </div>
-                    {/if}
-                    {if isset($event.all_day) && !$event.all_day}
-                        <div>
-                                {if $rec.start_time.time == $rec.end_time.time || $rec.start_time_only.value}
-                                    {$rec.start_time.time|strtotime|date_format:"%l:%M %P"}
-                                {else}
-                                    {$rec.start_time.time|strtotime|date_format:"%l:%M %P"} - {$rec.end_time.time|strtotime|date_format:"%l:%M %P"}
-                                {/if}
+                                </div>
+                            {else}
                                 {if $rec.name && $rec.name != 'Imported' && $rec.name != 'Imported Event Schedule' }
                                     {$rec.name}
                                 {/if}
-                        </div>
-                    {else}
-                        {if $rec.name && $rec.name != 'Imported' && $rec.name != 'Imported Event Schedule' }
-                            {$rec.name}
-                        {/if}
 
-                    {/if}
-                {/foreach}
+                            {/if}
 
-        </div>
-        </div>
-        {if $event.hide_address.name == 'No'}
-            <div class="glm-row">
-                <div class="glm-columns glm-large-2 glm-small-12">
-                    <strong> Location: </strong>
+                        {/foreach}
+
+                    </div>
                 </div>
-                <div class="glm-columns glm-large-10 glm-small-12">
-                    {if !$event.use_member_location.value && isset($event.locations) && ($event.locations.name || $event.locations.address)}
-                        {if $event.locations.name}{$event.locations.name}<br>{/if}
-                        {if $event.locations.address} {$event.locations.address}<br> {/if}
-                        {if $event.locations.city.name}{$event.locations.city.name}{/if}{if $event.locations.state.value}, {$event.locations.state.value} {/if}
-                        {if $event.locations.zip} {$event.locations.zip} {/if}
-                        {if $event.locations.phone} {apply_filters('glm_associate_phone_filter', $event.locations.phone)} {/if}
-                    {elseif isset($event.member) && $event.use_member_location.value}
-                        {if $event.member.member} {$event.member.member}<br> {/if}
-                        {if $event.member.addr1} {$event.member.addr1}<br> {/if}
-                        {if $event.member.city}{$event.member.city}{/if}{if $event.member.state.value}, {$event.member.state.value}{/if}
-                        {if $event.member.zip} {$event.member.zip} {/if}
-                        {if $event.member.phone} {apply_filters('glm_associate_phone_filter', $event.member.phone)} {/if}
-                    {/if}
+                <!-- EVENT REG TIMES END -->
+                <!-- EVENT REG LOCATION -->
+                {if $event.hide_address.name == 'No'}
+                    <div class="glm-row">
+<!--                        <div class="glm-columns glm-large-2 glm-small-12 glm-reg-list-label">
+                            <strong> Location: </strong>
+                        </div>-->
+                        <div class="glm-columns glm-small-12 glm-reg-list-details">
+                            {if !$event.use_member_location.value && isset($event.locations) && ($event.locations.name || $event.locations.address)}
+                                {if $event.locations.name}{$event.locations.name}<br>{/if}
+                                {if $event.locations.address} {$event.locations.address}<br> {/if}
+                                {if $event.locations.city.name}{$event.locations.city.name}{/if}{if $event.locations.state.value}, {$event.locations.state.value} {/if}
+                                {if $event.locations.zip} {$event.locations.zip} {/if}
+                                {if $event.locations.phone} {apply_filters('glm_associate_phone_filter', $event.locations.phone)} {/if}
+                            {elseif isset($event.member) && $event.use_member_location.value}
+                                {if $event.member.member} {$event.member.member}<br> {/if}
+                                {if $event.member.addr1} {$event.member.addr1}<br> {/if}
+                                {if $event.member.city}{$event.member.city}{/if}{if $event.member.state.value}, {$event.member.state.value}{/if}
+                                {if $event.member.zip} {$event.member.zip} {/if}
+                                {if $event.member.phone} {apply_filters('glm_associate_phone_filter', $event.member.phone)} {/if}
+                            {/if}
+                        </div>
+                    </div>
+                {/if}
+
+                <!-- EVENT REG LOCATION END -->
+                <div class="glm-small-12 glm-columns glm-reg-list-description">
+                    {$event.intro}
                 </div>
             </div>
-        {/if}
-
-    </div>
+            {if $event.image}
+                <div class="glm-small-12 glm-large-3 glm-columns glm-reg-list-image-container">
+                    <img class="glm-reg-list-image" src="{$glmPluginMediaUrl}/images/small/{$event.image}">
+                </div>
+            {/if}
+            
+        </div>
+        <!-- EVENT REG ITEM END -->
     {/foreach}
 {else}
     <h2>Sorry, no events are available for registration at this time.</h2>

diff --git a/views/front/registrations/registration.html b/views/front/registrations/registration.html
index 6ed6e04..84abd58 100644 (file)
--- a/views/front/registrations/registration.html
+++ b/views/front/registrations/registration.html
@@ -1,7 +1,9 @@
 {* Even Registration App - Backbone.js *}
 {* Underscore Templates for the Event Registration App *}
-{* Template for Logged in Account *}{literal}
+{* Template for Logged in Account *}
+
 <script src="//maps.googleapis.com/maps/api/js?sensor=true&key={$settings.google_maps_api_key}"></script>
+{literal}
 <script type="text/template" id="account-template">
     <span>Logged in as <%= fname %><%= lname %></span>
     <a id="accountLogout">Logout</a>