switch thumbnail system from homegrown to sorl-thumbnail

[panikweb.git] / panikweb_templates / templates / episodes / inline.html

diff --git a/panikweb_templates/templates/episodes/inline.html b/panikweb_templates/templates/episodes/inline.html
index c376b155ef1bd431beeed4bfe479b2710e05bcbe..0fa453403302341075b491516d468473335fbebe 100644 (file)
--- a/panikweb_templates/templates/episodes/inline.html
+++ b/panikweb_templates/templates/episodes/inline.html
@@ -1,48 +1,36 @@
-{% load thumbnails %}
-<div class="episode episode-inline inline cf">
-       <div class="date dateBloc left small">
-               <span class="day">
-                   {{ episode.first_diffusion|date:"D"|slice:":2"}}
-               </span>
-               <span class="number">
-                   {{ episode.first_diffusion|date:"d" }}
-               </span>
-               {% if date != "daytime" %}
-               <div class="month">
-                   {{ episode.first_diffusion|date:"M Y" }}
-               </div>
-               {% endif %}
-               <span class="time">
-                   {{ episode.first_diffusion|date:"H:i" }}
-               </span>
-       </div>
-       {% if episode.main_sound %}
-       <!--
-       <div class="controls right">
-                       {% include "includes/audio.html" with file=episode.main_sound.file %}
-       </div>
-       <div class="controls todo right">
-               <button class="symbol play">A</button><button class="symbol add">B</button>
-       </div>
-       -->
-       {% endif %}
-       <div class="logo right">
+{% load thumbnail paniktags staticfiles %}
+<div class="episode inline episode-inline">
+       <div class="logo">
                {% if episode.image %}
-               <img width="50" height="50" src="{{ episode.image|thumbnail:'50x50' }}"/>
+                       {% thumbnail episode.image "60x60" crop="50% 25%" as im %}
+                       <img src="{{im.url}}"/>
+                       {% endthumbnail %}
+               {% elif episode.emission.image %}
+                       {% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
+                       <img src="{{im.url}}"/>
+                       {% endthumbnail %}
+               {% else %}
+                       <img class="smooth"  style="width:60px;" src="{% static "img/emission.png" %}"/>
                {% endif %}
        </div>
        <div class="content">
-               <a class="block" href="{{ episode.slug }}">
-                       <h5 class="title ellipsis">{{ episode.title }}</h5>
-                               {% if episode.description %}
-                                       <div class="description ellipsis">
-                                               {{ episode.description|safe|striptags }}
-                                       </div>
-                               {% elif episode.text %}
-                                       <div class="description ellipsis">
-                                               {{ episode.text|safe|striptags|truncatewords:20}}
-                                       </div>
-                               {% endif %}
-               </a>
+               {% if episode.main_sound %}
+                       <div class="sound right">{% audio sound=episode.main_sound %}</div>
+               {% endif %}
+               <div class="title">
+               <div class="smooth">diffusion le {{ episode.first_diffusion|date:"d/m/Y" }}</div>
+                       <h5 class="title">
+                               <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
+                       </h5>
+               </div>
+                       {% if episode.subtitle %}
+                               <div class="description ellipsis">
+                                       {{ episode.subtitle|truncatewords:20}}
+                               </div>
+                       {% elif episode.text %}
+                               <div class="description ellipsis">
+                                       {{ episode.text|safe|striptags|truncatewords:20}}
+                               </div>
+                       {% endif %}
        </div>
 </div>