lecture.html

{% from 'macros.html' import player %}
{% from 'macros.html' import video_download_btn %}
{% from 'macros.html' import video_embed_btn %}
{% from 'macros.html' import vtttime %}
{% from 'macros.html' import moderator_editor %}
{% from 'macros.html' import moderator_editor_time %}
{% from 'macros.html' import moderator_delete %}
{% from 'macros.html' import moderator_checkbox %}
{% set page_border = 1 -%}

{% extends "base.html" %}
{% block title %}- {{ course.title }}: {{ lecture.title}}{% endblock %}
{% block header %}
{{ super() }}

	<meta property="og:image" content="{{ config.VIDEOPREFIX }}/thumbnail/l_{{lecture.id}}.jpg" />
	<meta property="og:title" content="{{ course.title }}: {{ lecture.title}}" />
	<meta property="og:description" content="{{ lecture.comment }}" />
{% endblock %}
{% block content %}
<div class="panel panel-default">
	<div class="panel-heading">
		<span class="panel-title"><strong><a href="{{url_for('course', handle=course.handle)}}#lecture-{{lecture.id}}">{{ course.title }}</a></strong>: {{ lecture.title}} ({{ lecture.time.date().strftime("%a, %d.%m.%Y")}})</span>
	</div>
	<div class="panel-body">
		<div class="row" style="padding: 0px;">
			<div class="col-xs-12" style="padding-bottom: 15px;">
				<a href="{{url_for('course', handle=course.handle)}}#lecture-{{lecture.id}}" class="btn btn-default" ><span class="fa fa-chevron-circle-left" aria-hidden="true"></span> Zur Veranstaltungsseite</a>
			</div>
		</div>
		<div class="row">
			<div class="col-xs-12" style="padding: 0px">
				{{ player(lecture, videos, get_flashed_messages(category_filter=['player']), seek=seek) }}
			</div>
			
			<div class="col-xs-12" style="padding-top: 15px;">
				<button class="btn btn-default" id="hintnewchapter">{% if ismod() %}Neues Kapitel{% else %}Kapitelmarker vorschlagen{% endif %}</button>
				<ul class="list-inline pull-right" style="margin-bottom: 0px;">
					<li>{{ video_embed_btn(lecture.id, course=course.handle) }}</li>
					<li class="dropup">{{ video_download_btn(videos) }}</li>
				</ul>
			</div>
			{% if lecture.comment or ismod() %}
			<div class="col-xs-12" style="padding-top: 15px">
				<h4><strong>Beschreibung:</strong></h4><p style="padding-left: 5px;padding-right: 5px"> {{ moderator_editor(['lectures',lecture.id,'comment'], lecture.comment) }}</p>
			</div>
			{% endif %}
			{% if chapters %}
			<div class="col-xs-12 table-responsive" style="padding-top: 10px;">
				<h4><strong>Kapitel:</strong></h4>
				<table class="table table-hover">
				{% for c in chapters|sort(attribute='time') %}
				<tr>
					<td style="width: 130px;">
						<a class="chapterlink" href="{{url_for('lecture', course=course.handle, id=lecture.id, t=c['time'])}}" data-seek-time="{{c['time']}}">{{ c.time|time_offset }}</a>
						<br>
						{% if ismod() %}
							{{ moderator_editor(['chapters',c.id,'time'],c['time'],true) }}
						{% endif %}
					</td>
					<td>{{ moderator_editor(['chapters',c.id,'text'],c['text']|e) }}</td>
					{% if ismod() %}
					<td>{{ moderator_checkbox(['chapters',c.id,'visible'], c.visible) }}</td>
					<td>{{ moderator_delete(['chapters',c.id,'deleted']) }}</td>
					{% endif %}
				</tr>
				{% endfor %}
				</table>
			</div>
			{% endif %}