102 lines
		
	
	
		
			No EOL
		
	
	
		
			3.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			102 lines
		
	
	
		
			No EOL
		
	
	
		
			3.3 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
| {% extends "utility_page.html" %}
 | |
| 
 | |
| {% load i18n %}
 | |
| {% load cache %}
 | |
| {% load lca2018_tags %}
 | |
| 
 | |
| {% block head_title %}Conference Schedule{% endblock %}
 | |
| {% block header_title %}Conference Schedule{% endblock %}
 | |
| 
 | |
| {% block body_class %}bg-primary text-secondary{% endblock body_class %}
 | |
| {% block right %}
 | |
| {% endblock %}
 | |
| {% block navbar %}{% include 'nav.html' with color='green' %}{% endblock %}
 | |
| {% block main_class %}container-fluid{% endblock %}
 | |
| 
 | |
| {% block content %}
 | |
| 
 | |
| <div class="schedule-header text-center">
 | |
|   <h1>Schedule</h1>
 | |
|   <h3 id="schedule-date">wednesday 23 January 2019</h3>
 | |
| 
 | |
|   <nav class="mb-4">
 | |
|     <div class="nav schedule-nav" id="schedule-nav" role="tablist">
 | |
|       Monday miniconfs
 | |
|       {% for section in sections %}
 | |
|       {% if "Miniconf" in section.schedule.section.name %}
 | |
|       {% for timetable in section.days %}
 | |
|       {% if timetable.day.date|date:"Y-m-d" == "2019-01-21" %}
 | |
|       {% include "symposion/schedule/_schedule_nav_link.html" with label=section.schedule.section.name|cut:" Miniconf" %}
 | |
|       {% endif %}
 | |
|       {% endfor %}
 | |
|       {% endif %}
 | |
|       {% endfor %}
 | |
|       <br />
 | |
| 
 | |
|       Tuesday miniconfs
 | |
|       {% for section in sections %}
 | |
|       {% if "Miniconf" in section.schedule.section.name %}
 | |
|       {% for timetable in section.days %}
 | |
|       {% if timetable.day.date|date:"Y-m-d" == "2019-01-22" %}
 | |
|       {% include "symposion/schedule/_schedule_nav_link.html" with label=section.schedule.section.name|cut:" Miniconf" %}
 | |
|       {% endif %}
 | |
|       {% endfor %}
 | |
|       {% endif %}
 | |
|       {% endfor %}
 | |
|       <br />
 | |
| 
 | |
|       {% for section in sections %}
 | |
|       {% if "Miniconf" not in section.schedule.section.name %}
 | |
|       {% for timetable in section.days %}
 | |
|       {% include "symposion/schedule/_schedule_nav_link.html" with active=forloop.first label=timetable.day.date|date:"l" %}
 | |
|       {% endfor %}
 | |
|       {% endif %}
 | |
|       {% endfor %}
 | |
|     </div>
 | |
|   </nav>
 | |
| </div>
 | |
| 
 | |
| <div class="schedule-page bg-secondary text-primary pt-4 pb-4 mb-0">
 | |
|   <div class="container-fluid">
 | |
|     <div class="row justify-content-center">
 | |
|       <div class="tab-content schedule-wrapper">
 | |
|         {% for section in sections %}
 | |
|         {% for timetable in section.days %}
 | |
|         <div class="tab-pane fade {% if timetable.day.date|date:'Y-m-d' == '2019-01-23' %}show active{% endif %}" id="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}"
 | |
|           role="tabpanel" aria-labelledby="{{ section.schedule.section.slug }}-{{ timetable.day.date|date:"l"|lower}}-tab">
 | |
|           <div class="table-responsive hidden-md-down">
 | |
|             {% include "symposion/schedule/_grid.html" %}
 | |
|           </div>
 | |
|           <div class="mobile-schedule">
 | |
|             {% include "symposion/schedule/_mobile.html" %}
 | |
|           </div>
 | |
|         </div>
 | |
|         {% endfor %}
 | |
|         {% endfor %}
 | |
|       </div>
 | |
|     </div>
 | |
|   </div>
 | |
| </div>
 | |
| {% endblock %}
 | |
| 
 | |
| {%block footer_class %}footer-no-margin{% endblock %}
 | |
| 
 | |
| {% block scripts_extra %}
 | |
| <script type="text/javascript">
 | |
|   var dates = {
 | |
|     'monday': '21',
 | |
|     'tuesday': '22',
 | |
|     'wednesday': '23',
 | |
|     'thursday': '24',
 | |
|     'friday': '25'
 | |
|   };
 | |
|   var trailing = ' January 2019';
 | |
| 
 | |
|   $('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
 | |
|     var day = e.target.attributes['aria-controls'].value.split('-');
 | |
|     day = day[day.length - 1];
 | |
|     $('#schedule-date').text(day + ' ' + dates[day] + trailing);
 | |
|   })
 | |
| </script>
 | |
| {{ block.super }}
 | |
| {% endblock %} | 
