macros.html 2.15 KB
Newer Older
1
{% macro preview(lecture) %}
Andreas Valder's avatar
Andreas Valder committed
2

Andreas Valder's avatar
Andreas Valder committed
3
4
<li class="list-group-item">
	<div class="row">
Andreas Valder's avatar
Andreas Valder committed
5
		<a  class="hidden-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
6
			<img class="col-xs-4" src="https://videoag.fsmpi.rwth-aachen.de/{{ lecture['titlefile'] }}" alt="Vorschaubild">
Andreas Valder's avatar
Andreas Valder committed
7
			<div class="col-xs-4">
8
9
				<span style="color: #000;"><strong>{{ lecture['short'] }}</strong></span><br>
				<span style="color: #000;">{{ lecture['time'] }}</span>
10
				{% if lecture['speaker'] %}
11
					<div class="small" style="color: #000;">Gehalten von {{ lecture['speaker'] }} </div>
12
				{% endif %}
Andreas Valder's avatar
Andreas Valder committed
13
			</div>
14
			<div class="col-xs-4" style="color: #000;">
Andreas Valder's avatar
.    
Andreas Valder committed
15
16
				<div style="color: #000;">{{ lecture['title']  }}</div>
				<p style="font-style: italic; color: #777;">{{ lecture['comment'] }}</p>
17
			</div>
Andreas Valder's avatar
Andreas Valder committed
18
		</a>
Andreas Valder's avatar
Andreas Valder committed
19
		<a  class="visible-xs" href="/play?lectureid={{ lecture['id'] }}" title="{{ lecture['coursetitle'] }}">
Andreas Valder's avatar
.    
Andreas Valder committed
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
			<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>
Andreas Valder's avatar
Andreas Valder committed
45
46
			</div>
		</a>
Andreas Valder's avatar
Andreas Valder committed
47
48
49
	</div>
</li>

Andreas Valder's avatar
Andreas Valder committed
50
51
{% endmacro %}

Julian Rother's avatar
Julian Rother committed
52
{% macro player(lecture, videos) %}
Andreas Valder's avatar
Andreas Valder committed
53
54
55
<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%;">
Julian Rother's avatar
Julian Rother committed
56
	<source type="video/mp4" src="https://videoag.fsmpi.rwth-aachen.de/{{ videos[0]['path'] }}" />
Andreas Valder's avatar
Andreas Valder committed
57
58
</video>
{% endmacro %}