macros.html

{% macro preview(lecture) %}

<li class="list-group-item">
	<a class="hidden-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
		<div class="row">
			<img class="col-xs-4" src="https://videoag.fsmpi.rwth-aachen.de/{{ lecture['titlefile'] }}" alt="Vorschaubild">
			<div class="col-xs-4">
				<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span><br>
				<span style="color: #000;">{{ lecture['time'] }}</span>
				{% if lecture['speaker'] %}
					<div class="small" style="color: #000;">Gehalten von {{ lecture['speaker'] }} </div>
				{% endif %}
			</div>
			<div class="col-xs-4" style="color: #000;">
				<div style="color: #000;">{{ lecture['title']  }}</div>
				<p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p>
			</div>
		</div>
	</a>
	<a class="visible-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
		<div class="row">
			<img class="col-xs-12" src="https://videoag.fsmpi.rwth-aachen.de/{{ lecture['titlefile'] }}" alt="Vorschaubild">
		</div>
		<div class="row">
			<div class="col-xs-12">
				<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span>
				<span style="color: #000;">{{ lecture['time'] }}</span>
			</div>
		</div>
		{% if lecture['speaker'] %}
		<div class="row">
			<div class="col-xs-12">
				<div class="small" style="color: #000;">Gehalten von {{ lecture['speaker'] }} </div>
			</div>
		</div>
		{% endif %}
		<div class="row">
			<div class="col-xs-12">
				<div style="color: #000;">{{ lecture['title']  }}</div>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12">
				<p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p>
			</div>
		</div>
	</a>
</li>

{% endmacro %}

{% macro player(lecture, videos) %}
<script src="static/mediaelementjs/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="static/mediaelementjs/mediaelementplayer.css" />
<video class="mejs-player" width="640" height="360" style="width: 100%; height: 80%;">
	<source type="video/mp4" src="https://videoag.fsmpi.rwth-aachen.de/{{ videos[0]['path'] }}" />
</video>
{% endmacro %}

{% macro course_list_item(course,show_semester=False) %}
<li class="list-group-item">
	<div class="row">
		{% if show_semester %}
			<span class="col-xs-1">
				{{ course.semester }}
			</span>
			<span class="col-xs-6">
		{% else %}
			<span class="col-xs-7">
		{% endif %}
			{{ course.title }}
		</span>
		<span class="col-xs-3">
			{{ course.organizer }}
		</span>
		<span class="col-xs-2">
			{{ course.subject }}
		</span>
	</div>
</li>
{% endmacro %}