panikweb_templates/templates/emissions/emission_detail.html

   1 {% extends "base.html" %}
   2 {% load paniktags staticfiles i18n thumbnail %}
   3 {% block bodyID %}Emissions{% endblock %}
   4 {% block title %}{{ emission.title }}{% endblock %}
   5
   6 {% block head %}
   7 <meta property="og:title" content="{{ emission.title }}" />
   8 <meta name="twitter:title" content="{{ emission.title }}" />
   9 {% if emission.image %}
  10 <meta name="twitter:card" content="summary_large_image">
  11 <meta property="og:image" content="{{ site_url }}{{ emission.image.url }}" />
  12 <meta name="twitter:image" content="{{ site_url }}{{ emission.image.url }}" />
  13 {% else %}
  14 <meta name="twitter:card" content="summary">
  15 <meta property="og:image" content="{{ site_url }}{% static 'img/logo-esperanzah.png' %}" />
  16 <meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-rose-solid.png' %}" />
  17 {% endif %}
  18 {% if emission.subtitle %}
  19 <meta property="og:description" content="{{ emission.subtitle }}" />
  20 <meta name="twitter:description" content="{{ emission.subtitle }}" />
  21 {% else %}
  22 <meta property="og:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
  23 <meta name="twitter:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
  24 {% endif %}
  25 {% endblock %}
  26
  27 {% block toptitle %}
  28 {% endblock %}
  29
  30 {% block main %}
  31 <div class="emission emission-detail">
  32         <div class="emission-tile">
  33                 <div class="image">
  34                         {% thumbnail emission.image "400x400" crop="50% 50%" as im %}
  35                         <img src="{{im.url}}">
  36                         {% endthumbnail %}
  37                 </div>
  38                 <div class="name"><span>{{emission.title}}</span></div>
  39         </div>
  40         <div class="emission-info">
  41                 {% if schedules %}
  42                         <ul class="schedule custom">
  43                                 {% for schedule in schedules %}
  44                                 <li>
  45                                         <span class="label">{{ schedule.datetime|date:"l G:i" }}</span>
  46                                         {% if schedule.weeks_string %}
  47                                         <span class="weekdiff">({{ schedule.weeks_string }})</span>
  48                                         {% endif %}
  49                                         {% if schedule.rerun %} <span class="smooth">(rediff)</span> {% endif %}
  50                                         {% if emission.archived %} ({{ emission.creation_timestamp|date:"Y" }}){% endif %}
  51                                 </li>
  52                                 {% endfor %}
  53                         </ul>
  54                 {% endif %}
  55                 <div class="emission-text">
  56                 {{ emission.text|safe}}
  57                 </div>
  58         </div>
  59         <div class="emission-episodes">
  60                 {% for episode in all_episodes %}
  61                 <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
  62                         <div class="image">
  63                                 {% thumbnail episode.image "400x400" crop="50% 50%" as im %}
  64                                 <img src="{{im.url}}">
  65                                 {% endthumbnail %}
  66                         </div>
  67                         <div class="time"><span>
  68                                         {% if schedules|length > 1 %}
  69                                         {{ episode.first_diffusion|date:"l" }}
  70                                         {% endif %}
  71                                         {{ episode.first_diffusion|date:"H:i" }}</span></div>
  72                         <div class="name"><span>{{ episode.title }}</span></div>
  73                 </a>
  74                 {% endfor %}
  75         </div>
  76 </div>
  77 <a id="back-home" href="/">Revenir sur la page d'accueil</a>
  78 {% endblock %}