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

WIP Emission/episode display

parent df47116e
<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">
{% if schedules %}
<div class="schedule">
......@@ -23,10 +12,12 @@
{% endfor %}
</div>
{% endif %}
<!--
<button class="control todo">
<span class="symbol huge">G</span>
<span class="listen">Écouter <!--la dernière--></span>
<span class="listen">Écouter</span>
</button>
-->
<div class="cf"></div>
{% if emission.description %}
<div class="description">
......
{% extends "base.html" %}
{% extends "emissions.html" %}
{% load paniktags %}
{% block bodyID %}Emissions{% endblock %}
{% block main %}
<div class="wrapper">
<div class="emission padded {% if episodes %}withEpisodes{% endif %}">
<header class="mainHeader">
<h2 class="squashed title">{{ emission.title }}</h2>
</header>
<div id="Emission-tabs-detail">
{% emission_detail %}
</div>
{% if episodes %}
{% if episodes %}
<div id="Emission-tabs-episodes" class="episodes">
{% regroup episodes by first_diffusion|date:"F Y"|capfirst as month_list %}
{% for month in month_list %}
......
......@@ -23,7 +23,7 @@
<img src="http://placehold.it/100X100" />
</div>
<div class="content">
<h4 class="title"><a href="{{ episode.slug }}">{{ episode.title }}</a></h4>
<h4 class="title">{{ episode.title }}</h4>
{% if episode.description %}
<div class="description">
{{ episode.description|safe }}
......
......@@ -34,6 +34,13 @@
</div>
{% endif %}
</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 %}
<div class="sound">
{% include "includes/audio.html" with sound=episode.main_sound %}
......
......@@ -16,11 +16,13 @@
{{ episode.first_diffusion|date:"H:i" }}
</span>
</div>
<!--
<div class="controls todo">
<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 buy">C</button>
</div>
-->
<div class="logo">
<img src="http://placehold.it/100X100" />
</div>
......@@ -37,21 +39,20 @@
</article>
{% endif %}
<div class="metas">
<!--
<dl class="credits cf">
<dt>Serie</dt><dd>La musique</dd>
<dt>Auteur</dt><dd>Jean Dupont</dd>
<dt>Rediffusion</dt><dd>Émission de JetFM</dd>
</dl>
-->
{% if episode.tagList %}
<ul class="custom inline">
<li><button class="tag">1955</button></li>
<li><button class="tag">RCA</button></li>
<li><button class="tag">Synthetiseur</button></li>
<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>
{% for tag in episode.tagList %}
<li><button class="tag">{{ tag }}</button></li>
{% endfor %}
</ul>
{% endif %}
</div>
{% if episode.main_sound %}
<div class="sound">
......
{% 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 }}">
<button class="playpause icon-play">{{ sound.content_types }}</button>
......@@ -12,10 +12,10 @@
preload="{% if preload %}{{ preload }}{% else %}none{% 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">
{% endif %}
{% if episode.main_sound|is_format_available:'mp3' %}
{% if sound|is_format_available:'mp3' %}
<source src="{{ sound|format_url:'mp3' }}" type="audio/mpeg">
{% endif %}
</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