From ef2b6c7b10424472a2c0654d8de7d9e97d44be6b Mon Sep 17 00:00:00 2001
From: Emilie <zawadzki@ircam.fr>
Date: Wed, 5 Oct 2016 13:56:06 +0200
Subject: [PATCH] Media : templating

---
 app/organization/media/views.py               |  1 -
 app/templates/media/audio/inc/audio_card.html | 30 +++++++++++++++++++
 app/templates/media/media_list.html           | 13 +++++---
 app/templates/media/video/inc/video_card.html | 18 +++++++++++
 4 files changed, 57 insertions(+), 5 deletions(-)
 create mode 100644 app/templates/media/audio/inc/audio_card.html
 create mode 100644 app/templates/media/video/inc/video_card.html

diff --git a/app/organization/media/views.py b/app/organization/media/views.py
index 044c90d5..f982dac3 100644
--- a/app/organization/media/views.py
+++ b/app/organization/media/views.py
@@ -2,7 +2,6 @@ from django.shortcuts import render
 
 from organization.media.models import *
 from organization.core.views import *
-from organization.core.utils import *
 from dal import autocomplete
 from dal_select2_queryset_sequence.views import Select2QuerySetSequenceView
 from mezzanine_agenda.models import Event
diff --git a/app/templates/media/audio/inc/audio_card.html b/app/templates/media/audio/inc/audio_card.html
new file mode 100644
index 00000000..38541296
--- /dev/null
+++ b/app/templates/media/audio/inc/audio_card.html
@@ -0,0 +1,30 @@
+<audio preload="true"></audio>
+<ol class="audio-playlist">
+
+    {% for audio in object %}
+
+    <li class="audio-playlist__item">
+        <a href="#" data-src="{{ audio.open_source_url }}">{{ audio.title }}</a>
+    </li>
+
+    {% comment %}
+
+        {# audio.title #}<br>
+        {# audio.open_source_mime_type #}<br>
+        {# audio.closed_source_mime_type #}<br>
+        {# audio.category #}<br>
+        {# audio.media_id #}<br>
+        {# audio.open_source_url #}<br>
+        {# audio.closed_source_url #}<br>
+        {# audio.poster_url #}<br>
+        <audio>
+            <source src="{{ audio.open_source_url }}" type="{{ audio.open_source_mime_type }}">
+            <source src="{{ audio.closed_source_mime_type }}" type="{{ audio.closed_source_url }}">
+            Your browser does not support the audio element.
+        </audio>
+
+    {% endcomment %}
+
+    {% endfor %}
+
+</ol>
diff --git a/app/templates/media/media_list.html b/app/templates/media/media_list.html
index 41526d7f..8eadaf47 100644
--- a/app/templates/media/media_list.html
+++ b/app/templates/media/media_list.html
@@ -28,9 +28,14 @@
 
 {% block page_content %}
 
-{% for m in media %}
-    {{ m|classname }} : {{ m.created_at }} : {{ m.title }}
-    <br>
-{% endfor %}
+    {% for object in media %}
+        {% with object|classname|lower as class_name %}
+            {% with "media/"|add:class_name|add:"/inc/"|add:class_name|add:"_card.html" as template %}
+                {% include template %}
+            {% endwith %}
+        {% endwith %}
+        {{ m|classname }} : {{ m.created_at }} : {{ m.title }}
+        <br>
+    {% endfor %}
 
 {% endblock %}
diff --git a/app/templates/media/video/inc/video_card.html b/app/templates/media/video/inc/video_card.html
new file mode 100644
index 00000000..0f2df011
--- /dev/null
+++ b/app/templates/media/video/inc/video_card.html
@@ -0,0 +1,18 @@
+{% for video in videos %}
+    {% comment %}
+        {# video.title #}<br>
+        {# video.open_source_mime_type #}<br>
+        {# video.closed_source_mime_type #}<br>
+        {# video.category #}<br>
+        {# video.media_id #}<br>
+        {# video.open_source_url #}<br>
+        {# video.closed_source_url #}<br>
+        {# video.poster_url #}<br>
+    {% endcomment %}
+
+  <video width="905" height="520" controls>
+    <source src="{{ video.closed_source_url }}" type="{{ video.closed_source_mime_type }}">
+    <source src="{{ video.open_source_url }}" type="{{ video.open_source_mime_type }}">
+    Your browser does not support the video tag.
+  </video>
+{% endfor %}
-- 
2.39.5