panikweb/templates/episodes/inline.html

   1 {% load thumbnail paniktags staticfiles %}
   2 <div class="episode inline episode-inline">
   3         <div class="logo">
   4                 {% if episode.image %}
   5                         {% thumbnail episode.image "60x60" crop="50% 25%" as im %}
   6                         <img src="{{im.url}}"/>
   7                         {% endthumbnail %}
   8                 {% elif episode.emission.image %}
   9                         {% thumbnail episode.emission.image "60x60" crop="50% 25%" as im %}
  10                         <img src="{{im.url}}"/>
  11                         {% endthumbnail %}
  12                 {% else %}
  13                         <img class="smooth"  style="width:60px;" src="{% static "img/emission.png" %}"/>
  14                 {% endif %}
  15         </div>
  16         <div class="content">
  17                 {% if episode.main_sound %}
  18                         <div class="sound right">{% audio sound=episode.main_sound %}</div>
  19                 {% endif %}
  20                 <div class="title">
  21                 <div class="smooth">diffusion le {{ episode.first_diffusion|date:"d/m/Y" }}</div>
  22                         <h5 class="title">
  23                                 <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
  24                         </h5>
  25                 </div>
  26                         {% if episode.subtitle %}
  27                                 <div class="description ellipsis">
  28                                         {{ episode.subtitle|truncatewords:20}}
  29                                 </div>
  30                         {% elif episode.text %}
  31                                 <div class="description ellipsis">
  32                                         {{ episode.text|safe|striptags|truncatewords:20}}
  33                                 </div>
  34                         {% endif %}
  35         </div>
  36 </div>