<div class="eventcard" onclick="handleEventCardClick(this);" data-cardtype="upcomingevents" data-cardurl="/pages/viewpage.action?pageId=[entry.createdPage]" data-entryid="[entry.id]" data-cardtitle="[entry.name]">
<a class="eventcardlink" href="/pages/viewpage.action?pageId=[entry.createdPage]" id="[entry.createdPage]">
<div class="img-container">
<img src="https://passport-media.gsvlabsportal.com/EWC/Flags/[entry.countryCode].jpg"></img>
</div>
<div class="text-container">
<div class="top">
<div class="dates"><p class="formattedDate">[entry.startDate.formatDate(MMMM dd)]</p></div>
</div>
<div class="bottom">
<div class="title">[entry.name]</div>
<div class="dates"><p class="formattedDatetime"></p></div>
<div class="attendees">[entry.RSVPCount] Participants</div>
</div>
</div>
</a>
</div>
<script>
/* Set Date and Time in User's Timezone*/
console.log("STARTDATE", "[entry.startDate]");
var UTCdate = "[entry.startDate.convertDate(MM/dd/YYYY HH:mm zzz, UTC)]";
var localDate = new Date(UTCdate).toLocaleString();
localDate = new Date(localDate);
var datetimeStr = formatDate(localDate);
datetimeStr = datetimeStr.split(" on ");
var timeStr = datetimeStr[0];
var dateStr = datetimeStr[1];
$('#[entry.createdPage] .formattedDatetime').html(timeStr);
$('#[entry.createdPage] .formattedDate').html(dateStr);
/* Set Card URL to Event Name */
var cardUrl = getEventCardUrl("[entry.name]");
$('#[entry.createdPage]')[0].href = cardUrl;
$('#[entry.createdPage]')[0].parentElement.dataset.cardurl = cardUrl;
</script>
|