Skip to content
Snippets Groups Projects
Select Git revision
  • master default protected
  • postgres_integration
  • s3compatible
  • intros
  • bootstrap4
  • modules
6 results

lecture.html

Blame
  • Code owners
    Assign users and groups as approvers for specific file changes. Learn more.
    lecture.html 2.88 KiB
    {% 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 valueeditor %}
    {% from 'macros.html' import valuedeletebtn %}
    {% from 'macros.html' import valuecheckbox %}
    {% set page_border = 0 -%}
    
    {% extends "base.html" %}
    {% block content %}
    <div class="panel panel-default">
    	<div class="panel-heading">
    		<h1 class="panel-title"><strong><a href="{{url_for('course', handle=course.handle)}}#lecture-{{lecture.id}}">{{ course.title }}</strong></a>: {{ lecture.title}}</h1>
    	</div>
    	<div class="panel-body">
    		<div class="row" style="padding: 0px;">
    			<div class="col-sm-6 col-xs-12" style="padding-bottom: 5px;">
    				<a href="{{url_for('course', handle=course.handle)}}#lecture-{{lecture.id}}" class="btn btn-default" >Zur Veranstaltungsseite</a>
    			</div>
    			<div class="col-sm-6 col-xs-12">
    				<ul class="list-inline pull-right">
    					<li><button class="btn btn-default" id="hintnewchapter">Kapitelmarker vorschlagen</button></li>
    					<li>{{ video_embed_btn(lecture.id) }}</li>
    					<li class="dropdown">{{ video_download_btn(videos) }}</li>
    				</ul>
    			</div>
    		</div>
    		<div class="row">
    			<div class="col-xs-12" style="padding: 0px">
    				{{ player(lecture, videos) }}
    			</div>
    			<div class="col-xs-12" style="padding-top: 10px;">
    				<p>Kapitel:</p>
    				<table class="table table-hover">
    				<tr>
    					<th>Index</th>
    					<th>Start</th>
    					<th>Kapitel</th>
    					<th>Sichtbar</th>
    					<th></th>
    				</tr>
    				{% for c in chapters|sort(attribute='time') %}
    				<tr onclick=" $('.player video')[0].setCurrentTime({{c['time']}})">
    					<td>{{ loop.index }}</td>
    					<td>{{ vtttime(c['time']) }}</td>
    					<td>{{ valueeditor(['chapters',c.id,'text'],c['text']) }}</td>
    					<td>{{ valuecheckbox(['chapters',c.id,'visible'], c.visible) }}</td>
    					<td>{{ valuedeletebtn(['chapters',c.id,'deleted']) }}</td>
    				</tr>
    				{% endfor %}
    				</table>
    			</div>
    		</div>
    	</div>
    </div>
    <script>
    $(function() {
    	$( "#hintnewchapter" ).popover(
    			{
    				html:true,
    				title:'Kapitelmarkierung vorschlagen',
    				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>'
    
    					}
    			})
    
    });
    </script>
    {% endblock %}