From e4d2d2e655c63c0ab5875bfa47f7c8c07559d4dd Mon Sep 17 00:00:00 2001
From: yomguy <yomguy@parisson.com>
Date: Fri, 10 Aug 2012 01:09:44 +0200
Subject: [PATCH] add a play button to item preview in media list

---
 example/settings.py                           |   2 +-
 .../static/teleforma/images/play_168.gif      | Bin 0 -> 521 bytes
 .../static/teleforma/images/play_168.png      | Bin 0 -> 1857 bytes
 .../templates/teleforma/inc/media_list.html   |  24 ++++++++++--------
 4 files changed, 14 insertions(+), 12 deletions(-)
 create mode 100644 teleforma/static/teleforma/images/play_168.gif
 create mode 100644 teleforma/static/teleforma/images/play_168.png

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 0000000000000000000000000000000000000000..4fca0dd8af4f965b9858631eeb390dba7c86355b
GIT binary patch
literal 521
zcmV+k0`~n!Nk%w1VW<FJ0Du4h|NsC0|NkNR1OW;F0RSuj0001}0A2t90{)DTsmtvT
zqnxzbi?iOm`wxcVNS5Y_rs~SJ?hD8AOxN~}=lag~{tpZaheQbAh)gO0#inHmjWV6o
zh4d<|R<YcycGwMjzddpCU_O#}T}pd>!)my2+Vyj<zw#iyUNtrn_-8Um5=DrD2ndx}
zvbX~2h_?hIIk|Dk(um2S*}~bG5h_C}>Q-4}dMc4>v&!lKo1n&c7Tc;6aeFe0i{J~a
z+dKT*;QA2Ufo!b6eEdnt+blet?AKRJji!Aq7xGLU&L9Tf-8@cSE{(L!ZSB48d2XC;
zl~$VxUr!H>pO2v*E_=@Y?aS59T>yf#3?4KhkQKvf4iln!C=uhm;ffIpY82JcBgc>i
zCSoE<aU{TaEBSp)$+3dTNi!F!oO02kIFuzv27KA6X3SAQPx7?+PhU}*M-9$f%Csmx
z4>hCeWciKiQL8QeWz`DRD9|_A!g9rlb?bzxVy}8tyB2QSt|Hx*H9MCsOk#M0hU^<x
zuHTM&%>f>4cMscG%2G5|`1ny|caud_-WHAT;enTx3f{T+LS}_&3ojc@S{7=et5d)I
zTo<<MudF+}-iQsMq1&}{$KK7m_f6ZuAr6;aT=ntfwkk4rk@UH$(9)}0zm7e-_U+ue
Ld;bpJdjSAD*QN!@

literal 0
HcmV?d00001

diff --git a/teleforma/static/teleforma/images/play_168.png b/teleforma/static/teleforma/images/play_168.png
new file mode 100644
index 0000000000000000000000000000000000000000..87568b50181033a62f3293f0057881f421daf542
GIT binary patch
literal 1857
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

literal 0
HcmV?d00001

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>
-- 
2.39.5