php js css php js css

Changes

Changes to Design template: AF Design - Events List

217362
Yesterday 11:56pm
Guevarra, Kim
Modified design template
217363
Yesterday 11:56pm
Guevarra, Kim
Modified design template
Css:
Design Id:
13
13
Component Class:
\Components\Marketing\Events
\Components\Marketing\Events
Id:
list
list
Default Variation:

															

														
Html:
<div class="post-list--col" onclick="window.location.href = '/community/event-rsvp/?event_id=[? $event['event_id'] ?]'; return false;">
<!-- Event Icon -->
<logic:if test="$templateRegionsShown['icon'] && $event['event_icon']" evaluateat="render">

<div class="post-list--img">
<standard:image src="[? $event['event_icon'] ?]" alt="[? $event['event_title'] ?]" lazy="true"width="300" height="300" />
</div>
</logic:if>

<div style="padding: 2rem">
<hr class="accentLine" />
<h3 style="margin-top: .5rem;"><span style="color: #333333;">[? $event['event_title'] ?]</span></h3>

<!-- Event Date -->
<logic:if test="$templateRegionsShown['date']">
<table border="0" width="100%">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="feather" iconstyle="standard" iconname="calendar" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">
<logic:if test="$event['event_start_datetime']">
<logic:if test="formatDate($event['event_start_datetime'], 'yyyy') == date('Y')">
[? formatDateTime($event['event_start_datetime'], '', 'MMM dd', '') ?]
</logic:if>
<logic:else>[? formatDateTime($event['event_start_datetime'], '', 'MMM dd, %Y', '') ?]</logic:else>
</logic:if>
<logic:if test="$event['event_end_datetime']">
<logic:if test="formatDate($event['event_start_datetime']) != formatDate($event['event_end_datetime'])">
<logic:if test="formatDate($event['event_end_datetime'], 'yyyy') == date('Y')">
- [? formatDateTime($event['event_end_datetime'], '', 'MMM dd', '') ?]
</logic:if>
<logic:else>- [? formatDateTime($event['event_end_datetime'], '', 'MMM dd, %Y', '') ?]</logic:else>
</logic:if>
</logic:if>
</td>
</tr>
</table>
</logic:if>

<!-- Event Time -->
<logic:if test="$templateRegionsShown['time'] && $event['event_start_datetime']">
<table border="0" width="100%">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="feather" iconstyle="standard" iconname="clock" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">
[? formatDateTime($event['event_start_datetime'], '', '', 'h:mm a', false, true) ?]
<logic:if test="formatDateTime($event['event_start_datetime'])">
<logic:if test="formatDateTime($event['event_start_datetime']) != formatDateTime($event['event_end_datetime'])">
- [? formatDateTime($event['event_end_datetime'], '', '', 'h:mm a', false, true) ?]
</logic:if>
</logic:if>
<!--<logic:variable as="timeZone" value="[? \Components\Marketing\Events::getColumn($event['event_id'], 'event_timezone') ?]" />
<logic:variable as="timeZoneDisplay" value="[? \Framework\Date::getTimeZoneTitle($timeZone) ?]" />
<br />[? $timeZoneDisplay?] -->
</td>
</tr>
</table>
</logic:if>

<!-- Event Location -->
<logic:if test="$templateRegionsShown['location'] && ($event['event_location_id'] != null)">

<logic:variable value="[? \Components\Marketing\Events\Locations::get($event['event_location_id']) ?]" as="eventLocation" />
<table border="0" width="100%">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="feather" iconstyle="standard" iconname="map-pin" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">[? $eventLocation['event_location_description'] ?]</td>
</tr>
</table>

</logic:if>

<!-- Event Price -->
<logic:if test="$templateRegionsShown['price'] && \Components\Marketing\Events::getEventPrice($event['event_id'])">
<table border="0" width="100%">
<tr>
<td width="30px" style="vertical-align: top;">
</td>
<td width="auto">
<logic:if test="\Components\Marketing\Events::getEventPrice($event['event_id']) == 0">Free</logic:if>
<logic:else>[?? \Components\Marketing\Events::renderEventPrice($event['event_id']) ??]</logic:else>
</td>
</tr>
</table>
<br /><br />
</logic:if>

<!-- Event Short Description -->
<logic:if test="$templateRegionsShown['short_description'] && $event['event_description_short']">
<br /> <p> [?? $event['event_description_short'] ??] </p>
<br /><br />
</logic:if>

<!-- Event RSVP/Register Button -->
<logic:if test="$templateRegionsShown['rsvp']">
<logic:variable as="eventRSVP" value="[?? \Components\Marketing\Events::canContactRSVPForEvent($event['event_id'], \Components\Customers\Contacts::currentContactId()) ??]" />

<!-- Event RSVP Deadline -->
<logic:if test="$templateRegionsShown['rsvp_deadline'] && $eventRSVP['can_rsvp'] && $event['event_rsvp_deadline_datetime']">
<p>Registrations End: [? \Components\Marketing\Events::renderTime($event, $event['event_rsvp_deadline_datetime']) ?]</p>
<br /><br /></logic:if>

<logic:if test="$eventRSVP['can_rsvp']">
<br />
<!-- RSVP with Oncord - if event_external_rsvp_url, rsvp page will redirect to it -->
<templates:button variant="Classic" color="#d90f31" padding="10" borderRadius="0" href="" bgcolor="" border="2px solid #d90f31" href="/community/event-rsvp/?event_id=[? $event['event_id'] ?]">Register Here</templates:button>
</logic:if>
<logic:else test="!$eventRSVP['can_rsvp']">
<br />
<p style="text-align: center;">[? $eventRSVP['reason'] ?].</p>
</logic:else>
</logic:if>
</div>
</div>
<div class="post-list--col" onclick="window.location.href = '/community/event-rsvp/?event_id=[? $event['event_id'] ?]'; return false;">
<!-- Event Icon -->
<logic:if test="$templateRegionsShown['icon'] && $event['event_icon']" evaluateat="render">

<div class="post-list--img">
<standard:image src="[? $event['event_icon'] ?]" alt="[? $event['event_title'] ?]" lazy="true"width="300" height="300" />
</div>
</logic:if>

<div style="padding: 2rem">
<hr class="accentLine" />
<h3 style="margin-top: .5rem;"><span style="color: #333333;">[? $event['event_title'] ?]</span></h3>

<!-- Event Date -->
<logic:if test="$templateRegionsShown['date']">
<table border="0" width="100%">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="feather" iconstyle="standard" iconname="calendar" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">
<logic:if test="$event['event_start_datetime']">
<logic:if test="formatDate($event['event_start_datetime'], 'yyyy') == date('Y')">
[? formatDateTime($event['event_start_datetime'], '', 'MMM dd', '') ?]
</logic:if>
<logic:else>[? formatDateTime($event['event_start_datetime'], '', 'MMM dd, %Y', '') ?]</logic:else>
</logic:if>
<logic:if test="$event['event_end_datetime']">
<logic:if test="formatDate($event['event_start_datetime']) != formatDate($event['event_end_datetime'])">
<logic:if test="formatDate($event['event_end_datetime'], 'yyyy') == date('Y')">
- [? formatDateTime($event['event_end_datetime'], '', 'MMM dd', '') ?]
</logic:if>
<logic:else>- [? formatDateTime($event['event_end_datetime'], '', 'MMM dd, %Y', '') ?]</logic:else>
</logic:if>
</logic:if>
</td>
</tr>
</table>
</logic:if>

<!-- Event Time -->
<logic:if test="$templateRegionsShown['time'] && $event['event_start_datetime']">
<table border="0" width="100%">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="feather" iconstyle="standard" iconname="clock" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">
[? formatDateTime($event['event_start_datetime'], '', '', 'h:mm a', false, true) ?]
<logic:if test="formatDateTime($event['event_start_datetime'])">
<logic:if test="formatDateTime($event['event_start_datetime']) != formatDateTime($event['event_end_datetime'])">
- [? formatDateTime($event['event_end_datetime'], '', '', 'h:mm a', false, true) ?]
</logic:if>
</logic:if>
<!--<logic:variable as="timeZone" value="[? \Components\Marketing\Events::getColumn($event['event_id'], 'event_timezone') ?]" />
<logic:variable as="timeZoneDisplay" value="[? \Framework\Date::getTimeZoneTitle($timeZone) ?]" />
<br />[? $timeZoneDisplay?] -->
</td>
</tr>
</table>
</logic:if>

<!-- Event Location -->
<logic:if test="$templateRegionsShown['location'] && ($event['event_location_id'] != null)">

<logic:variable value="[? \Components\Marketing\Events\Locations::get($event['event_location_id']) ?]" as="eventLocation" />
<table border="0" width="100%">
<tr>
<td width="30px" style="vertical-align: top;">
<standard:icon library="feather" iconstyle="standard" iconname="map-pin" size="4" style="width: 15px; height: 15px;" />
</td>
<td width="auto">[? $eventLocation['event_location_description'] ?]</td>
</tr>
</table>

</logic:if>

<!-- Event Price -->
<logic:if test="$templateRegionsShown['price'] && \Components\Marketing\Events::getEventPrice($event['event_id'])">
<table border="0" width="100%">
<tr>
<td width="30px" style="vertical-align: top;">
</td>
<td width="auto">
<logic:if test="\Components\Marketing\Events::getEventPrice($event['event_id']) == 0">Free</logic:if>
<logic:else>[?? \Components\Marketing\Events::renderEventPrice($event['event_id']) ??]</logic:else>
</td>
</tr>
</table>
<br /><br />
</logic:if>

<!-- Event Short Description -->
<logic:if test="$templateRegionsShown['short_description'] && $event['event_description_short']">
<br /> <p> [?? $event['event_description_short'] ??] </p>
<br /><br />
</logic:if>

<!-- Event RSVP/Register Button -->
<logic:if test="$templateRegionsShown['rsvp']">
<logic:variable as="eventRSVP" value="[?? \Components\Marketing\Events::canContactRSVPForEvent($event['event_id'], \Components\Customers\Contacts::currentContactId()) ??]" />

<!-- Event RSVP Deadline -->
<logic:if test="$templateRegionsShown['rsvp_deadline'] && $eventRSVP['can_rsvp'] && $event['event_rsvp_deadline_datetime']">
<p>Registrations End: [? \Components\Marketing\Events::renderTime($event, $event['event_rsvp_deadline_datetime']) ?]</p>
<br /><br /></logic:if>

<logic:if test="$eventRSVP['can_rsvp']">
<br />
<!-- RSVP with Oncord - if event_external_rsvp_url, rsvp page will redirect to it -->
<templates:button variant="Classic" color="#d90f31" padding="10" borderRadius="0" href="" bgcolor="" border="2px solid #d90f31" href="/community/event-rsvp/?event_id=[? $event['event_id'] ?]">Register Here</templates:button>
</logic:if>
<logic:else test="!$eventRSVP['can_rsvp']">
<br />
<p style="text-align: center;">[? $eventRSVP['reason'] ?].</p>
</logic:else>
</logic:if>
</div>
</div>