use pages to get to topiks

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

diff --git a/panikweb_templates/templates/emissions/newsitem_detail.html b/panikweb_templates/templates/emissions/newsitem_detail.html
index 82b033bba2c1f034fb54d32b1196e0f804e4b672..ed4690466c50815e3cee27b32560f83943b3c09c 100644 (file)
--- a/panikweb_templates/templates/emissions/newsitem_detail.html
+++ b/panikweb_templates/templates/emissions/newsitem_detail.html
@@ -1,18 +1,42 @@
 {% extends "news.html" %}
-{% load thumbnails %}
-{% load paniktags %}
+{% load i18n staticfiles paniktags %}
 {% block title %}{{ newsitem.title }}{% endblock %}
+
+{% block toptitle %}
+<h1 class="top"><a href="{% url 'news' %}">{% trans 'News' %}</a></h1>
+{% endblock %}
+
+{% block head %}
+<meta property="og:title" content="{{ newsitem.title }}" />
+<meta name="twitter:title" content="{{ newsitem.title }}" />
+<meta property="og:description" content="{{ newsitem.text|safe|striptags|truncatewords:75 }}"/>
+<meta name="twitter:description" content="{{ newsitem.text|safe|striptags|truncatewords:75 }}"/>
+{% if newsitem.image %}
+<meta name="twitter:card" content="summary_large_image">
+<meta property="og:image" content="{{ site_url }}{{ newsitem.image.url }}" />
+<meta name="twitter:image" content="{{ site_url }}{{ newsitem.image.url }}" />
+{% else %}
+<meta name="twitter:card" content="summary">
+<meta property="og:image" content="{{ site_url }}% static 'img/Radio_Panik_Logo_2016-01.png' %}" />
+<meta name="twitter:image" content="{{ site_url }}{% static 'img/Radio_Panik_Logo_2016-01.png' %}" />
+{% endif %}
+{% endblock %}
+
+
 {% block main %}
-<div class="detail padded news cf">
+<div class="detail news cf">
        <div class="wrapper navigation">
                <div class="leftPart">
                        <header>
-                               {% if newsitem.date %}
-                                       <div class="date cf center label">{{ newsitem.date|date:"D m M Y" }}</div>
-                               {% endif %}
                                <h2 class="squashed title">
                                        {{ newsitem.title }}
                                </h2>
+{% if newsitem.event_date %}
+<div class="date cf label">{{ newsitem.event_date|date:'D d M Y'|lower }}</div>
+{% endif %}
+                               {% if newsitem.date %}
+                                       <div class="date cf label smooth publication-date">Publiée le {{ newsitem.date|date:"D d M Y"|lower }}</div>
+                               {% endif %}
                        </header>
                        {% if newsitem.image %}
                                <img class="logo right button" onclick="$(this).toggleClass('right marged');" src="{{ newsitem.image.url }}"/>
@@ -20,19 +44,48 @@
                        <div class="userContent description">   
                                {{ newsitem.text|safe}}
                        </div>
+
+{% block topik %}
+{% for topik in topik_pages %}
+  {% topik topik=topik %}
+{% endfor %}
+{% endblock %}
+
+                       {% if newsitem.tags.all %}
+                       <ul class="custom inline tags">
+                               {% for tag in newsitem.tags.all %}
+                               <li><a class="tag" href="{% url 'search' %}?&selected_facets=tags_exact:{{tag|facet_tag}}">{{ tag }}</a></li>
+                               {% endfor %}
+                       </ul>
+                       {% endif %}
+
                </div>
                <div class="rightPart">
                                <div class="sub">
                        {% if newsitem.emission %}
-                                           <h5 class="sectionLabel">proposé par</h5>
-                                           {% with newsitem.emission as emission %}
-                                                   <div class="">{% emission_resume %}</div>
-                                           {% endwith %}
+                                   <h5 class="sectionLabel">proposé par</h5>
+                                   {% with newsitem.emission as emission %}
+                                           <div class="">{% emission_resume %}</div>
+                                   {% endwith %}
                        {% endif %}
-                                       <h5 class="sectionLabel">Dernières news</h5>
-                                               <ul class="custom list">
-                                               {% for content in news %}
-                                                       {% if content != newsitem %}<li>{% news_inline %}</li>{% endif %}
+                                       <h5 class="sectionLabel right">
+                        <a href="{% url 'newsArchives' %}">
+                                           <span class="iconLabel">Toutes</span>
+                                   </a>
+                    </h5>
+                                       <h5 class="sectionLabel">
+                            <span class="iconLabel">Dernières actus</span>
+                    </h5>
+
+
+       <form action="{% url 'newsArchives' %}" id="search-form">
+               <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
+                <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
+       </form>
+
+                                               <ul class="custom list newsList">
+                                               {% for content in news|slice:":10" %}
+                                                       <li class="{% if content == newsitem %}current{% endif %}">{% news_inline %}</li>
                                                {% endfor %}
                                                </ul>
                                </div>