switch thumbnail system from homegrown to sorl-thumbnail

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

diff --git a/panikweb_templates/templates/emissions/emission_detail.html b/panikweb_templates/templates/emissions/emission_detail.html
index 69a165b25e74ab291082229b48bb2ea4c7a8feb3..386068cdabd9bab7c114e782f46a616d626c9a9f 100644 (file)
--- a/panikweb_templates/templates/emissions/emission_detail.html
+++ b/panikweb_templates/templates/emissions/emission_detail.html
@@ -1,60 +1,90 @@
 {% extends "emissions.html" %}
-{% load paniktags %}
+{% load paniktags staticfiles i18n %}
 {% block bodyID %}Emissions{% endblock %}
+{% block title %}{{ emission.title }}{% endblock %}
+
+{% block head %}
+<meta property="og:title" content="{{ emission.title }}" />
+{% if emission.image %}
+<meta property="og:image" content="{{ emission.image.url }}" />
+{% endif %}
+{% if emission.subtitle %}
+<meta property="og:description" content="{{ emission.subtitle }}" />
+{% endif %}
+{% endblock %}
+
+{% block toptitle %}
+<h1 class="top"><a href="{% url 'grid' %}">{% trans 'Program' %}</a></h1>
+{% endblock %}
 {% block nav %}
        {% emission_nav %}
 {% endblock %}
 {% block main %}
-<div class="wrapper {% if episodes %}sided{% endif %}">
-       <div id="Emission-container" class="emission padded">
-               {% if episode %}
-               <div data-tabbed="true" id="Emission-tabs-current" class="episodes wrapper half">
-                       {% episode_detail %} 
-               </div>
-               {% endif %}
+<div class="wrapper navigation cf">
+       <div id="Emission-container" class="emission">
                <div data-tabbed="true" id="Emission-tabs-default">
-                       <div id="Emission-tabs-detail">
-                               <h5 class="sectionLabel">À propos</h5>
-                               {% emission_detail %}
+                       <div id="Emission-tabs-detail" class="leftPart">
+                               {% if episode %}
+                                       {% episode_detail %} 
+                               {% else %}
+                                       {% emission_detail %}
+                               {% endif %}
                        </div>
-                       {% if episodes %}
-                       <div id="Emission-tabs-last" class="episodes">
-                                       <h5 class="sectionLabel">Derniers épisodes</h5>
-                               {% with episodes|slice:"0:3" as episodes %}
-                                       {% for episode in episodes %}
-                                               <div class="legend">{{ episode.first_diffusion|date:"F Y" }}</div>
-                                               {% episode_resume date="daytime" %}
-                                       {% endfor %}
-                               {% endwith %}
-                       </div>
-                       {% endif %}
-               </div>
-               {% if episodes %}
-               <div data-tabbed="true" id="Emission-tabs-episodes" class="episodes">
-                       {% with episodes as episodes %}
-                               {% regroup episodes by first_diffusion|date:"F Y"|capfirst as month_list %}
-                               <div>
-                               {% for month in month_list %}
-                                       <div class="monthGroup {% if forloop.counter|divisibleby:2 %}even{% else %}odd{% endif %}">
-                                               <div 
-                                                       class="legend button"                                           
-                                                       onclick="$('#{{ month.grouper|slugify }}').toggle();"
-                                               >{{ month.grouper }}</div>
-                                               <ul class="custom list" id="{{ month.grouper|slugify }}" 
-                                                       {% if forloop.counter >= 3 %}style="display:none;"{% endif %}
-                                               >
-                                               {% for episode in month.list %}
-                                                       <li>{% episode_resume model="inline" date="daytime" %}</li>
+
+               {% if episodes.exists or futurEpisodes.exists or news %}
+                       <div id="Emission-tabs-menu" class="rightPart episodes">
+
+                               {% if news %}
+                                       <div class="sub emissions-newsitems">
+                                               <h5 class="sectionLabel">{% trans 'News' %}</h5>
+                                               <ul class="custom list">
+                                               {% for content in news %}
+                                                       <li>{% news_inline %}</li>
                                                {% endfor %}
                                                </ul>
                                        </div>
-                               {% endfor %}
-                               </div>
-                       {% endwith %}
-               </div>
+                               {% endif %}
+
+
+                       {% if episodes.exists or futurEpisodes.exists %}
+                        <h5 class="sectionLabel right"><a class="" href="{% url 'emissionEpisodes' slug=emission.slug %}">Tous ({{ episodes.count }})</a></h5>
+                                               <h5 class="sectionLabel">Épisodes</h5>
+                    <form method="get" action="{% url 'emissionEpisodes' slug=emission.slug %}" class="" id="search-form">
+                                <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
+                                <button class="icon-search"></button>
+                        </form>
+
+                               {% if futurEpisodes %}
+                                       <div class="sub futur-episodes">
+                                               <h5 class="sectionLabel">{% trans 'Coming Soon' %}</h5>
+                                               {% for episode in futurEpisodes|slice:":3" %}
+                                                       {% episode_inline %}
+                                               {% endfor %}
+                                       </div>
+                               {% endif %}
+
+                               {% if episodes %}
+                                       <div class="sub recent-episodes">
+                                               <h5 class="sectionLabel">{% trans 'Previously' %}</h5>
+
+                                               {% with episodes|slice:"0:5" as episodes %}
+                                                       {% for episode in episodes %}
+                                                               {% episode_inline %}
+                                                       {% endfor %}
+                                               {% endwith %}
+                                       </div>
+                               {% endif %}
+                       {% endif %}
+                       </div>
                {% endif %}
+               </div>
        </div>
 </div>
 {% endblock %}
-{% block pageend %}
+
+{% block links %}
+{% endblock %}
+
+{% block related %}
+{% related_objects object=emission %}
 {% endblock %}