view.html
3.48 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
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
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
<!--
Copyright 2016, 2017 UFPE - Universidade Federal de Pernambuco
Este arquivo é parte do programa Amadeus Sistema de Gestão de Aprendizagem, ou simplesmente Amadeus LMS
O Amadeus LMS é um software livre; você pode redistribui-lo e/ou modifica-lo dentro dos termos da Licença Pública Geral GNU como publicada pela Fundação do Software Livre (FSF); na versão 2 da Licença.
Este programa é distribuído na esperança que possa ser útil, mas SEM NENHUMA GARANTIA; sem uma garantia implícita de ADEQUAÇÃO a qualquer MERCADO ou APLICAÇÃO EM PARTICULAR. Veja a Licença Pública Geral GNU para maiores detalhes.
Você deve ter recebido uma cópia da Licença Pública Geral GNU, sob o título "LICENSE", junto com este programa, se não, escreva para a Fundação do Software Livre (FSF) Inc., 51 Franklin St, Fifth Floor, Boston, MA 02110-1301 USA.
-->
{% extends 'subjects/view.html' %}
{% load static i18n pagination permissions_tags subject_counter %}
{% load django_bootstrap_breadcrumbs %}
{% block javascript%}
{{ block.super }}
{% endblock%}
{% block breadcrumbs %}
{{ block.super }}
{% breadcrumb topic 'subjects:topic_view' subject.slug topic.slug %}
{% breadcrumb youtube 'youtube:view' youtube.slug %}
{% endblock %}
{% block content %}
{% if messages %}
{% for message in messages %}
<div class="alert alert-{{ message.tags }} alert-dismissible" role="alert">
<button type="button" class="close" data-dismiss="alert" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
<p>{{ message }}</p>
</div>
{% endfor %}
{% endif %}
{% resource_permissions request.user youtube as has_resource_permissions %}
{% if youtube.visible %}
<div class="panel panel-info topic-panel">
<div class="panel-heading">
{% elif has_resource_permissions %}
<div class="panel panel-info topic-panel-invisible">
<div class="panel-heading panel-invisible">
{% endif %}
<div class="row">
<div class="col-md-12 category-header">
<h4 class="panel-title" style="margin-top: 10px; margin-bottom: 8px">
<span>{{ youtube }}</span>
</h4>
<div class="col-md-5 pull-right category-card-items">
<a href="{% url 'mural:resource_view' youtube.slug %}" class="pull-right action_icon">
<i class="fa fa-list" aria-hidden="true"></i>
{% resource_mural_number youtube request.user %}
</a>
</div>
</div>
</div>
</div>
<div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content" style="padding: 0px; overflow: hidden;">
<input type="hidden" id="log_finish_url" value="{% url 'youtube:finish' youtube.slug %}" />
<input type="hidden" id="log_url" value="{% url 'youtube:watch' youtube.slug %}" />
<input type="hidden" id="log_id" value="" />
<iframe src="{{ youtube.get_embed_url }}?enablejsapi=1" frameborder="0" allowfullscreen id="video"></iframe>
</div>
</div>
<script type="text/javascript" src="{% static 'js/ytvideo.js' %}"></script>
<script type="text/javascript">
$(function(){
$('#video').css({ width: $("#{{subject.slug}}").innerWidth() + 'px', height: ($(window).innerHeight() - $("#{{subject.slug}}").offset().top) + 'px' });
// If you want to keep full screen on window resize
$(window).resize(function(){
$('#video').css({ width: $("#{{subject.slug}}").innerWidth() + 'px', height: ($(window).innerHeight() - $("#{{subject.slug}}").offset().top) + 'px' });
});
});
</script>
{% endblock %}