From: yomguy <yomguy@parisson.com>
Date: Thu, 9 Aug 2012 23:09:44 +0000 (+0200)
Subject: add a play button to item preview in media list
X-Git-Tag: 0.8.5~4^2~2
X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=e4d2d2e655c63c0ab5875bfa47f7c8c07559d4dd;p=teleforma.git

add a play button to item preview in media list
---

diff --git a/example/settings.py b/example/settings.py
index 399eb3dc..ba578733 100644
--- a/example/settings.py
+++ b/example/settings.py
@@ -64,7 +64,7 @@ if not os.path.exists(MEDIA_ROOT):
 # URL that handles the media served from MEDIA_ROOT. Make sure to use a
 # trailing slash if there is a path component (optional in other cases).
 # Examples: "http://media.lawrence.com", "http://example.com/media/"
-MEDIA_URL = '/media/'
+MEDIA_URL = 'http://localhost:8040/'
 
 # Absolute path to the directory static files should be collected to.
 # Don't put anything in this directory yourself; store your static files
diff --git a/teleforma/static/teleforma/images/play_168.gif b/teleforma/static/teleforma/images/play_168.gif
new file mode 100644
index 00000000..4fca0dd8
Binary files /dev/null and b/teleforma/static/teleforma/images/play_168.gif differ
diff --git a/teleforma/static/teleforma/images/play_168.png b/teleforma/static/teleforma/images/play_168.png
new file mode 100644
index 00000000..87568b50
Binary files /dev/null and b/teleforma/static/teleforma/images/play_168.png differ
diff --git a/teleforma/templates/teleforma/inc/media_list.html b/teleforma/templates/teleforma/inc/media_list.html
index c26c953e..31e37d1e 100644
--- a/teleforma/templates/teleforma/inc/media_list.html
+++ b/teleforma/templates/teleforma/inc/media_list.html
@@ -14,17 +14,19 @@
           {% if media.type == 'webm' %}
             <tr>
             <td {% if forloop.first %}class="border-top"{% endif %} width="230px" style="vertical-align:middle">
-                <a href="{% url teleforma-media-detail media.id %}" title="{% trans "View" %}">
-                 {% if media.item.related.all %}
-                 {% for related in media.item.related.all %}
-                  {% if related.title == "preview" %}
-                  <img src="{{ MEDIA_URL }}{{ related.file }}" width="100%" alt="{% trans 'Click here' %}" />
-                  {% endif %}
-                 {% endfor %}
-                 {% else %}
-                  {% trans 'Click here' %}
-                 {% endif %}
-                </a>
+            <a href="{% url teleforma-media-detail media.id %}" title="{% trans "Play" %}">
+            {% if media.item.related.all %}
+             {% for related in media.item.related.all %}
+              {% if related.title == "preview" %}
+                <div style="background-image: url('{{ MEDIA_URL }}{{ related.file }}'); background-size: 100%;">
+                 <img src="{{ STATIC_URL }}teleforma/images/play_168.png" width="100%" alt="{% trans 'Click here' %}" />
+                </div>
+              {% endif %}
+             {% endfor %}
+            {% else %}
+              {% trans 'Click here' %}
+            {% endif %}
+            </a>
             </td>
             <td {% if forloop.first %}class="border-top"{% endif %} width="60%" style="padding-left: 1em;">
                 <div>