Template source: events/events.html

{% extends "base.html" %} {% load loc_tags %} {% block addMetaTags %} <meta name="description" content="List kids events in {{loc}} sports, music, dance, college prep, academic"> {% endblock %} {% block titleTag %} <title> {{loc}} Kids Events Library, sports, cultural, music, dance </title> {% endblock %} {% block loadAdditionalCSS %} {% load staticfiles %} {% load load_html_tags %} {% load loc_tags %} {% endblock %} {% block content %} </br> {% include "locations/change_location_template.html" %} <div class="container-fluid"> {% include "events/elements/page-title.html" with title="Kids Events in "|add:loc %} <div class="col-lg-9 col-md-9"> {% if events|all_events_expired %} <h4 > <span style="color:#FF8C00"> There are currently no events listed for this location. </span> </h4> <br> {% if events %} <h2> Past Events </h2> {% endif %} {% with events=events|get_expired_events %} {% for event in events %} <div class="row"> {% with event_image=event.image1 %} <div class="col-lg-2 col-md-2"> <div class="eventimage"> <img src="{{ event_image.url }}" class="img-responsive" alt= "{{event_image}}"> </div> </div> {% endwith %} <div class="col-lg-5 col-md-5"> <h3 style="margin:0px;"> <a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'EventNameLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedEventNameLink' });"> {{event.event_name}} </a> </h3> <span>{{event.address}}</span></br> <span>{{event.city}}, {{event.state}} {{event.zipcode}}</span></br> <span><a href="https://www.google.com/maps/place/{{event.address}}, {{event.city}}, {{event.state}} {{event.zipcode}}" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'DirectionsLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedDirectionsLinkAllEventsPage' });" target="_blank">Directions </a></span> </div> <div class="col-lg-5 col-md-5"> <p>{% if event.end_time %} {{event.start_time|time:"g:iA"|lower}} - {{event.end_time|time:"g:iA"|lower}} {% else %} {{event.start_time|time:"g:iA"|lower}} {% endif %}, {{event.when|custom_date}}</p> <a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}">See Details </a> </div> </div> <hr/> {% endfor %} {% endwith %} {% else %} {% for event in events %} {% if not event.is_past_due %} <div class="row"> {% with event_image=event.image1%} <div class="col-lg-2 col-md-2"> <div class="eventimage"> <img src="{{event_image.url}}" class="img-responsive" alt= "{{event_image}}"> </div> </div> {% endwith %} <div class="col-lg-5 col-md-5"> <h3 style="margin:0px;"> <a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'EventNameLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedEventNameLink' });"> {{event.event_name}} </a> </h3> <span>{{event.address}}</span></br> <span>{{event.city}}, {{event.state}} {{event.zipcode}}</span></br> <span><a href="https://www.google.com/maps/place/{{event.address}}, {{event.city}}, {{event.state}} {{event.zipcode}}" onClick="ga('send', {'hitType': 'event', 'eventCategory': 'DirectionsLink', 'eventAction': 'clickAction', 'eventLabel': 'clickedDirectionsLinkAllEventsPage' });" target="_blank">Directions </a></span> </div> <div class="col-lg-5 col-md-5"> <p>{% if event.end_time %} {{event.start_time|time:"g:iA"|lower}} - {{event.end_time|time:"g:iA"|lower}} {% else %} {{event.start_time|time:"g:iA"|lower}} {% endif %}, {{event.when|custom_date}}</p> <a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}">See Details </a> </div> </div> <hr/> {% endif %} {% empty %} <h4 > <span style="color:#FF8C00"> There are currently no events listed for this location. </span> </h4> {% endfor %} {% endif %} </div> <div class="col-lg-3 col-md-3" style="padding-top: 45px;"> {% include "activities/elements/widgets.html" with widget_type="signup_updates" %} {% if popular_events and not popular_events|all_events_expired %} <ul class="list-group"> <li class="list-group-item active"><strong>Popular Events</strong></li> {% for event in popular_events %} {% if not event.is_past_due %} <li class="list-group-item"><a href="/kidsevents/{{event.event_name_slug}}/{{event.location.city.city_name_slug}}">{{event.event_name}}</a> {{event.when|date:"M d, Y"}}, {% if event.end_time %} {{event.start_time|time:"g:iA"|lower}} - {{event.end_time|time:"g:iA"|lower}} {% else %} {{event.start_time|time:"g:iA"|lower}} {% endif %} </li> {% endif %} {% endfor %} </ul> {% endif %} {% if event_activity_data%} <ul class="list-group"> <li class="list-group-item active"><strong>Event Activity</strong></li> {% for event_activity in event_activity_data %} <li class="list-group-item"> {{ event_activity | load_html_for_activity }} </li> {% endfor %} </ul> {% endif %} </div> <div class="clearfix"> </div> </div> </br> {% endblock %} {% block loadAdditionalJS %} <script> $('#nav_events').addClass("selected-tab"); </script> <script> var pageType = "Events" ga('set', 'dimension1', 'pageType'); ga('send', 'pageview'); </script> {% endblock %}