Changes

/includes/events/

/includes/events/

Events

Events

<logic:variable as="dataLimit" value="" />

<logic:if test="\Components\Website\Pages::currentPageId() == '/about/' || \Components\Website\Pages::currentPageId() == '/'">

	<logic:variable as="dataLimit" value="3" />

</logic:if>



<!--<data:repeater class="post-list--container" as="post" datasource="\Components\Website\Posts::getAllForCategory($page['page_post_category_id'] ? $page['page_post_category_id'] : 2 )" dataorder="[? [['post_event_start_date', 'asc']] ?]" datafilter="[? [['post_event_start_date', '>=', date('Y-m-d H:i:s', strtotime('now'))]] ?]" emptymessage="No event(s) available" datalimit="[? $dataLimit ?]">-->

<data:repeater class="post-list--container" as="post" datasource="\Components\Website\Posts::getAllForCategory($page['page_post_category_id'] ? $page['page_post_category_id'] : 2 )"  emptymessage="No event(s) available" datalimit="[? $dataLimit ?]">

	[? $post['post_content_url']?]

	<div class="post-list--col" onclick="document.location = '[? $post['post_content_url']?]'; return false;">

		<logic:if test="$post['post_icon']">

			<div class="post-list--img"><standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" lazy="true" /></div>

		</logic:if>

		<div style="padding: 2rem">

			<hr />

			<h3><span style="color: #333333;"><strong>[? $post['post_title'] ?]</strong></span></h3>

			<span style="display: none">[? formatDateTime($post['post_event_start_date'], false, '%b %d', '%T', true) ?]</span>

			<table border="0" width="100%">

				<tr>

					<td width="30px" style="vertical-align: top;">

						<standard:icon library="fontawesome" iconstyle="solid" iconname="calendar" size="4" style="width: 15px; height: 15px;" />

					</td>

					<td width="auto">

						<logic:if test="$post['post_event_start_date']">

							<logic:if test="formatDate($post['post_event_start_date'], '%Y') == date('Y')">

								[? formatDate($post['post_event_start_date'], '%b %d') ?]

							</logic:if>

							<logic:else>[? formatDate($post['post_event_start_date'], '%b %d, %Y') ?]</logic:else>

						</logic:if>

						<logic:if test="$post['post_event_end_date']">

							<logic:if test="formatDate($post['post_event_start_date'], '%b %d, %Y') != formatDate($post['post_event_end_date'], '%b %d, %Y')">

								<logic:if test="formatDate($post['post_event_end_date'], '%Y') == date('Y')">

									- [? formatDate($post['post_event_end_date'], '%b %d') ?]

								</logic:if>

								<logic:else>- [? formatDate($post['post_event_end_date'], '%b %d, %Y') ?]</logic:else>

							</logic:if>

						</logic:if>

					</td>

				</tr>

			</table>

			<table border="0" width="100%">

				<tr>

					<td width="30px" style="vertical-align: top;">

						<standard:icon library="fontawesome" iconstyle="solid" iconname="clock" size="4" style="width: 15px; height: 15px;" />

					</td>

					<td width="auto">

						[? formatDate($post['post_event_start_date'], '%l:%M%p') ?]

						<logic:if test="formatDate($post['post_event_end_date'])">

							<logic:if test="formatDate($post['post_event_start_date'], '%l:%M%p') != formatDate($post['post_event_end_date'], '%l:%M%p')">

								- [? formatDate($post['post_event_end_date'], '%l:%M%p') ?]

							</logic:if>

						</logic:if>

					</td>

				</tr>

			</table>

			<logic:if test="$post['post_event_location']">

				<table border="0" width="100%">

					<tr>

						<td width="30px" style="vertical-align: top;">

							<standard:icon library="fontawesome" iconstyle="solid" iconname="location-dot" size="4" style="width: 15px; height: 15px;" />

						</td>

						<td width="auto">[? $post['post_event_location'] ?]</td>

					</tr>

				</table>

			</logic:if>

			<br />

			<br />

			<!--<logic:if test="$post['post_content_short']">

			<p><small>[? $post['post_content_short'] ?]</small></p>

		</logic:if>

		-->

			<br />

			<logic:if test="$post['post_content_url']">

				<templates:button variant="Classic" bgcolor="#cf2032" color="#fff" borderRadius="0" href="[? $post['post_content_url'] ?]" padding="15">Read

				More</templates:button>

			</logic:if>

		</div>

	</div>

</data:repeater>

<logic:variable as="dataLimit" value="" />

<logic:if test="\Components\Website\Pages::currentPageId() == '/about/' || \Components\Website\Pages::currentPageId() == '/'">

	<logic:variable as="dataLimit" value="3" />

</logic:if>



<!--<data:repeater class="post-list--container" as="post" datasource="\Components\Website\Posts::getAllForCategory($page['page_post_category_id'] ? $page['page_post_category_id'] : 2 )" dataorder="[? [['post_event_start_date', 'asc']] ?]" datafilter="[? [['post_event_start_date', '>=', date('Y-m-d H:i:s', strtotime('now'))]] ?]" emptymessage="No event(s) available" datalimit="[? $dataLimit ?]">-->

<data:repeater class="post-list--container" as="post" datasource="\Components\Website\Posts::getAllForCategory($page['page_post_category_id'] ? $page['page_post_category_id'] : 2 )"  emptymessage="No event(s) available" datalimit="[? $dataLimit ?]">

	[? $post['post_content_url']?]

	<div class="post-list--col" onclick="document.location = '[? $post['post_content_url']?]'; return false;">

		<logic:if test="$post['post_icon']">

			<div class="post-list--img"><standard:image src="[? $post['post_icon'] ?]" alt="[? $post['post_title'] ?]" lazy="true" /></div>

		</logic:if>

		<div style="padding: 2rem">

			<hr />

			<h3><span style="color: #333333;"><strong>[? $post['post_title'] ?]</strong></span></h3>

			<span style="display: none">[? formatDateTime($post['post_event_start_date'], false, '%b %d', '%T', true) ?]</span>

			<table border="0" width="100%">

				<tr>

					<td width="30px" style="vertical-align: top;">

						<standard:icon library="fontawesome" iconstyle="solid" iconname="calendar" size="4" style="width: 15px; height: 15px;" />

					</td>

					<td width="auto">

						<logic:if test="$post['post_event_start_date']">

							<logic:if test="formatDate($post['post_event_start_date'], '%Y') == date('Y')">

								[? formatDate($post['post_event_start_date'], '%b %d') ?]

							</logic:if>

							<logic:else>[? formatDate($post['post_event_start_date'], '%b %d, %Y') ?]</logic:else>

						</logic:if>

						<logic:if test="$post['post_event_end_date']">

							<logic:if test="formatDate($post['post_event_start_date'], '%b %d, %Y') != formatDate($post['post_event_end_date'], '%b %d, %Y')">

								<logic:if test="formatDate($post['post_event_end_date'], '%Y') == date('Y')">

									- [? formatDate($post['post_event_end_date'], '%b %d') ?]

								</logic:if>

								<logic:else>- [? formatDate($post['post_event_end_date'], '%b %d, %Y') ?]</logic:else>

							</logic:if>

						</logic:if>

					</td>

				</tr>

			</table>

			<table border="0" width="100%">

				<tr>

					<td width="30px" style="vertical-align: top;">

						<standard:icon library="fontawesome" iconstyle="solid" iconname="clock" size="4" style="width: 15px; height: 15px;" />

					</td>

					<td width="auto">

						[? formatDate($post['post_event_start_date'], '%l:%M%p') ?]

						<logic:if test="formatDate($post['post_event_end_date'])">

							<logic:if test="formatDate($post['post_event_start_date'], '%l:%M%p') != formatDate($post['post_event_end_date'], '%l:%M%p')">

								- [? formatDate($post['post_event_end_date'], '%l:%M%p') ?]

							</logic:if>

						</logic:if>

					</td>

				</tr>

			</table>

			<logic:if test="$post['post_event_location']">

				<table border="0" width="100%">

					<tr>

						<td width="30px" style="vertical-align: top;">

							<standard:icon library="fontawesome" iconstyle="solid" iconname="location-dot" size="4" style="width: 15px; height: 15px;" />

						</td>

						<td width="auto">[? $post['post_event_location'] ?]</td>

					</tr>

				</table>

			</logic:if>

			<br />

			<br />

			<!--<logic:if test="$post['post_content_short']">

			<p><small>[? $post['post_content_short'] ?]</small></p>

		</logic:if>

		-->

			<br />

			<logic:if test="$post['post_content_url']">

				<templates:button variant="Classic" bgcolor="#cf2032" color="#fff" borderRadius="0" href="[? $post['post_content_url'] ?]" padding="15">Read

				More</templates:button>

			</logic:if>

		</div>

	</div>

</data:repeater>

{"togglable_footerCTA":null,"togglable_memberCTA":"on","togglable_testCTA":null,"togglable_newslettercta":null}

{"togglable_footerCTA":null,"togglable_memberCTA":"on","togglable_testCTA":null,"togglable_newslettercta":null}

.post-list--container,

.templateContainer--websitePosts-list-custom,

.templateContainer--websitePosts-list-default {

	display: flex;

	justify-content: center;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-flow: row wrap;

	flex-flow: row wrap;

	gap: 1rem;

}



.post-list--col {

	min-width: 250px;

	width: 31%;

	margin-bottom: 2rem;

	position: relative;

	text-align: left !important;

	background: #fafafa;

}



@media (max-width: 900px) {

	.post-list--container,

	.templateContainer--websitePosts-list-custom,

	.templateContainer--websitePosts-list-default {

		display: grid !important;

		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

	}



	.post-list--col {

		width: 100% !important;

	}

}



.post-list--img {

	width: 100%;

	height: 250px;

	overflow: hidden;

}



.post-list--col img {

	height: 250px;

	width: 100%;

	object-fit: cover;

	vertical-align: bottom;

	transition: 0.5s all;

}



.post-list--col a:hover img {

	transform: scale(1.2);

}



.post-list--col a {

	color: #000000;

}



.post-list--col

{

	background-color: #ffffff;

	box-shadow: 0px 3px 15px rgb(0 0 0 / 20%);

}



.post-list--col hr

{

	margin: 40px 20px 20px 0;

    width: 40px;

    height: 3px;

    background-color: #cf2032;

    border: none;

    -webkit-transition: width 0.3s ease-out;

    transition: width 0.3s ease-out;

}



.post-list--col:hover hr 

{

    width: 70px;

}



.post-list--col .s8-templates-button 

{

    position: absolute;

    bottom: 32px;

}

.post-list--container,

.templateContainer--websitePosts-list-custom,

.templateContainer--websitePosts-list-default {

	display: flex;

	justify-content: center;

	-webkit-box-orient: horizontal;

	-webkit-box-direction: normal;

	-ms-flex-flow: row wrap;

	flex-flow: row wrap;

	gap: 1rem;

}



.post-list--col {

	min-width: 250px;

	width: 31%;

	margin-bottom: 2rem;

	position: relative;

	text-align: left !important;

	background: #fafafa;

}



@media (max-width: 900px) {

	.post-list--container,

	.templateContainer--websitePosts-list-custom,

	.templateContainer--websitePosts-list-default {

		display: grid !important;

		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

	}



	.post-list--col {

		width: 100% !important;

	}

}



.post-list--img {

	width: 100%;

	height: 250px;

	overflow: hidden;

}



.post-list--col img {

	height: 250px;

	width: 100%;

	object-fit: cover;

	vertical-align: bottom;

	transition: 0.5s all;

}



.post-list--col a:hover img {

	transform: scale(1.2);

}



.post-list--col a {

	color: #000000;

}



.post-list--col

{

	background-color: #ffffff;

	box-shadow: 0px 3px 15px rgb(0 0 0 / 20%);

}



.post-list--col hr

{

	margin: 40px 20px 20px 0;

    width: 40px;

    height: 3px;

    background-color: #cf2032;

    border: none;

    -webkit-transition: width 0.3s ease-out;

    transition: width 0.3s ease-out;

}



.post-list--col:hover hr 

{

    width: 70px;

}



.post-list--col .s8-templates-button 

{

    position: absolute;

    bottom: 32px;

}

<?php

	\Framework\Date::setTimezone('Etc/GMT+5'); 

?>

<?php

	\Framework\Date::setTimezone('Etc/GMT+5'); 

?>

0

0

0

0

0

0

0.5

0.5

0

0

0

0

0

0

0

0

0

0

/includes/

/includes/

0

0

0

0

0

0