panikweb_studioneau/templates/emissions/episode_detail.html

   1 {% extends "emissions/emission_detail.html" %}
   2 {% load i18n thumbnail paniktags %}
   3
   4 {% block main %}
   5
   6 {% if episode.image %}
   7 <div id="hero">
   8 {% thumbnail episode.image "1400x800" crop="50% 25%" as im %}
   9 <div class="img" style="background-image: url({{im.url}}"></div>
  10 {% endthumbnail %}
  11 </div>
  12 {% elif emission.image %}
  13 <div id="hero">
  14 {% thumbnail emission.image "1400x800" crop="50% 25%" as im %}
  15 <div class="img" style="background-image: url({{im.url}}"></div>
  16 {% endthumbnail %}
  17 </div>
  18 {% endif %}
  19
  20 <div class="inner-page">
  21
  22 <div class="innest-page">
  23 <a class="back" title="{% trans "Back to emission" %}" href="{% url 'emission-view' slug=episode.emission.slug %}">{% trans "Back to emission" %}</a>
  24 {% include "includes/tags.html" with object=emission %}
  25 <h1>{{ emission.title }}<br>
  26         {{ episode.title }}{% if episode.subtitle %}<br>{{ episode.subtitle }}{% endif %}</h1>
  27 {% if diffusions.exists %}
  28 <p class="diffusions">{% for diffusion in diffusions %}{{diffusion.datetime|date:"d.m.Y H.i"}} {% if not forloop.last %} | {% endif %}{% endfor %}</p>
  29 {% endif %}
  30
  31 {% with text_parts=episode.text|safe|hr_split %}
  32 <div class="episode-text">
  33 {{ text_parts|first|safe}}
  34 </div>
  35
  36 {% if episode.main_sound %}
  37 <div class="main-sound">
  38 {% if episode.main_sound.get_external_host == 'mixcloud' %}
  39 <iframe id="mixcloud-iframe" width="100%" height="120" frameborder="0" scrolling="no"
  40         src="{{ episode.main_sound.get_external_embed_url }}&hide_cover=1&light=1"></iframe>
  41 <script type="text/javascript">
  42     window.mixcloud_widget = Mixcloud.PlayerWidget(document.getElementById("mixcloud-iframe"));
  43     window.mixcloud_widget.ready.then(function() {
  44       window.mixcloud_widget.events.play.on(function() {
  45         $('#DirectStreamPanik').trigger('pause');
  46       });
  47     });
  48 </script>
  49 {% elif episode.main_sound.get_external_host == 'soundcloud' %}
  50 <iframe id="soundcloud-iframe" width="100%" height="166" frameborder="0" scrolling="no"
  51         src="{{ episode.main_sound.get_external_embed_url }}&auto_play=false"></iframe>
  52 <script type="text/javascript">
  53     if (typeof SC !== "undefined") {
  54       window.soundcloud_widget = SC.Widget(document.getElementById("soundcloud-iframe"));
  55       window.soundcloud_widget.bind(SC.Widget.Events.READY, function() {
  56         window.soundcloud_widget.bind(SC.Widget.Events.PLAY, function() {
  57           $('#DirectStreamPanik').trigger('pause');
  58         });
  59       });
  60     }
  61 </script>
  62 {% endif %}
  63 </div> <!-- .main-sound -->
  64 {% endif %}
  65
  66 {% if text_parts|length > 1 %}
  67 <div class="more-text">
  68  {% for part in text_parts %}
  69    {% if forloop.counter > 1 %}
  70     {{ part|safe}}
  71     {% if not forloop.last %}<hr>{% endif %}
  72    {% endif %}
  73  {% endfor %}
  74 </div>
  75 {% endif %}
  76
  77 <div class="bottom-line">
  78 {% if episode.extra_links %}
  79 <ul class="urls">
  80   {% for kind, url in episode.get_extra_links_and_kind %}
  81   <li class="{{ kind }}"><a target="_blank" rel="noopener" title="{{ url }}" href="{{ url }}"><span>{{ url }}</span></a></li>
  82   {% endfor %}
  83 </ul>
  84 {% else %}<div></div> <!-- for flex -->
  85 {% endif %}
  86 <div class="share urls">
  87   <button class="share-label" data-about=".share.urls" data-toggle=".share-links">{% trans "Share" %}</button>
  88   <ul class="share-links">
  89     <li class="facebook"><a target="_blank" rel="noopener" href="https://www.facebook.com/sharer.php?u={{request.build_absolute_uri}}"><span>Facebook</span></a></li>
  90    <li class="twitter"><a target="_blank" rel="noopener" href="https://twitter.com/intent/tweet?url={{request.build_absolute_uri}}"><span>Twitter</span></a></li>
  91    <li class="whatsapp"><a target="_blank" rel="noopener" href="https://wa.me/?text={{request.build_absolute_uri}}"><span>Whatsapp</span></a></li>
  92   </ul>
  93 </div>
  94 </div>
  95
  96 {% endwith %}
  97 </div>
  98
  99 </div>
 100 {% endblock %}