Adding ytvideo video and adjusting it's crud

Zambom
1 parent 22a78c58
Showing 14 changed files with 260 additions and 76 deletions Show diff stats
amadeus/static/js/ytvideo.js
file_link/models.py
file_link/templates/file_links/delete.html
file_link/views.py
webpage/models.py
webpage/templates/webpages/delete.html
webpage/views.py
youtube_video/forms.py
youtube_video/models.py
youtube_video/templates/youtube/_form.html
youtube_video/templates/youtube/view.html
youtube_video/templates/youtube/window_view.html
youtube_video/urls.py
youtube_video/views.py
@@ -0,0 +1,38 @@
+// Load the IFrame Player API code asynchronously.
+var tag = document.createElement('script');
+tag.src = "https://www.youtube.com/player_api";
+var firstScriptTag = document.getElementsByTagName('script')[0];
+firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
+
+	// Replace the 'ytplayer' element with an <iframe> and
+	// YouTube player after the API code downloads.
+var player;
+function onYouTubePlayerAPIReady() {
+	player = new YT.Player('video');
+
+	player.addEventListener("onStateChange", "onPlayerStateChange");
+	
+}
+
+function onPlayerStateChange(event) {
+		switch (event.data) {
+		case YT.PlayerState.UNSTARTED:
+	  		console.log('unstarted');
+	  		break;
+		case YT.PlayerState.ENDED:
+	  		console.log('ended');
+	  		break;
+		case YT.PlayerState.PLAYING:
+	  		console.log('playing');
+	  		break;
+		case YT.PlayerState.PAUSED:
+	  		console.log('paused');
+	  		break;
+		case YT.PlayerState.BUFFERING:
+	  		console.log('buffering');
+	  		break;
+		case YT.PlayerState.CUED:
+	  		console.log('video cued');
+	  	break;
+  	}
+}
 \ No newline at end of file
@@ -43,3 +43,6 @@ class FileLink(Resource):
 	def delete_link(self):
 		return 'file_links:delete'
+
+	def delete_message(self):
+		return _('Are you sure you want delete the file link')
@@ -1,22 +0,0 @@
-{% load i18n %}
-
-<div class="modal fade" id="topic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-body">
-                <form id="delete_form" action="{% url 'file_links:delete' file_link.slug %}" method="post">
-                    {% csrf_token %}
-                    <h4>{% trans 'Are you sure you want delete the file link' %}: {{ file_link }}?</h4>
-                </form>
-            </div>
-            <div class="modal-footer">
-                <div class="pull-right">
-                    <button type="button" class="btn btn-default btn-raised" data-dismiss="modal">{% trans "Close" %}</button>
-                </div>
-                <div class="pull-left">
-                    <button type="submit" form="delete_form" class="btn btn-success btn-raised">{% trans "Delete" %}</button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
 \ No newline at end of file
@@ -312,9 +312,9 @@ class DeleteView(LoginRequiredMixin, LogMixin, generic.DeleteView):
 	login_url = reverse_lazy("users:login")
 	redirect_field_name = 'next'
-	template_name = 'file_links/delete.html'
+	template_name = 'resources/delete.html'
 	model = FileLink
-	context_object_name = 'file_link'
+	context_object_name = 'resource'
 	def dispatch(self, request, *args, **kwargs):
 		slug = self.kwargs.get('slug', '')
@@ -24,3 +24,6 @@ class Webpage(Resource):
 	def delete_link(self):
 		return 'webpages:delete'
+
+	def delete_message(self):
+		return _('Are you sure you want delete the webpage')
@@ -1,22 +0,0 @@
-{% load i18n %}
-
-<div class="modal fade" id="topic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
-    <div class="modal-dialog" role="document">
-        <div class="modal-content">
-            <div class="modal-body">
-                <form id="delete_form" action="{% url 'webpages:delete' webpage.slug %}" method="post">
-                    {% csrf_token %}
-                    <h4>{% trans 'Are you sure you want delete the webpage' %}: {{ webpage }}?</h4>
-                </form>
-            </div>
-            <div class="modal-footer">
-                <div class="pull-right">
-                    <button type="button" class="btn btn-default btn-raised" data-dismiss="modal">{% trans "Close" %}</button>
-                </div>
-                <div class="pull-left">
-                    <button type="submit" form="delete_form" class="btn btn-success btn-raised">{% trans "Delete" %}</button>
-                </div>
-            </div>
-        </div>
-    </div>
-</div>
 \ No newline at end of file
@@ -371,9 +371,9 @@ class DeleteView(LoginRequiredMixin, LogMixin, generic.DeleteView):
 	login_url = reverse_lazy("users:login")
 	redirect_field_name = 'next'
-	template_name = 'webpages/delete.html'
+	template_name = 'resources/delete.html'
 	model = Webpage
-	context_object_name = 'webpage'
+	context_object_name = 'resource'
 	def dispatch(self, request, *args, **kwargs):
 		slug = self.kwargs.get('slug', '')
@@ -60,6 +60,16 @@ class YTVideoForm(forms.ModelForm):
 		return name
+	def clean_url(self):
+		url = self.cleaned_data.get('url', '')
+
+		if not 'youtube' in url or not 'embed' in url:
+			self._errors['url'] = [_('Invalid URL. It should be an embed YouTube link.')]
+
+			return ValueError
+
+		return url
+
 	def save(self, commit = True):
 		super(YTVideoForm, self).save(commit = True)
@@ -89,4 +99,4 @@ class YTVideoForm(forms.ModelForm):
 		return self.instance
-InlinePendenciesFormset = inlineformset_factory(YTVideo, Pendencies, form = PendenciesForm, extra = 1, max_num = 2, validate_max = True, can_delete = True)
 \ No newline at end of file
+InlinePendenciesFormset = inlineformset_factory(YTVideo, Pendencies, form = PendenciesForm, extra = 1, max_num = 3, validate_max = True, can_delete = True)
 \ No newline at end of file
@@ -15,12 +15,15 @@ class YTVideo(Resource):
 	def access_link(self):
 		if self.show_window:
-			return 'webpages:window_view'
+			return 'youtube:window_view'
-		return 'webpages:view'
+		return 'youtube:view'
 	def update_link(self):
 		return 'youtube:update'
 	def delete_link(self):
 		return 'webpages:delete'
+
+	def delete_message(self):
+		return _('Are you sure you want delete the YouTube Video')
@@ -239,7 +239,7 @@
 					{% endif %}
             	</div>
-            	<p><em>{% trans 'Attribute students to webpage' %}:</em></p>
+            	<p><em>{% trans 'Attribute students to YouTube Video' %}:</em></p>
             	{% render_field form.students class='form-control' %}
             	<span id="helpBlock" class="help-block">{{ form.students.help_text }}</span>
@@ -259,7 +259,7 @@
             	<br clear="all" />
-            	<p><em>{% trans 'Attribute groups to webpage' %}:</em></p>
+            	<p><em>{% trans 'Attribute groups to YouTube Video' %}:</em></p>
             	{% render_field form.groups class='form-control' %}
             	<span id="helpBlock" class="help-block">{{ form.groups.help_text }}</span>
@@ -354,23 +354,33 @@
 			    	var checkbox = $(this).parent().parent().find('.end_date');
 			    	$(checkbox).prop('checked', true);
 			    });
-			    subject = $("#id_control_subject").val();
-			    console.log(subject);
-			    console.log($(row).find('.pend_subj'));
+			    
+			    var subject = $("#id_control_subject").val();
+			    
 			    $(row).find('.pend_subj').val(subject);
 			}
 		}); 
-		var begin_val = $('.begin_date_input').val(),
-			end_val = $('.end_date_input').val();
+		$('.begin_date_input').each(function () {
+			console.log($(this).val());
+			if ($(this).val() != '') {
+				$(this).parent().parent().find('.begin_date').prop('checked', true);
+			} else {
+				$(this).parent().parent().find('.begin_date').prop('checked', false);
+			}
+		});
+
+		$('.end_date_input').each(function () {
+			if ($(this).val() != '') {
+				$(this).parent().parent().find('.end_date').prop('checked', true);
+			} else {
+				$(this).parent().parent().find('.end_date').prop('checked', false);
+			}
+		});
-		if (begin_val != '') {
-			$(".begin_date").prop('checked', true);
-		}
+		var subject = $("#id_control_subject").val();
-		if (end_val != '') {
-			$(".end_date").prop('checked', true);
-		}
+		$('.pend_subj').val(subject);
 		{% if not pendencies_form.is_valid and pendencies_form.is_bound %}
 			$("#notifications").collapse('toggle');
@@ -0,0 +1,65 @@
+{% extends 'subjects/view.html' %}
+
+{% load static i18n pagination permissions_tags %}
+{% 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">&times;</span>
+				</button>
+				<p>{{ message }}</p>
+			</div>
+		{% endfor %}
+	{% endif %}
+
+	{% subject_permissions request.user subject as has_subject_permissions %}
+
+	{% if subject.visible %}
+		<div class="panel panel-info topic-panel" style="margin-bottom: 0px;">
+			<div class="panel-heading">
+	{% elif has_subject_permissions %}
+		<div class="panel panel-info topic-panel-invisible" style="margin-bottom: 0px;">
+			<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=""><i class="fa fa-list" aria-hidden="true"></i></a>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content" style="padding: 0px; overflow: hidden;">
+				<iframe src="{{ youtube.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 %}
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+
+{% load static i18n %}
+
+<html>
+<head>
+	<title>{{ title }} | {{ theme.title }}</title>
+
+	<script type="text/javascript" src="{% static 'js/jquery-3.1.0.min.js' %}"></script>
+
+	<meta http-equiv="Cache-Control" content="no-cache, no-store" />
+	<link href="{{ theme.favicon_url }}" rel="shortcut icon" />
+
+	<style type="text/css">
+		body {
+			padding: 0;
+			margin: 0;
+			overflow: hidden;
+		}
+	</style>
+</head>
+<body>
+  	<iframe src="{{ youtube.url }}?enablejsapi=1" frameborder="0" allowfullscreen id="video"></iframe>
+
+  	<script type="text/javascript" src="{% static 'js/ytvideo.js' %}"></script>
+	<script type="text/javascript">
+		$(function(){
+  			$('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });
+
+  			// If you want to keep full screen on window resize
+  			$(window).resize(function(){
+    			$('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });
+  			});
+		});
+	</script>
+</body>
+</html>
 \ No newline at end of file
@@ -6,4 +6,6 @@ from . import views
 urlpatterns = [
 	url(r'^create/(?P<slug>[\w_-]+)/$', views.CreateView.as_view(), name = 'create'),
 	url(r'^update/(?P<topic_slug>[\w_-]+)/(?P<slug>[\w_-]+)/$', views.UpdateView.as_view(), name = 'update'),
+	url(r'^window_view/(?P<slug>[\w_-]+)/$', views.NewWindowView.as_view(), name = 'window_view'),
+	url(r'^view/(?P<slug>[\w_-]+)/$', views.InsideView.as_view(), name = 'view'),
 ]
@@ -12,6 +12,57 @@ from topics.models import Topic
 from .forms import YTVideoForm, InlinePendenciesFormset
 from .models import YTVideo
+class NewWindowView(LoginRequiredMixin, generic.DetailView):
+	login_url = reverse_lazy("users:login")
+	redirect_field_name = 'next'
+
+	template_name = 'youtube/window_view.html'
+	model = YTVideo
+	context_object_name = 'youtube'
+
+	def dispatch(self, request, *args, **kwargs):
+		slug = self.kwargs.get('slug', '')
+		youtube = get_object_or_404(YTVideo, slug = slug)
+
+		if not has_resource_permissions(request.user, youtube):
+			return redirect(reverse_lazy('subjects:home'))
+
+		return super(NewWindowView, self).dispatch(request, *args, **kwargs)
+
+	def get_context_data(self, **kwargs):
+		context = super(NewWindowView, self).get_context_data(**kwargs)
+		
+		context['title'] = _("%s - Video")%(self.object.name)
+
+		return context
+
+class InsideView(LoginRequiredMixin, generic.DetailView):
+	login_url = reverse_lazy("users:login")
+	redirect_field_name = 'next'
+
+	template_name = 'youtube/view.html'
+	model = YTVideo
+	context_object_name = 'youtube'	
+
+	def dispatch(self, request, *args, **kwargs):
+		slug = self.kwargs.get('slug', '')
+		youtube = get_object_or_404(YTVideo, slug = slug)
+
+		if not has_resource_permissions(request.user, youtube):
+			return redirect(reverse_lazy('subjects:home'))
+
+		return super(InsideView, self).dispatch(request, *args, **kwargs)
+
+	def get_context_data(self, **kwargs):
+		context = super(InsideView, self).get_context_data(**kwargs)
+
+		context['title'] = self.object.name
+		
+		context['topic'] = self.object.topic
+		context['subject'] = self.object.topic.subject
+
+		return context
+
 class CreateView(LoginRequiredMixin, generic.edit.CreateView):
 	login_url = reverse_lazy("users:login")
 	redirect_field_name = 'next'
@@ -68,6 +119,9 @@ class CreateView(LoginRequiredMixin, generic.edit.CreateView):
 		return initial
 	def form_invalid(self, form, pendencies_form):
+		for p_form in pendencies_form.forms:
+			p_form.fields['action'].choices = [("", "-------"),("view", _("Visualize")), ("finish", _("Finish"))]
+
 		return self.render_to_response(self.get_context_data(form = form, pendencies_form = pendencies_form))
 	def form_valid(self, form, pendencies_form):
@@ -111,14 +165,14 @@ class CreateView(LoginRequiredMixin, generic.edit.CreateView):
 	def get_success_url(self):
 		messages.success(self.request, _('The Youtube Video "%s" was added to the Topic "%s" of the virtual environment "%s" successfully!')%(self.object.name, self.object.topic.name, self.object.topic.subject.name))
-		#success_url = reverse_lazy('webpages:view', kwargs = {'slug': self.object.slug})
+		success_url = reverse_lazy('youtube:view', kwargs = {'slug': self.object.slug})
-		#if self.object.show_window:
-		#	self.request.session['resources'] = {}
-		#	self.request.session['resources']['new_page'] = True
-		#	self.request.session['resources']['new_page_url'] = reverse('webpages:window_view', kwargs = {'slug': self.object.slug})
+		if self.object.show_window:
+			self.request.session['resources'] = {}
+			self.request.session['resources']['new_page'] = True
+			self.request.session['resources']['new_page_url'] = reverse('youtube:window_view', kwargs = {'slug': self.object.slug})
-		success_url = reverse_lazy('subjects:view', kwargs = {'slug': self.object.topic.subject.slug})
+			success_url = reverse_lazy('subjects:view', kwargs = {'slug': self.object.topic.subject.slug})
 		return success_url
@@ -170,6 +224,9 @@ class UpdateView(LoginRequiredMixin, generic.UpdateView):
 			return self.form_invalid(form, pendencies_form)
 	def form_invalid(self, form, pendencies_form):
+		for p_form in pendencies_form.forms:
+			p_form.fields['action'].choices = [("", "-------"),("view", _("Visualize")), ("finish", _("Finish"))]
+
 		return self.render_to_response(self.get_context_data(form = form, pendencies_form = pendencies_form))
 	def form_valid(self, form, pendencies_form):
@@ -207,13 +264,13 @@ class UpdateView(LoginRequiredMixin, generic.UpdateView):
 	def get_success_url(self):
 		messages.success(self.request, _('The YouTube Video "%s" was updated successfully!')%(self.object.name))
-		#success_url = reverse_lazy('webpages:view', kwargs = {'slug': self.object.slug})
+		success_url = reverse_lazy('youtube:view', kwargs = {'slug': self.object.slug})
-		#if self.object.show_window:
-		#	self.request.session['resources'] = {}
-		#	self.request.session['resources']['new_page'] = True
-		#	self.request.session['resources']['new_page_url'] = reverse('webpages:window_view', kwargs = {'slug': self.object.slug})
+		if self.object.show_window:
+			self.request.session['resources'] = {}
+			self.request.session['resources']['new_page'] = True
+			self.request.session['resources']['new_page_url'] = reverse('youtube:window_view', kwargs = {'slug': self.object.slug})
-		success_url = reverse_lazy('subjects:view', kwargs = {'slug': self.object.topic.subject.slug})
+			success_url = reverse_lazy('subjects:view', kwargs = {'slug': self.object.topic.subject.slug})
 		return success_url
 \ No newline at end of file
	@@ -0,0 +1,38 @@		@@ -0,0 +1,38 @@
		1	+// Load the IFrame Player API code asynchronously.
		2	+var tag = document.createElement('script');
		3	+tag.src = "https://www.youtube.com/player_api";
		4	+var firstScriptTag = document.getElementsByTagName('script')[0];
		5	+firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
		6	+
		7	+ // Replace the 'ytplayer' element with an <iframe> and
		8	+ // YouTube player after the API code downloads.
		9	+var player;
		10	+function onYouTubePlayerAPIReady() {
		11	+ player = new YT.Player('video');
		12	+
		13	+ player.addEventListener("onStateChange", "onPlayerStateChange");
		14	+
		15	+}
		16	+
		17	+function onPlayerStateChange(event) {
		18	+ switch (event.data) {
		19	+ case YT.PlayerState.UNSTARTED:
		20	+ console.log('unstarted');
		21	+ break;
		22	+ case YT.PlayerState.ENDED:
		23	+ console.log('ended');
		24	+ break;
		25	+ case YT.PlayerState.PLAYING:
		26	+ console.log('playing');
		27	+ break;
		28	+ case YT.PlayerState.PAUSED:
		29	+ console.log('paused');
		30	+ break;
		31	+ case YT.PlayerState.BUFFERING:
		32	+ console.log('buffering');
		33	+ break;
		34	+ case YT.PlayerState.CUED:
		35	+ console.log('video cued');
		36	+ break;
		37	+ }
		38	+}
0	\ No newline at end of file	39	\ No newline at end of file
	@@ -43,3 +43,6 @@ class FileLink(Resource):		@@ -43,3 +43,6 @@ class FileLink(Resource):
43		43
44	def delete_link(self):	44	def delete_link(self):
45	return 'file_links:delete'	45	return 'file_links:delete'
		46	+
		47	+ def delete_message(self):
		48	+ return _('Are you sure you want delete the file link')
	@@ -1,22 +0,0 @@		@@ -1,22 +0,0 @@
1	-{% load i18n %}
2	-
3	-<div class="modal fade" id="topic" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
4	- <div class="modal-dialog" role="document">
5	- <div class="modal-content">
6	- <div class="modal-body">
7	- <form id="delete_form" action="{% url 'file_links:delete' file_link.slug %}" method="post">
8	- {% csrf_token %}
9	- <h4>{% trans 'Are you sure you want delete the file link' %}: {{ file_link }}?</h4>
10	- </form>
11	- </div>
12	- <div class="modal-footer">
13	- <div class="pull-right">
14	- <button type="button" class="btn btn-default btn-raised" data-dismiss="modal">{% trans "Close" %}</button>
15	- </div>
16	- <div class="pull-left">
17	- <button type="submit" form="delete_form" class="btn btn-success btn-raised">{% trans "Delete" %}</button>
18	- </div>
19	- </div>
20	- </div>
21	- </div>
22	-</div>
23	\ No newline at end of file	0	\ No newline at end of file
	@@ -312,9 +312,9 @@ class DeleteView(LoginRequiredMixin, LogMixin, generic.DeleteView):		@@ -312,9 +312,9 @@ class DeleteView(LoginRequiredMixin, LogMixin, generic.DeleteView):
312	login_url = reverse_lazy("users:login")	312	login_url = reverse_lazy("users:login")
313	redirect_field_name = 'next'	313	redirect_field_name = 'next'
314		314
315	- template_name = 'file_links/delete.html'	315	+ template_name = 'resources/delete.html'
316	model = FileLink	316	model = FileLink
317	- context_object_name = 'file_link'	317	+ context_object_name = 'resource'
318		318
319	def dispatch(self, request, args, *kwargs):	319	def dispatch(self, request, args, *kwargs):
320	slug = self.kwargs.get('slug', '')	320	slug = self.kwargs.get('slug', '')
	@@ -24,3 +24,6 @@ class Webpage(Resource):		@@ -24,3 +24,6 @@ class Webpage(Resource):
24		24
25	def delete_link(self):	25	def delete_link(self):
26	return 'webpages:delete'	26	return 'webpages:delete'
		27	+
		28	+ def delete_message(self):
		29	+ return _('Are you sure you want delete the webpage')
	@@ -371,9 +371,9 @@ class DeleteView(LoginRequiredMixin, LogMixin, generic.DeleteView):		@@ -371,9 +371,9 @@ class DeleteView(LoginRequiredMixin, LogMixin, generic.DeleteView):
371	login_url = reverse_lazy("users:login")	371	login_url = reverse_lazy("users:login")
372	redirect_field_name = 'next'	372	redirect_field_name = 'next'
373		373
374	- template_name = 'webpages/delete.html'	374	+ template_name = 'resources/delete.html'
375	model = Webpage	375	model = Webpage
376	- context_object_name = 'webpage'	376	+ context_object_name = 'resource'
377		377
378	def dispatch(self, request, args, *kwargs):	378	def dispatch(self, request, args, *kwargs):
379	slug = self.kwargs.get('slug', '')	379	slug = self.kwargs.get('slug', '')
	@@ -60,6 +60,16 @@ class YTVideoForm(forms.ModelForm):		@@ -60,6 +60,16 @@ class YTVideoForm(forms.ModelForm):
60		60
61	return name	61	return name
62		62
		63	+ def clean_url(self):
		64	+ url = self.cleaned_data.get('url', '')
		65	+
		66	+ if not 'youtube' in url or not 'embed' in url:
		67	+ self._errors['url'] = [_('Invalid URL. It should be an embed YouTube link.')]
		68	+
		69	+ return ValueError
		70	+
		71	+ return url
		72	+
63	def save(self, commit = True):	73	def save(self, commit = True):
64	super(YTVideoForm, self).save(commit = True)	74	super(YTVideoForm, self).save(commit = True)
65		75
	@@ -89,4 +99,4 @@ class YTVideoForm(forms.ModelForm):		@@ -89,4 +99,4 @@ class YTVideoForm(forms.ModelForm):
89		99
90	return self.instance	100	return self.instance
91		101
92	-InlinePendenciesFormset = inlineformset_factory(YTVideo, Pendencies, form = PendenciesForm, extra = 1, max_num = 2, validate_max = True, can_delete = True)
93	\ No newline at end of file	102	\ No newline at end of file
		103	+InlinePendenciesFormset = inlineformset_factory(YTVideo, Pendencies, form = PendenciesForm, extra = 1, max_num = 3, validate_max = True, can_delete = True)
94	\ No newline at end of file	104	\ No newline at end of file
@@ -0,0 +1,65 @@		@@ -0,0 +1,65 @@
	1	+{% extends 'subjects/view.html' %}
	2	+
	3	+{% load static i18n pagination permissions_tags %}
	4	+{% load django_bootstrap_breadcrumbs %}
	5	+
	6	+{% block javascript%}
	7	+ {{ block.super }}
	8	+{% endblock%}
	9	+
	10	+{% block breadcrumbs %}
	11	+ {{ block.super }}
	12	+ {% breadcrumb topic 'subjects:topic_view' subject.slug topic.slug %}
	13	+ {% breadcrumb youtube 'youtube:view' youtube.slug %}
	14	+{% endblock %}
	15	+
	16	+{% block content %}
	17	+ {% if messages %}
	18	+ {% for message in messages %}
	19	+ <div class="alert alert-{{ message.tags }} alert-dismissible" role="alert">
	20	+ <button type="button" class="close" data-dismiss="alert" aria-label="Close">
	21	+ <span aria-hidden="true">×</span>
	22	+ </button>
	23	+ <p>{{ message }}</p>
	24	+ </div>
	25	+ {% endfor %}
	26	+ {% endif %}
	27	+
	28	+ {% subject_permissions request.user subject as has_subject_permissions %}
	29	+
	30	+ {% if subject.visible %}
	31	+ <div class="panel panel-info topic-panel" style="margin-bottom: 0px;">
	32	+ <div class="panel-heading">
	33	+ {% elif has_subject_permissions %}
	34	+ <div class="panel panel-info topic-panel-invisible" style="margin-bottom: 0px;">
	35	+ <div class="panel-heading panel-invisible">
	36	+ {% endif %}
	37	+ <div class="row">
	38	+ <div class="col-md-12 category-header">
	39	+ <h4 class="panel-title" style="margin-top: 10px; margin-bottom: 8px">
	40	+ <span>{{ youtube }}</span>
	41	+ </h4>
	42	+
	43	+ <div class="col-md-5 pull-right category-card-items">
	44	+ <a href=""><i class="fa fa-list" aria-hidden="true"></i></a>
	45	+ </div>
	46	+ </div>
	47	+ </div>
	48	+ </div>
	49	+ <div id="{{subject.slug}}" class="panel-collapse in collapse category-panel-content" style="padding: 0px; overflow: hidden;">
	50	+ <iframe src="{{ youtube.url }}?enablejsapi=1" frameborder="0" allowfullscreen id="video"></iframe>
	51	+ </div>
	52	+ </div>
	53	+
	54	+ <script type="text/javascript" src="{% static 'js/ytvideo.js' %}"></script>
	55	+ <script type="text/javascript">
	56	+ $(function(){
	57	+ $('#video').css({ width: $("#{{subject.slug}}").innerWidth() + 'px', height: ($(window).innerHeight() - $("#{{subject.slug}}").offset().top) + 'px' });
	58	+
	59	+ // If you want to keep full screen on window resize
	60	+ $(window).resize(function(){
	61	+ $('#video').css({ width: $("#{{subject.slug}}").innerWidth() + 'px', height: ($(window).innerHeight() - $("#{{subject.slug}}").offset().top) + 'px' });
	62	+ });
	63	+ });
	64	+ </script>
	65	+{% endblock %}
	@@ -0,0 +1,37 @@		@@ -0,0 +1,37 @@
		1	+<!DOCTYPE html>
		2	+
		3	+{% load static i18n %}
		4	+
		5	+<html>
		6	+<head>
		7	+ <title>{{ title }} \| {{ theme.title }}</title>
		8	+
		9	+ <script type="text/javascript" src="{% static 'js/jquery-3.1.0.min.js' %}"></script>
		10	+
		11	+ <meta http-equiv="Cache-Control" content="no-cache, no-store" />
		12	+ <link href="{{ theme.favicon_url }}" rel="shortcut icon" />
		13	+
		14	+ <style type="text/css">
		15	+ body {
		16	+ padding: 0;
		17	+ margin: 0;
		18	+ overflow: hidden;
		19	+ }
		20	+ </style>
		21	+</head>
		22	+<body>
		23	+ <iframe src="{{ youtube.url }}?enablejsapi=1" frameborder="0" allowfullscreen id="video"></iframe>
		24	+
		25	+ <script type="text/javascript" src="{% static 'js/ytvideo.js' %}"></script>
		26	+ <script type="text/javascript">
		27	+ $(function(){
		28	+ $('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });
		29	+
		30	+ // If you want to keep full screen on window resize
		31	+ $(window).resize(function(){
		32	+ $('#video').css({ width: $(window).innerWidth() + 'px', height: $(window).innerHeight() + 'px' });
		33	+ });
		34	+ });
		35	+ </script>
		36	+</body>
		37	+</html>
0	\ No newline at end of file	38	\ No newline at end of file
	@@ -6,4 +6,6 @@ from . import views		@@ -6,4 +6,6 @@ from . import views
6	urlpatterns = [	6	urlpatterns = [
7	url(r'^create/(?P<slug>[\w_-]+)/$', views.CreateView.as_view(), name = 'create'),	7	url(r'^create/(?P<slug>[\w_-]+)/$', views.CreateView.as_view(), name = 'create'),
8	url(r'^update/(?P<topic_slug>[\w_-]+)/(?P<slug>[\w_-]+)/$', views.UpdateView.as_view(), name = 'update'),	8	url(r'^update/(?P<topic_slug>[\w_-]+)/(?P<slug>[\w_-]+)/$', views.UpdateView.as_view(), name = 'update'),
		9	+ url(r'^window_view/(?P<slug>[\w_-]+)/$', views.NewWindowView.as_view(), name = 'window_view'),
		10	+ url(r'^view/(?P<slug>[\w_-]+)/$', views.InsideView.as_view(), name = 'view'),
9	]	11	]