Commit 6949d600 authored by Simon Daron's avatar Simon Daron
Browse files

WIP Emission/episode display

parent df47116e
<div class="emission emission-detail cf"> <div class="emission emission-detail cf">
<!--
<nav class="menu">
<ul>
<li><a href="#">épisodes</a></li>
<li><a href="#" class="active">à propos</a></li>
</ul>
</nav>
-->
<header class="mainHeader">
<h2 class="squashed title">{{ emission.title }}</h2>
</header>
<div class="metas"> <div class="metas">
{% if schedules %} {% if schedules %}
<div class="schedule"> <div class="schedule">
...@@ -23,10 +12,12 @@ ...@@ -23,10 +12,12 @@
{% endfor %} {% endfor %}
</div> </div>
{% endif %} {% endif %}
<!--
<button class="control todo"> <button class="control todo">
<span class="symbol huge">G</span> <span class="symbol huge">G</span>
<span class="listen">Écouter <!--la dernière--></span> <span class="listen">Écouter</span>
</button> </button>
-->
<div class="cf"></div> <div class="cf"></div>
{% if emission.description %} {% if emission.description %}
<div class="description"> <div class="description">
......
{% extends "base.html" %} {% extends "emissions.html" %}
{% load paniktags %} {% load paniktags %}
{% block bodyID %}Emissions{% endblock %} {% block bodyID %}Emissions{% endblock %}
{% block main %} {% block main %}
<div class="wrapper"> <div class="wrapper">
<div class="emission padded {% if episodes %}withEpisodes{% endif %}"> <div class="emission padded {% if episodes %}withEpisodes{% endif %}">
<header class="mainHeader">
<h2 class="squashed title">{{ emission.title }}</h2>
</header>
<div id="Emission-tabs-detail"> <div id="Emission-tabs-detail">
{% emission_detail %} {% emission_detail %}
</div> </div>
{% if episodes %} {% if episodes %}
<div id="Emission-tabs-episodes" class="episodes"> <div id="Emission-tabs-episodes" class="episodes">
{% regroup episodes by first_diffusion|date:"F Y"|capfirst as month_list %} {% regroup episodes by first_diffusion|date:"F Y"|capfirst as month_list %}
{% for month in month_list %} {% for month in month_list %}
......
...@@ -23,7 +23,7 @@ ...@@ -23,7 +23,7 @@
<img src="http://placehold.it/100X100" /> <img src="http://placehold.it/100X100" />
</div> </div>
<div class="content"> <div class="content">
<h4 class="title"><a href="{{ episode.slug }}">{{ episode.title }}</a></h4> <h4 class="title">{{ episode.title }}</h4>
{% if episode.description %} {% if episode.description %}
<div class="description"> <div class="description">
{{ episode.description|safe }} {{ episode.description|safe }}
......
...@@ -34,6 +34,13 @@ ...@@ -34,6 +34,13 @@
</div> </div>
{% endif %} {% endif %}
</a> </a>
{% if episode.tagList %}
<ul class="custom inline">
{% for tag in episode.tagList %}
<li><button class="tag">{{ tag }}</button></li>
{% endfor %}
</ul>
{% endif %}
{% if episode.main_sound %} {% if episode.main_sound %}
<div class="sound"> <div class="sound">
{% include "includes/audio.html" with sound=episode.main_sound %} {% include "includes/audio.html" with sound=episode.main_sound %}
......
...@@ -16,11 +16,13 @@ ...@@ -16,11 +16,13 @@
{{ episode.first_diffusion|date:"H:i" }} {{ episode.first_diffusion|date:"H:i" }}
</span> </span>
</div> </div>
<!--
<div class="controls todo"> <div class="controls todo">
<button class="big symbol play">A</button><button class="big symbol add">B</button> <button class="big symbol play">A</button><button class="big symbol add">B</button>
<br /><button class="big symbol download">I</button> <br /><button class="big symbol download">I</button>
<br /><button class="big symbol buy">C</button> <br /><button class="big symbol buy">C</button>
</div> </div>
-->
<div class="logo"> <div class="logo">
<img src="http://placehold.it/100X100" /> <img src="http://placehold.it/100X100" />
</div> </div>
...@@ -37,21 +39,20 @@ ...@@ -37,21 +39,20 @@
</article> </article>
{% endif %} {% endif %}
<div class="metas"> <div class="metas">
<!--
<dl class="credits cf"> <dl class="credits cf">
<dt>Serie</dt><dd>La musique</dd> <dt>Serie</dt><dd>La musique</dd>
<dt>Auteur</dt><dd>Jean Dupont</dd> <dt>Auteur</dt><dd>Jean Dupont</dd>
<dt>Rediffusion</dt><dd>Émission de JetFM</dd> <dt>Rediffusion</dt><dd>Émission de JetFM</dd>
</dl> </dl>
-->
{% if episode.tagList %}
<ul class="custom inline"> <ul class="custom inline">
<li><button class="tag">1955</button></li> {% for tag in episode.tagList %}
<li><button class="tag">RCA</button></li> <li><button class="tag">{{ tag }}</button></li>
<li><button class="tag">Synthetiseur</button></li> {% endfor %}
<li><button class="tag">Electronique</button></li>
<li><button class="tag">Harry Olson</button></li>
<li><button class="tag">1955</button></li>
<li><button class="tag">RCA</button></li>
<li><button class="tag">Synthetiseur</button></li>
</ul> </ul>
{% endif %}
</div> </div>
{% if episode.main_sound %} {% if episode.main_sound %}
<div class="sound"> <div class="sound">
......
{% load soundfiles %} {% load soundfiles %}
{% if sound %} {% if sound|is_format_available:'mp3' or sound|is_format_available:'ogg' %}
<!-- <!--
<span class="controls audioControls" data-audio-control="Audio-{{ sound.file.url|slugify }}"> <span class="controls audioControls" data-audio-control="Audio-{{ sound.file.url|slugify }}">
<button class="playpause icon-play">{{ sound.content_types }}</button> <button class="playpause icon-play">{{ sound.content_types }}</button>
...@@ -12,10 +12,10 @@ ...@@ -12,10 +12,10 @@
preload="{% if preload %}{{ preload }}{% else %}none{% endif %}" preload="{% if preload %}{{ preload }}{% else %}none{% endif %}"
controls="{% if controls %}{{ controls }}{% else %}controls{% endif%}" controls="{% if controls %}{{ controls }}{% else %}controls{% endif%}"
> >
{% if episode.main_sound|is_format_available:'ogg' %} {% if sound|is_format_available:'ogg' %}
<source src="{{ sound|format_url:'ogg' }}" type="audio/ogg"> <source src="{{ sound|format_url:'ogg' }}" type="audio/ogg">
{% endif %} {% endif %}
{% if episode.main_sound|is_format_available:'mp3' %} {% if sound|is_format_available:'mp3' %}
<source src="{{ sound|format_url:'mp3' }}" type="audio/mpeg"> <source src="{{ sound|format_url:'mp3' }}" type="audio/mpeg">
{% endif %} {% endif %}
</audio> </audio>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment