Tiggles ツ
10/23/2018 - 8:47 PM

Matrix Upcoming Events by Tag

display Events from cal v2, filtered by tag Example here: https://istrouma.org/test-vid

http://cloud.madebyspeak.com/22b546bef4c6 (client-side matrix) http://cloud.madebyspeak.com/537abe53d6c0 (front-end)

{% assign taggedEvents = Module.FieldValues.Calendar.Events | WhereEquals:"SiteTags.Label", Module.FieldValues.SeriesTags[0].Label %}
{% for tag in Module.FieldValues.SeriesTags %}
  {% assign currentEvents = Module.FieldValues.Calendar.Events | WhereEquals:"SiteTags.Label", tag.Label %}
  {% assign taggedEvents = taggedEvents | Concat: currentEvents %}
{% endfor %}
{% assign taggedEvents = taggedEvents | Uniq %}


<div class="matrix-events-wrapper">
	<ul class="matrix-events-inner">
		


			{% for event in taggedEvents limit: 10 %}
			<a href="{% CalendarEventLink event:event sitePage:Module.FieldValues.Calendar.SitePage %}">
				<li class="matrix-event">
					<div class="img-wrapper">
						{% if event.RelatedImageFileKey != "" %}
		                    <img src="{{ event.RelatedImageFileKey }}" class="featured-event-image" alt="" />
		                {% else %}
		                    <img src="https://www.speakcdn.com/sitefiles/global/images/svg/placeholder.svg" class="featured-event-image-placeholder" alt="" />
		                {% endif %}
					</div>
					<div class="event-information">
						<span class="event-title">{{ event.Subject }}</span>
						<span class="event-date">
							{{ event.StartDateTime | DateFormat:"MMM",event.TimeZone }}
		                    {{ event.StartDateTime | DateFormat:"%d",event.TimeZone }}
		                </span>
						<span class="event-time">
							<span>{{ event.StartDateTime | DateFormat:"%h:mm tt", event.TimeZone }} -</span> 
		                    <span>{{ event.EndDateTime | DateFormat:"%h:mm tt", event.TimeZone }}</span>
		                </span>

						<span class="description">
							{{ event.Description | StripHtml | Truncate: 100 }}
						</span>
					</div>
				</li>
			</a>

			{% endfor %}
	</ul>
</div>