panikweb_templates/templates/episodes/resume.html

   1 {% load thumbnails %}
   2 {% load paniktags %}
   3 {% load staticfiles %}
   4 <div class="episode {% if model %}{{ model }}{% else %}resume{% endif %} cf {{ class }}">
   5         {% if date != False %}
   6         <div class="dateBloc">
   7                 <div class="date">
   8                         <div class="day">
   9                             {{ episode.first_diffusion|date:"D"|slice:":2"}}
  10                         </div>
  11                         <div class="number">
  12                             {{ episode.first_diffusion|date:"d" }}
  13                         </div>
  14                         {% if date != "daytime" %}
  15                         <div class="month">
  16                             {{ episode.first_diffusion|date:"M y" }}
  17                         </div>
  18                         {% endif %}
  19                         <div class="time">
  20                             {{ episode.first_diffusion|date:"H:i" }}
  21                         </div>
  22                 </div>
  23         </div>
  24         {% endif %}
  25         <div class="logo">
  26                 {% if model = "inline" and episode.image %}
  27                         <img src="{{ episode.image|thumbnail:'60x60' }}"/>
  28                 {% elif model = "inline" and episode.emission.image %}
  29                         <img src="{{ episode.emission.image|thumbnail:'60x60' }}"/>
  30                 {% elif model = "inline" %}
  31                         <img class="smooth"  style="width:60px;" src="{% static "img/defaultLogo.png" %}"/>
  32                 {% elif episode.image %}
  33                         <img src="{{ episode.image|thumbnail:'150x150' }}"/>
  34                 {% elif episode.emission.image %}
  35                         <img src="{{ episode.emission.image|thumbnail:'150x150' }}"/>
  36                 {% else %}
  37                         <img class="smooth" style="width:150px;" src="{% static "img/defaultLogo.png" %}"/>
  38                 {% endif %}
  39         </div>
  40         <div class="content">
  41
  42                 {% if episode.main_sound and model != "inline"%}
  43                         <div class="sound right">{% audio sound=episode.main_sound %}</div>
  44                 {% endif %}
  45                 <div class="title ellipsis">
  46                         <h5 class=" inBlock title {% if model = "inline" %}ellipsis{% endif %}">
  47                                 <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">{{ episode.title }}</a>
  48                         </h5>
  49                         <div class="smooth metas">
  50                         {% if class = "standalone" %}
  51                                 <h5 class="title inBlock">
  52                                         <a href="{% url 'emission-view' slug=episode.emission.slug %}">{{ episode.emission.title }}</a>
  53                                 </h5>
  54                                 {% if episode.emission.categories %}
  55                                         <span class="categories">
  56                                         {% for category in episode.emission.categories.all %}
  57                                                 {% if forloop.counter > 1 %} - {% endif %}<span class="category"><span class="inBlock icon-{{category|slugify}}">&nbsp;</span>{{category}}</span>
  58                                         {% endfor%}
  59                                         </span>
  60                                 {% endif %}
  61                         {% endif %}
  62                         </div>
  63                 </div>
  64
  65                 {% if model = "inline" %}
  66                         {% if episode.subtitle %}
  67                                 <div class="description ellipsis">
  68                                         {{ episode.subtitle|truncatewords:20}}
  69                                 </div>
  70                         {% elif episode.text %}
  71                                 <div class="description ellipsis">
  72                                         {{ episode.text|safe|striptags|truncatewords:20}}
  73                                 </div>
  74                         {% endif %}
  75                 {% else %}
  76                         {% if episode.subtitle %}
  77                         <article class="text userContent">
  78                                 {{ episode.subtitle|truncatewords:50 }}
  79                         </article>
  80                         {% elif episode.text %}
  81                         <article class="text userContent">
  82                                 {{ episode.text|safe|truncatewords:50}}
  83                         </article>
  84                         {% endif %}
  85                 {% endif %}
  86
  87                 {% if episode.main_sound and model = "inline"%}
  88                         <div class="sound">{% audio sound=episode.main_sound %}</div>
  89                 {% endif %}
  90                 <div class="metas">
  91                         {% if episode.serie  or episode.auteur or episode.redif %}
  92                         <dl class="credits cf">
  93                             {% if episode.serie %}<dt>Serie</dt><dd>{{ serie }}</dd>{% endif %}
  94                             {% if episode.auteur %}<dt>Auteur</dt><dd>{{ auteur }}</dd>{% endif %}
  95                             {% if episode.redif %}<dt>Redifusion</dt><dd>{{ redif }}</dd>{% endif %}
  96                         </dl>
  97                         {% endif %}
  98                         {% if episode.tagList %}
  99                         <ul class="custom inline">
 100                                 {% for tag in episode.tagList %}
 101                                         <li><button class="tag">{{ tag }}</button></li>
 102                                 {% endfor %}
 103                         </ul>
 104                         {% endif %}
 105                 </div>
 106         </div>
 107 </div>