Files
@ 929388220cfc
Branch filter:
Location: symposion_app/pinaxcon/templates/symposion/schedule/schedule_conference.html
929388220cfc
3.5 KiB
text/html
Update speaker styling
Use site base template for all pages.
Fix speaker profile to work with Bootstrap 4.
Use site base template for all pages.
Fix speaker profile to work with Bootstrap 4.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 | {% extends "site_base.html" %}
{% load i18n %}
{% load cache %}
{% load lca2018_tags %}
{% block head_title %}Conference Schedule{% endblock %}
{% block page_title %}Conference Schedule{% endblock %}
{% block content %}
<div class="row d-print-none">
<div class="col">
<ul class="nav nav-pills flex-column flex-md-row" id="schedule-tabs" role="tablist">
{% for section in sections %}
{% for timetable in section.days %}
<li class="nav-item flex-md-fill text-md-center">
{% include "symposion/schedule/_schedule_nav_link.html" with active=forloop.first label=timetable.day.date|date:"l" %}
</li>
{% endfor %}
{% endfor %}
</ul>
</div>
</div>
<div class="tab-content d-print-block my-3" id="schedule-tabContent">
{% for section in sections %}
{% cache 600 "schedule-table" section.schedule.section %}
{% for timetable in section.days %}
<div class="row tab-pane fade {% if forloop.first %}show active{% endif %} d-print-block" id="{{ timetable.day.date|date:"l"|lower}}" role="tabpanel" aria-labelledby="schedule_day_{{ timetable.day.date|date:"l"|lower}}-tab">
<div class="col-12">
<h2 class="my-4">
{{ section.schedule.section.name }}
<span class="clearfix d-sm-block d-md-none"></span>
<small class="text-muted">{{ timetable.day.date|date:"l" }}, {{ timetable.day.date }}</small>
</h2>
<div class="table-responsive d-none d-md-block">
{% include "symposion/schedule/_grid.html" %}
</div>
<div class="mobile-schedule d-sm-block d-md-none">
{% include "symposion/schedule/_mobile.html" %}
</div>
</div>
</div>
{% endfor %}
{% endcache %}
{% endfor %}
</div>
{% endblock %}
{% block scripts_extra %}
<script type="text/javascript">
fragment = window.location.hash.toLowerCase().substring(1);
if (!fragment) {
OFFSET = -10 * (60 * 60 * 1000); // Gold Coast is 10 hours ahead of UTC in Jan.
JAN = 0; // because January is 0, not 1
fragments = [
{"day": "monday", "time": Date.UTC(2020, JAN, 13)},
{"day": "tuesday", "time": Date.UTC(2020, JAN, 14)},
{"day": "wednesday", "time": Date.UTC(2020, JAN, 15)},
{"day": "thursday", "time": Date.UTC(2020, JAN, 16)},
{"day": "friday", "time": Date.UTC(2020, JAN, 17)},
{"day": "saturday", "time": Date.UTC(2020, JAN, 18)},
];
now = new Date().getTime();
for (i = 0; i < 5; i++) {
f = fragments[i];
g = fragments[i+1];
if ((f.time + OFFSET) <= now && now < (g.time + OFFSET)) {
fragment = f.day;
}
}
}
document.addEventListener("hashchange", function(event) {
fragment = window.location.hash.toLowerCase().substring(1);
if (!fragment) {
return;
};
fragmentid = "#schedule_day_" + fragment + "-tab";
$(fragmentid).tab('show');
});
$(".nav-item").click(function(event) {
// This updates the window location fragment so that
// the URL bar is updated, and so that when you go
// back, it loads the right page.
// len("schedule_day_") == 13
day_tab = event.target.id.substring(13);
day = day_tab.substr(0, day_tab.length-4);
if(history.pushState) {
history.pushState(null, null, "#" + day);
}
});
</script>
{{ block.super }}
{% endblock %}
|