switch thumbnail system from homegrown to sorl-thumbnail

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

diff --git a/panikweb_templates/templates/episodes/detail.html b/panikweb_templates/templates/episodes/detail.html
index 077c8e28cc0bf0a1e25e0cb930abb0f404ba2ce2..99043eb77adff767ddf8438161715a306a07ba0e 100644 (file)
--- a/panikweb_templates/templates/episodes/detail.html
+++ b/panikweb_templates/templates/episodes/detail.html
@@ -1,10 +1,36 @@
-{% load thumbnails %}
-{% load paniktags %}
+{% load thumbnail paniktags %}
 <div class="episode detail episode-detail cf">
+       {% if episode.first_diffusion %}
+       <div class="dateBloc">
+               <div class="date">
+                       <div class="day">
+                           {{ episode.first_diffusion|date:"D"|slice:":2"}}
+                       </div>
+                       <div class="number">
+                           {{ episode.first_diffusion|date:"d" }}
+                       </div>
+                       {% if date != "daytime" %}
+                       <div class="month">
+                           {{ episode.first_diffusion|date:"M y" }}
+                       </div>
+                       {% endif %}
+                       <div class="time">
+                           {{ episode.first_diffusion|date:"H:i" }}
+                       </div>
+               </div>
+       </div>
+       {% endif %}
        {% if diffusions %}
-       <header class="center padded">
-               <h4 class="">{{ episode.title }}</h4>
+       <header class="">
+               <h3 class="">{{ episode.title }}</h3>
+               {% if episode.subtitle %}
+               <h3 class="episode-subtitle">{{ episode.subtitle }}</h3>
+               {% endif %}
+               {% if diffusions|length > 1 %}
                <div class="label">Diffusions</div>
+               {% else %}
+               <div class="label">Diffusion</div>
+               {% endif %}
                <ul class="diffusions custom">
                        {% for schedule in diffusions %}
                                <li><span class="date">{{ schedule.datetime|date:"l d M Y à H:i" }}</span></li>
@@ -13,20 +39,15 @@
        </header>
        {% endif %}
        {% if episode.main_sound %}
-               <div class="sound center">
+               <div class="sound">
                        {% audio sound=episode.main_sound %}
                </div>
        {% endif %}
-       {% if episode.image %}
-       <div class="logo right">
-               <img src="{{ episode.image|thumbnail:'640x480' }}"/>
-       </div>
-       {% endif %}
-       <div class="content userContent">
-               {% if episode.description %}
-               <div class="description">
-                       {{ episode.description|safe }}
-               </div>
+       <div class="content userContent marged">
+               {% if episode.image %}
+               {% thumbnail emission.image "640x480" crop="50% 25%" as im %}
+               <img class="logo right button" data-toggle-img="/media/{{episode.image}}" src="{{im.url}}"/>
+               {% endthumbnail %}
                {% endif %}
                {% if episode.text %}
                <article class="text">
@@ -41,14 +62,26 @@
                            {% if episode.redif %}<dt>Redifusion</dt><dd>{{ redif }}</dd>{% endif %}
                        </dl>
                        {% endif %}
-                       {% if episode.tagList %}
+                       {% if episode.tags.all %}
                        <ul class="custom inline">
-                               {% for tag in episode.tagList %}
-                                       <li><button class="tag">{{ tag }}</button></li>
+                               {% for tag in episode.tags.all %}
+                               <li><a class="tag" href="{% url 'search' %}?&selected_facets=tags_exact:{{tag|facet_tag}}">{{ tag }}</a></li>
                                {% endfor %}
                        </ul>
                        {% endif %}
                </div>
        </div>
-       
+
+       {% if soundfiles.count %}
+       <div class="wrapper extra-soundfiles">
+               <h3>Fragments sonores</h3>
+               <ul class="padded custom list">
+       {% for soundfile in soundfiles %}
+       <li><strong>{{ soundfile.title }}</strong> {% audio sound=soundfile %}
+       </li>
+       {% endfor %}
+               </ul>
+       </div>
+       {% endif %}
+
 </div>