bornhack-website/src/program/templates/schedule_base.html

96 lines
3.1 KiB
HTML

{% extends 'program_base.html' %}
{% load dateutils %}
{% block program_content %}
<div class="row">
<div class="schedule-days btn-group">
<a href="{% url 'schedule_index' camp_slug=camp.slug %}" class="btn btn-default">
<li>All days</li>
</a>
{% for day in camp.camp_days %}
{% with month_padded=day.lower.date|date:"m" day_padded=day.lower.date|date:"d" %}
<a href="{% url 'schedule_day' camp_slug=camp.slug year=day.lower.date.year month=day.lower.date|date:'m' day=day.lower.date|date:'d' %}" class="btn btn-{% if urlyear and urlyear|add:"0" == day.lower.date.year and urlmonth == month_padded and urlday == day_padded %}primary{% else %}default{% endif %}">
{{ day.lower.date|date:"l" }}
</a>
{% endwith %}
{% endfor %}
</div>
</div>
<hr />
<div class="row">
<div class="col-sm-3 col-sm-push-9 schedule-filter">
<form id="filter" class="form-inline">
<div class="form-group">
<div>
<h4>Type:</h4>
<ul>
{% for type in camp.event_types %}
<li>
<input type="checkbox"
name="event_type"
value="{{ type.slug }}"
class="form-control event-type-checkbox"
checked /> {{ type.name }}
</li>
{% endfor %}
</ul>
</div>
<div>
<h4>Location:</h4>
<ul>
{% for location in camp.event_locations %}
<li>
<input type="checkbox"
name="locations"
value="{{ location.slug }}"
class="form-control location-checkbox"
checked /> {{ location.name }}
</li>
{% endfor %}
</ul>
</div>
<a href="{% url 'ics_view' camp_slug=camp.slug %}{{ get_string }}" class="btn btn-default form-control filter-control">
<i class="fa fa-calendar"></i> ICS
</a>
</div>
</form>
</div>
<div class="col-sm-9 col-sm-pull-3">
{% block schedule_content %}
{% endblock schedule_content %}
</div>
</div>
<hr />
{% url 'schedule_index' camp_slug=camp.slug as baseurl %}
<script>
$('.filter-control').on('change', function() {
var type = $('#event_type').val();
var loc = $('#location').val();
var url = "{{baseurl}}";
if(type != '' || loc != '') {
url = url + '?';
if(type != '') {
url = url + 'type=' + type;
if(loc != '') { url = url + '&'; }
}
if(loc != '') {
url = url + 'location=' + loc;
}
}
window.location.href = url;
});
</script>
{% endblock program_content %}