panikweb_templates/templates/episodes/detail.html

   1 {% load thumbnail paniktags %}
   2 <div class="episode detail episode-detail cf">
   3         {% if episode.first_diffusion %}
   4         <div class="dateBloc">
   5                 <div class="date">
   6                         <div class="day">
   7                             {{ episode.first_diffusion|date:"D"|slice:":2"}}
   8                         </div>
   9                         <div class="number">
  10                             {{ episode.first_diffusion|date:"d" }}
  11                         </div>
  12                         {% if date != "daytime" %}
  13                         <div class="month">
  14                             {{ episode.first_diffusion|date:"M y" }}
  15                         </div>
  16                         {% endif %}
  17                         <div class="time">
  18                             {{ episode.first_diffusion|date:"H:i" }}
  19                         </div>
  20                 </div>
  21         </div>
  22         {% endif %}
  23         {% if diffusions %}
  24         <header class="">
  25                 <h3 class="">{{ episode.title }}</h3>
  26                 {% if episode.subtitle %}
  27                 <h3 class="episode-subtitle">{{ episode.subtitle }}</h3>
  28                 {% endif %}
  29                 {% if diffusions|length > 1 %}
  30                 <div class="label">Diffusions</div>
  31                 {% else %}
  32                 <div class="label">Diffusion</div>
  33                 {% endif %}
  34                 <ul class="diffusions custom">
  35                         {% for schedule in diffusions %}
  36                                 <li><span class="date">{{ schedule.datetime|date:"l d M Y à H:i" }}</span></li>
  37                         {% endfor %}
  38                 </ul>
  39         </header>
  40         {% endif %}
  41         {% if episode.main_sound %}
  42                 <div class="sound">
  43                         {% audio sound=episode.main_sound %}
  44                 </div>
  45         {% endif %}
  46         <div class="content userContent marged">
  47                 {% if episode.image %}
  48                 {% thumbnail emission.image "640x480" crop="50% 25%" as im %}
  49                 <img class="logo right button" data-toggle-img="/media/{{episode.image}}" src="{{im.url}}"/>
  50                 {% endthumbnail %}
  51                 {% endif %}
  52                 {% if episode.text %}
  53                 <article class="text">
  54                         {{ episode.text|safe}}
  55                 </article>
  56                 {% endif %}
  57                 <div class="metas">
  58                         {% if episode.serie  or episode.auteur or episode.redif %}
  59                         <dl class="credits cf">
  60                             {% if episode.serie %}<dt>Serie</dt><dd>{{ serie }}</dd>{% endif %}
  61                             {% if episode.auteur %}<dt>Auteur</dt><dd>{{ auteur }}</dd>{% endif %}
  62                             {% if episode.redif %}<dt>Redifusion</dt><dd>{{ redif }}</dd>{% endif %}
  63                         </dl>
  64                         {% endif %}
  65                         {% if episode.tags.all %}
  66                         <ul class="custom inline">
  67                                 {% for tag in episode.tags.all %}
  68                                 <li><a class="tag" href="{% url 'search' %}?&selected_facets=tags_exact:{{tag|facet_tag}}">{{ tag }}</a></li>
  69                                 {% endfor %}
  70                         </ul>
  71                         {% endif %}
  72                 </div>
  73         </div>
  74
  75         {% if soundfiles.count %}
  76         <div class="wrapper extra-soundfiles">
  77                 <h3>Fragments sonores</h3>
  78                 <ul class="padded custom list">
  79         {% for soundfile in soundfiles %}
  80         <li><strong>{{ soundfile.title }}</strong> {% audio sound=soundfile %}
  81         </li>
  82         {% endfor %}
  83                 </ul>
  84         </div>
  85         {% endif %}
  86
  87 </div>