Tiggles ツ
11/13/2018 - 2:55 PM

tag-filtering.matrix

filter cal v2 events by tags, then display said tags within those events. (ie http://airzoo.sitewrench.com/)

front - http://cloud.madebyspeak.com/1b4b19be8f24

{% 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 %}
<script>console.log({{ taggedEvents | Json }})</script>
<div class="new-event-widget flex">
    {% for event in taggedEvents limit: 6 %}


    <div class="item w-25-ns w-100 ma4 bg-image-js">
    <span class="item__corner item__corner--top-right"></span><span class="item__corner item__corner--top-left"></span><span class="item__corner item__corner--bottom-left"></span><span class="item__corner item__corner--bottom-right"></span>
        <div class="image">
            {% if event.RelatedImageFileKey != "" %}
            <a href="{% CalendarEventLink event:event sitePage:Module.FieldValues.Calendar.SitePage %}" class="upcoming-events-image">
                <img src="{{ Event.RelatedImageFileKey }}" class="EventFeaturedImage" alt="{{ event.Subject }}" />
            </a>
            {% else %}
	            <img src="/assets/2603/events-placeholder.png" class="EventFeaturedImage" alt="" />
            {% endif %}
        </div>
        
        <div class="info pa4">
            <h3>
                <a href="{% CalendarEventLink event:event sitePage:Module.FieldValues.Calendar.SitePage %}">
                    {{ event.Subject }}
                </a>
            </h3>
    	    <p>			                
                <span class="date"><span class="fa fa-calendar-o" aria-hidden="true"></span> {{ event.StartDateTime | DateFormat:"MMMM d, yyyy",event.TimeZone }}</span><br/>
                <span class="time"><span class="fa fa-clock-o" aria-hidden="true"></span> {{ event.StartDateTime | DateFormat:"hh:mm tt",event.TimeZone }} - {{ event.EndDateTime | DateFormat:"hh:mm tt",event.TimeZone }}</span><br/>
               <span class="tag"><span class="fa fa-tags" aria-hidden="true"></span>
                    <span class="CalendarListEvent__tags">
                        {% for tag in event.Tags %}
                            <a href="{% CalendarFilteredTagLink tag:tag sitePage:Module.FieldValues.Calendar.SitePage settings:Module.FieldValues.Calendar.Settings %}" class="CalendarEvent__tag">{{ tag.Label }}</a>
                        {% endfor %}
                    </span>
        		</span>
            </p>
        </div>
    </div>

    {% endfor %}
</div>

 <a href="/events-at-the-air-zoo" class="btn-xhair mv6"><span class="button__corner button__corner--top-right"></span><span class="button__corner button__corner--top-left"></span><span class="link-content">View all events</span><span class="button__corner button__corner--bottom-left"></span><span class="button__corner button__corner--bottom-right"></span></a>