mutate into an addon module for panikweb

[panikweb.git] / espeweb / templates / emissions / emission_detail.html

diff --git a/espeweb/templates/emissions/emission_detail.html b/espeweb/templates/emissions/emission_detail.html
new file mode 100644 (file)
index 0000000..45691bf
--- /dev/null
+++ b/espeweb/templates/emissions/emission_detail.html
@@ -0,0 +1,90 @@
+{% extends "base.html" %}
+{% load paniktags staticfiles i18n thumbnail %}
+{% block bodyID %}Emissions{% endblock %}
+{% block title %}{{ emission.title }}{% endblock %}
+
+{% block head %}
+<meta property="og:title" content="{{ emission.title }}" />
+<meta name="twitter:title" content="{{ emission.title }}" />
+{% if emission.image %}
+<meta name="twitter:card" content="summary_large_image">
+<meta property="og:image" content="{{ site_url }}{{ emission.image.url }}" />
+<meta name="twitter:image" content="{{ site_url }}{{ emission.image.url }}" />
+{% else %}
+<meta name="twitter:card" content="summary">
+<meta property="og:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
+<meta name="twitter:image" content="{{ site_url }}{% static 'img/favicon-300x300-2020-solid.png' %}" />
+{% endif %}
+{% if emission.subtitle %}
+<meta property="og:description" content="{{ emission.subtitle }}" />
+<meta name="twitter:description" content="{{ emission.subtitle }}" />
+{% else %}
+<meta property="og:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
+<meta name="twitter:description" content="{{ emission.text|safe|striptags|truncatewords:75 }}"/>
+{% endif %}
+{% endblock %}
+
+{% block podcasts-feed %}
+<link rel="alternate" type="application/rss+xml" href="{% url 'emission-podcasts' slug=emission.slug %}" title="{{ emission.title }} Podcasts">
+<!-- HELLO -->
+{% endblock %}
+
+{% block toptitle %}
+{% endblock %}
+
+{% block main %}
+<div class="emission emission-detail">
+        <a id="back-home" href="/">Revenir sur la page d'accueil</a>
+        <div class="name"><h2>{{emission.title}}</h2></div>
+               {% if schedules %}
+                       <ul class="schedule custom">
+                               {% for schedule in schedules %}
+                               <li>
+                                       <span class="label">{{ schedule.datetime|date:"l G:i" }}</span>
+                                       {% if schedule.weeks_string %}
+                                       <span class="weekdiff">({{ schedule.weeks_string }})</span>
+                                       {% endif %}
+                                       {% if schedule.rerun %} <span class="smooth">(rediff)</span> {% endif %}
+                                       {% if emission.archived %} ({{ emission.creation_timestamp|date:"Y" }}){% endif %}
+                               </li>
+                               {% endfor %}
+                       </ul>
+               {% endif %}
+       <div class="emission-info">
+                <div class="image">
+                        <div class="img">
+                       {% thumbnail emission.image "450x300" crop="50% 50%" as im %}
+                        <img src="{{im.url}}">
+                        {% empty %}
+                        <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="300" width="450">
+                       {% endthumbnail %}
+                        </div>
+               </div>
+
+               <div class="emission-text">
+               {{ emission.text|safe}}
+               </div>
+       </div>
+       <div class="emission-episodes">
+               {% for episode in all_episodes %}
+               <a href="{% url 'episode-view' emission_slug=episode.emission.slug slug=episode.slug %}">
+                       <div class="image">
+                                <div class="img">
+                               {% thumbnail episode.image "240x200" crop="50% 50%" as im %}
+                               <img src="{{im.url}}">
+                                {% empty %}
+                                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8nez3HwAGugKtHMIYIwAAAABJRU5ErkJggg==" height="300" width="240">
+                               {% endthumbnail %}
+                                </div>
+                       </div>
+                       <div class="name"><span>{{ episode.title }}</span></div>
+                       <div class="time"><span>
+                                       {% if schedules|length > 1 %}
+                                       {{ episode.first_diffusion|date:"l" }}
+                                       {% endif %}
+                                       {{ episode.first_diffusion|date:"H:i" }}</span></div>
+               </a>
+               {% endfor %}
+       </div>
+</div>
+{% endblock %}