add media_package video and audio templates

diff --git a/teleforma/templates/teleforma/seminar_media_audio.html b/teleforma/templates/teleforma/seminar_media_audio.html
new file mode 100644 (file)
index 0000000..b6eca80
--- /dev/null
+++ b/teleforma/templates/teleforma/seminar_media_audio.html
@@ -0,0 +1,79 @@
+{% extends "teleforma/seminar_media_video.html" %}
+{% load telemeta_utils %}
+{% load teleforma_tags %}
+{% load i18n %}
+
+{% block module-action %}
+{% for media in media_package.audio.all %}
+    {% if media.item.file and media.is_published %}
+     <div class="module_action"> 
+     <a href="{{ MEDIA_URL }}{{ media.item.file }}" class="component_icon button" id="action_red"><img src="{{STATIC_URL}}teleforma/images/download_media.png" alt="" style="vertical-align:middle" />&nbsp;{% trans "Download" %}</a>
+     </div>
+    {% endif %}
+{% endfor %}
+{% endblock module-action %}
+
+{% block course %}
+<div class="course_media">
+
+<div class="course_title">
+    <div style="float: right; font-size: 0.9em;">
+        
+        <a href="{% url teleforma-media-video media_package.id %}" class="component_icon button icon_speaker">&nbsp;{% trans "Video" %}</a>
+        
+        {% if user.is_staff %}
+        <a id="publish" href="#" class="{% if media_package.is_published %}component_icon button icon_ok{% else %}component_icon button icon_delete{% endif %}">{% if media_package.is_published %}{% trans " published" %}{% else %}{% trans " rejected" %}{% endif %}</a>
+        {% endif %}
+    </div>
+
+    <a href="{% url teleforma-seminar-detail seminar.id %}" style="color: #000;">{{ seminar.title }}</a>
+
+</div>
+
+{% if access_error %}
+  <p>{{ access_error }}</p>
+  <p>{{ message }}</p>
+
+{% else %}
+<div class="media">
+
+<div class="audio">
+<audio controls preload="auto">
+    {% for media in media_package.audio.all %}
+        <source src="{{ MEDIA_URL }}{{ media.item.file }}" type="{{ media.mime_type }}" />
+    {% endfor %}
+</audio>
+</div>
+
+</div>
+{% endif %}
+
+{% block general_info %}
+<div class="course_content" id="media_infos">
+<dl class="listing">
+
+
+<dt>{% trans "Seminar" %}</dt><dd><a href="{% url teleforma-seminar-detail seminar.id %}">{{ seminar.title }} - {{ seminar.rank }}</a></dd>
+{% if seminar.professor.all %}
+<dt>{% trans "Professors" %}</dt>
+    <dd>{% for professor in seminar.professor.all %}<a href="{% url telemeta-profile-detail professor.user.username %}" target="_blank">{{ professor }}, {% endfor %}</a></dd>
+{% endif %}
+
+{% if user.is_staff or user.is_superuser %}
+<dt>{% trans "Mime type" %}</dt><dd>{% for media in media_package.video.all %}{{ media.mime_type }}, {% endfor %}</dd>
+<dt>{% trans "Date added" %}</dt><dd>{{ media_package.date_added }}</dd>
+<dt>{% trans "Date modified" %}</dt><dd>{{ media_package.date_modified }}</dd>
+<dt>{% trans "Media package ID" %}</dt><dd>{{ media_package.id }}</dd>
+{% endif %}
+
+
+</dl>
+</div>
+{% endblock general_info %}
+
+</div>
+{% endblock course %}
+
+{% block chat %}
+
+{% endblock chat %}
\ No newline at end of file

diff --git a/teleforma/templates/teleforma/seminar_media_video.html b/teleforma/templates/teleforma/seminar_media_video.html
new file mode 100644 (file)
index 0000000..5597378
--- /dev/null
+++ b/teleforma/templates/teleforma/seminar_media_video.html
@@ -0,0 +1,125 @@
+{% extends "teleforma/seminar_detail.html" %}
+{% load telemeta_utils %}
+{% load teleforma_tags %}
+{% load i18n %}
+
+
+{% block extra_javascript %}
+
+<script src="{{STATIC_URL}}teleforma/video-js/video.js"></script>
+<link href="{{STATIC_URL}}teleforma/video-js/video-js.css" rel="stylesheet">
+
+
+{% if user.is_staff %}
+<script type="text/javascript">
+    var mediaUtils = {
+        publish : function(id){
+            var p = jQuery('#publish');
+            json([id],'teleforma.publish_media_package',function(){
+                p.removeClass('icon_delete').addClass('icon_ok')
+                p.html('{% trans " published" %}')
+                });
+         },
+        unpublish : function(id){
+            var p = jQuery('#publish');
+            json([id],'teleforma.unpublish_media_package',function(){
+                p.removeClass('icon_ok').addClass('icon_delete')
+                p.html('{% trans " rejected" %}')
+                });
+         }
+        }
+
+    jQuery(window).ready(function(){
+        var p = jQuery('#publish');
+        var f = mediaUtils;
+        p.unbind('click').click(function() {
+            if (p.hasClass('icon_ok')){
+                f.unpublish('{{media_package.id}}');
+                return false;
+                }
+            if (p.hasClass('icon_delete')) {
+                f.publish('{{media_package.id}}');
+                return false;
+                }
+            }
+            );
+        });
+</script>
+{% endif %}
+
+{% endblock extra_javascript %}
+
+{% block module-action %}
+{% for media in media_package.video.all %}
+    {% if media.item.file and media.is_published %}
+     <div class="module_action"> 
+     <a href="{{ MEDIA_URL }}{{ media.item.file }}" class="component_icon button" id="action_red"><img src="{{STATIC_URL}}teleforma/images/download_media.png" alt="" style="vertical-align:middle" />&nbsp;{% trans "Download" %}</a>
+     </div>
+    {% endif %}
+{% endfor %}
+{% endblock module-action %}
+
+{% block course %}
+<div class="course_media">
+
+<div class="course_title">
+    <div style="float: right; font-size: 0.9em;">
+        
+        <a href="{% url teleforma-media-audio media_package.id %}" class="component_icon button icon_speaker">&nbsp;{% trans "Audio" %}</a>
+        
+        {% if user.is_staff %}
+        <a id="publish" href="#" class="{% if media_package.is_published %}component_icon button icon_ok{% else %}component_icon button icon_delete{% endif %}">{% if media_package.is_published %}{% trans " published" %}{% else %}{% trans " rejected" %}{% endif %}</a>
+        {% endif %}
+    </div>
+
+    <a href="{% url teleforma-seminar-detail seminar.id %}" style="color: #000;">{{ seminar.title }}</a>
+
+</div>
+
+{% if access_error %}
+  <p>{{ access_error }}</p>
+  <p>{{ message }}</p>
+
+{% else %}
+<div class="media">
+
+<div class="video">
+<video id="my_video_1" class="video-js vjs-default-skin" width="640" height="360" controls preload="auto" data-setup='{}'>
+{% for media in media_package.video.all %}
+    <source src="{{ MEDIA_URL }}{{ media.item.file }}" type="{{ media.mime_type }}" />
+{% endfor %}
+</video>
+</div>
+
+</div>
+{% endif %}
+
+{% block general_info %}
+<div class="course_content" id="media_infos">
+<dl class="listing">
+
+
+<dt>{% trans "Seminar" %}</dt><dd><a href="{% url teleforma-seminar-detail seminar.id %}">{{ seminar.title }} - {{ seminar.rank }}</a></dd>
+{% if seminar.professor.all %}
+<dt>{% trans "Professors" %}</dt>
+    <dd>{% for professor in seminar.professor.all %}<a href="{% url telemeta-profile-detail professor.user.username %}" target="_blank">{{ professor }}, {% endfor %}</a></dd>
+{% endif %}
+
+{% if user.is_staff or user.is_superuser %}
+<dt>{% trans "Mime type" %}</dt><dd>{% for media in media_package.video.all %}{{ media.mime_type }}, {% endfor %}</dd>
+<dt>{% trans "Date added" %}</dt><dd>{{ media_package.date_added }}</dd>
+<dt>{% trans "Date modified" %}</dt><dd>{{ media_package.date_modified }}</dd>
+<dt>{% trans "Media package ID" %}</dt><dd>{{ media_package.id }}</dd>
+{% endif %}
+
+
+</dl>
+</div>
+{% endblock general_info %}
+
+</div>
+{% endblock course %}
+
+{% block chat %}
+
+{% endblock chat %}
\ No newline at end of file