lecture.html 2.11 KB
Newer Older
Andreas Valder's avatar
Andreas Valder committed
1
{% from 'macros.html' import player %}
Andreas Valder's avatar
Andreas Valder committed
2
3
{% from 'macros.html' import video_download_btn %}
{% from 'macros.html' import video_embed_btn %}
4
5
{% set page_border = 0 -%}

Andreas Valder's avatar
Andreas Valder committed
6
7
{% extends "base.html" %}
{% block content %}
8
9
<div class="panel panel-default">
	<div class="panel-heading">
10
		<h1 class="panel-title"><strong><a href="{{url_for('course', handle=course.handle)}}#lecture-{{lecture.id}}">{{ course.title }}</strong></a>: {{ lecture.title}}</h1>
11
	</div>
Andreas Valder's avatar
Andreas Valder committed
12
	<div class="panel-body">
Andreas Valder's avatar
Andreas Valder committed
13
14
		<div class="row" style="padding: 0px;">
			<div class="col-sm-6 col-xs-12" style="padding-bottom: 5px;">
Andreas Valder's avatar
Andreas Valder committed
15
				<a href="{{url_for('course', handle=course.handle)}}#lecture-{{lecture.id}}" class="btn btn-default" >Zur Veranstaltungsseite</a>
Andreas Valder's avatar
Andreas Valder committed
16
17
			</div>
			<div class="col-sm-6 col-xs-12">
Andreas Valder's avatar
Andreas Valder committed
18
				<ul class="list-inline pull-right">
19
					<li><button class="btn btn-default" id="hintnewchapter">Kapitelmarker vorschlagen</button></li>
Andreas Valder's avatar
Andreas Valder committed
20
21
22
					<li>{{ video_embed_btn(lecture.id) }}</li>
					<li class="dropdown">{{ video_download_btn(videos) }}</li>
				</ul>
Andreas Valder's avatar
Andreas Valder committed
23
24
			</div>
		</div>
Andreas Valder's avatar
Andreas Valder committed
25
		<div class="row">
Andreas Valder's avatar
Andreas Valder committed
26
			<div class="col-xs-12" style="padding: 0px">
Andreas Valder's avatar
Andreas Valder committed
27
28
				{{ player(lecture, videos) }}
			</div>
29
30
			<div class="col-xs-12" style="padding-top: 10px;">
			</div>
Andreas Valder's avatar
Andreas Valder committed
31
		</div>
32
33
	</div>
</div>
34
35
36
37
38
39
<script>
$(function() {
	$( "#hintnewchapter" ).popover(
			{
				html:true,
				title:'Kapitelmarkierung vorschlagen',
40
41
42
43
44
45
46
47
48
49
50
				content: function() {
					var zeropad = function (num, places) {
						  var zero = places - num.toString().length + 1;
						    return Array(+(zero > 0 && zero)).join("0") + num;
					};
					var timestamp = $('.player video')[0].currentTime
					var h = zeropad( Math.trunc(timestamp/3600),2);
					var m = zeropad( Math.trunc((timestamp%3600)/60),2);
					var s = zeropad( Math.trunc(timestamp%60),2);
					var timeasstring = h+':'+m+':'+s
		return '<form method="post" action="{{url_for('suggest_chapter', ref=request.url, lectureid=lecture.id)}}"><input placeholder="00:00.000" name="time" type="text" value="'+timeasstring+'"><br><input placeholder="Kapitel" name="text" type="texz"><br><input type="submit" value="Vorschlagen"></form>'
51

52
					}
53
			})
54

55
56
});
</script>
Andreas Valder's avatar
Andreas Valder committed
57
{% endblock %}