panikweb_templates/templates/emissions/emission_detail.html

   1 {% extends "emissions.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/Radio_Panik_Logo_2016-01.png' %}" />
  16 <meta name="twitter:image" content="{{ site_url }}{% static 'img/Radio_Panik_Logo_2016-01.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 podcasts-feed %}
  28 <link rel="alternate" type="application/rss+xml" href="{% url 'emission-podcasts' slug=emission.slug %}" title="{{ emission.title }} Podcasts">
  29 {% endblock %}
  30
  31 {% block toptitle %}
  32 <h1 class="top"><a href="{% url 'grid' %}">{% trans 'Program' %}</a></h1>
  33 {% endblock %}
  34 {% block nav %}
  35         {% emission_nav %}
  36 {% endblock %}
  37 {% block main %}
  38 <div class="wrapper navigation cf">
  39         <div id="Emission-container" class="emission">
  40                 <div data-tabbed="true" id="Emission-tabs-default">
  41                         <div id="Emission-tabs-detail" class="leftPart">
  42                                 {% if episode %}
  43                                         {% episode_detail %}
  44                                 {% else %}
  45                                         {% emission_detail %}
  46                                 {% endif %}
  47                         </div>
  48
  49                 {% if episodes.exists or futurEpisodes.exists or news or nonstop %}
  50                         <div id="Emission-tabs-menu" class="rightPart episodes">
  51
  52                                 {% if news %}
  53                                         <div class="sub emissions-newsitems">
  54                                                 <h5 class="sectionLabel">{% trans 'News' %}</h5>
  55                                                 <ul class="custom list">
  56                                                 {% for content in news %}
  57                                                         <li>{% news_inline %}</li>
  58                                                 {% endfor %}
  59                                                 </ul>
  60                                         </div>
  61                                 {% endif %}
  62
  63                         {% if episodes.exists or futurEpisodes.exists %}
  64                         <h5 class="sectionLabel right"><a class="" href="{% url 'emissionEpisodes' slug=emission.slug %}">Tous ({{ episodes.count }})</a></h5>
  65                                                 <h5 class="sectionLabel">Épisodes&nbsp;<a title="Podcasts" class="button icon-rss inBlock" href="{% url 'emission-podcasts' slug=emission.slug%}"></a></h5>
  66                     <form method="get" action="{% url 'emissionEpisodes' slug=emission.slug %}" class="" id="search-form">
  67                                 <input id="id_q" name="q" type="text" {% if search_query %}value="{{ search_query }}"{% endif %}>
  68                                 <button class="icon-search"><span class="sr-only">{% trans "Search" %}</span></button>
  69                         </form>
  70
  71                                 {% if futurEpisodes %}
  72                                         <div class="sub futur-episodes">
  73                                                 <h5 class="sectionLabel">{% trans 'Coming Soon' %}</h5>
  74                                                 {% for episode in futurEpisodes|slice:":3" %}
  75                                                         {% episode_inline %}
  76                                                 {% endfor %}
  77                                         </div>
  78                                 {% endif %}
  79
  80                                 {% if episodes %}
  81                                         <div class="sub recent-episodes">
  82                                                 <h5 class="sectionLabel">{% trans 'Previously' %}</h5>
  83
  84                                                 {% with episodes|slice:"0:5" as episodes %}
  85                                                         {% for episode in episodes %}
  86                                                                 {% episode_inline %}
  87                                                         {% endfor %}
  88                                                 {% endwith %}
  89                                         </div>
  90                                 {% endif %}
  91                         {% endif %}
  92
  93                         {% if nonstop %}
  94                                 <div class="sub emissions-newsitems">
  95                                         <h5 class="sectionLabel">{% trans 'Recently' %}</h5>
  96                                         <ul class="custom list">
  97                                         {% for date in nonstop_dates %}
  98                                         <li><div class="content content-inline inline cf">
  99                                         <a class="block cf" href="{% url 'nonstop-playlist' slug=emission.slug year=date.year month=date.month day=date.day %}">
 100                                         {% if emission.image %}
 101                                         {% thumbnail emission.image "60x60" crop="50% 25%" as im %}
 102                                         <div class="logo">
 103                                         <img class="left" height="60" width="60" src="{{im.url}}"/>
 104                                         </div>
 105                                         {% endthumbnail %}
 106                                         {% endif %}
 107                                         <div class="content">
 108                                                 <h5 class="title">{{date|date:'D d M Y'|lower}}</h5>
 109                                         </div>
 110                                         <div class="smooth">Playlist</div>
 111                                         </a></li>
 112                                         {% endfor %}
 113                                         </ul>
 114                                 </div>
 115                         {% endif %}
 116
 117                         </div>
 118                 {% endif %}
 119                 </div>
 120         </div>
 121 </div>
 122 {% endblock %}
 123
 124 {% block links %}
 125 {% endblock %}
 126
 127 {% block related %}
 128 {% related_objects object=emission %}
 129 {% endblock %}