courses.html

{% from 'macros.html' import course_list_item %}
{% extends "base.html" %}
{% block content %}
<div clss="row">
	<div class="col-xs-12" style="padding: 0px;">
		<ul class="list-inline pull-right">
			<li>
				 <a class="fa fa-rss-square btn btn-default" aria-hidden="true" href="{{url_for('courses_feed')}}" style="text-decoration: none"></a>
			</li>
			{% if ismod() %} 
			<li>
				{% set newhandle = 'new'+(randint(0,1000)|string) %}
				<a class="btn btn-default" href="{{ url_for('create', table='courses', handle=newhandle, title='Neue Veranstaltung', responsible=session.user.givenName, ref=url_for('course', handle=newhandle)) }}">Neue Veranstaltung</a>
			</li>
			{% endif %}
			<li class="dropdown" style="padding-right: 0px">
				<button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Gruppierung
					<span class="caret"></span>
				</button>
				<ul class="dropdown-menu dropdown-menu-right">
					<li><a href="?groupedby=semester">Semester</a></li>
					<li><a href="?groupedby=title">Veranstaltung</a></li>
					<li><a href="?groupedby=organizer">Dozent</a></li>
					<li><a href="?groupedby=subject">Kategorie</a></li>
				</ul>
			</li>
		</ul>
	</div>
</div>

<div class="visible-xs" id="xs-check"></div>
{% if groupedby == 'semester' %}
	{% set grouped_courses = courses|groupby(groupedby)|reverse|list %}
	<script>
		$(function () {
			if($("#xs-check").is(":visible")) {
				/* Only expand current semester */
				$(".collapse[id!='{{grouped_courses[1].grouper|tagid}}']").removeClass('in');
			}
		});
	</script>
{% else %}
	{% set grouped_courses = courses|groupby(groupedby)|list %}
	<script>
		$(function () {
			if($("#xs-check").is(":visible")) {
				$(".collapse[id!='{{grouped_courses[0].grouper|tagid}}']").removeClass('in');
			}
		});
	</script>
{% endif %}

{% for g in grouped_courses %}
<div class="row panel-group" id="accordion">
	<div class="col-xs-12"><div class="panel panel-default">
		<div class="panel-heading">
			<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#{{g.grouper|tagid}}" style="color: #222;">
				{% if groupedby == 'semester' %}
				<h1 class="panel-title">{{g.grouper|semester(long=True)}} ({{g.list|length}} Veranstaltungen)</h1>
				{% else %}
				<h1 class="panel-title">{{g.grouper}}</h1>
				{% endif %}
			</a>
		</div>
		<ul class="{% if not ismod() %}courses-list {% endif %}list-group panel-collapse collapse in" id="{{g.grouper|tagid}}">
			{% for i in g.list %}
				{% if groupedby == 'semester' %}
					{{ course_list_item(i) }}
				{% else %}
					{{ course_list_item(i,true) }}
				{% endif %}
			{% endfor %}
		</ul>
	</div></div>
</div>
{% endfor %}
{% endblock %}