merge aircox and aircox_instance

aircox_cms/templates/aircox_cms/snippets/comments.html

@@ -0,0 +1,55 @@
+{% load i18n %}
+{% load static %}
+{% load honeypot %}
+
+{% if comment_form or page.comments %}
+<h2><img src="{% static "aircox_cms/images/comments.png" %}" class="icon">{% trans "Comments" %}</h2>
+{% endif %}
+
+{% if comment_form %}
+{% with comment_form as form %}
+{{ form.non_field_errors }}
+<form action="" method="POST">
+{% csrf_token %}
+{% render_honeypot_field "hp_website" %}
+<div>
+    <input type="hidden" name="type" value="comments">
+    {{ form.author.errors }}
+    {{ form.author }}
+    <div>
+        <input type="checkbox" value="1" id="show_more">
+        <label for="show_more">{% trans "show more options" %}</label>
+        <div class="extra">
+            {{ form.email.errors }}
+            {{ form.email }}
+            {{ form.url.errors }}
+            {{ form.url }}
+        </div>
+
+    </div>
+</div>
+<div>
+    {{ form.content.errors }}
+    {{ form.content }}
+    <button type="submit">{% trans "Post!" %}</button>
+</div>
+</form>
+
+{% endwith %}
+{% endif %}
+
+<ul class="list">
+    {% for comment in page.comments %}
+    <li class="comment">
+        <div class="metadata">
+            <a {% if comment.url %}href="{{ comment.url }}" {% endif %}
+                class="author">{{ comment.author }}</a>
+            <time datetime="{{ comment.date }}">
+                {{ comment.date|date:'l d F, H:i' }}
+            </time>
+        </div>
+        <div class="body">{{ comment.content }}</div>
+    </li>
+    {% endfor %}
+</ul>
+

aircox_cms/templates/aircox_cms/snippets/date_list.html

@@ -0,0 +1,39 @@
+{% load i18n %}
+
+{# FIXME: get current complete URL #}
+<div class="list date_list">
+{% if nav_dates %}
+<nav class="nav_dates">
+    {% if nav_dates.prev %}
+    <a href="?date={{ nav_dates.prev|date:"Y-m-d" }}" title="{% trans "previous days" %}">◀</a>
+    {% endif %}
+
+    {% for day in nav_dates.dates %}
+    <a onclick="select_tab(this, '.panel[data-date=\'{{day|date:"Y-m-d"}}\']');"
+        {% if day == nav_dates.date %}selected{% endif %}
+        class="tab {% if day == nav_dates.date %}today{% endif %}">
+        {{ day|date:'D. d' }}
+    </a>
+    {% endfor %}
+
+    {% if nav_dates.next %}
+    <a href="?date={{ nav_dates.next|date:"Y-m-d" }}" title="{% trans "next days" %}">▶</a>
+    {% endif %}
+</nav>
+{% endif %}
+
+{% for day, list in object_list %}
+<ul class="panel {% if day == nav_dates.date %}class="today"{% endif %}"
+    {% if day == nav_dates.date %}selected{% endif %}
+    data-date="{{day|date:"Y-m-d"}}">
+    {# you might like to hide it by default -- this more for sections #}
+    <h2>{{ day|date:'l d F' }}</h2>
+    {% with item_date_format="H:i" %}
+    {% for item in list %}
+    {% include "aircox_cms/snippets/date_list_item.html" %}
+    {% endfor %}
+    {% endwith %}
+</ul>
+{% endfor %}
+</div>
+

aircox_cms/templates/aircox_cms/snippets/date_list_item.html

@@ -0,0 +1,45 @@
+{% comment %}
+Configurable item to be put in a dated list. Work like list_item, the layout
+is just a bit different.
+{% endcomment %}
+
+{% load wagtailimages_tags %}
+
+<a {% if item.url %}href="{{ item.url }}" {% endif %}
+    class="list_item date_list_item {% if not item_big_cover %}flex_row {% endif %}{% if item.css_class %}{{ item.css_class }}{% endif %}">
+
+    {% if not item.show_in_menus and item.date and item_date_format != '' %}
+    {% with date_format=item_date_format|default_if_none:'l d F, H:i' %}
+    <time datetime="{{ item.date }}">
+        {{ item.date|date:date_format }}
+    </time>
+    {% endwith %}
+    {% endif %}
+
+    {% if not list_no_cover %}
+    {% if item_big_cover %}
+        {% image item.cover max-640x480 class="cover big" height="" width="" %}
+    {% elif item.cover %}
+        {% image item.cover fill-64x64 class="cover small" %}
+    {% else %}
+        <div class="cover small"></div>
+    {% endif %}
+    {% endif %}
+
+    <div class="flex_item">
+        <h3 class="title">{{ item.title }}</h3>
+
+        {% if item.summary %}<div class="summary">{{ item.summary }}</div>{% endif %}
+
+        {% if item.info %}
+        <span class="info">{{ item.info|safe }}</span>
+        {% endif %}
+
+        {% if item.extra %}
+        <div class="extra"></div>
+        {% endif %}
+    </div>
+
+</a>
+
+

aircox_cms/templates/aircox_cms/snippets/list.html

@@ -0,0 +1,65 @@
+{% comment %}
+Options:
+- list_css_class: extra class for the main list container
+- list_paginator: paginator object to display pagination at the bottom;
+{% endcomment %}
+
+{% load i18n %}
+{% load aircox_cms %}
+
+
+<ul class="list {{ list_css_class|default:'' }}">
+{% for page in object_list %}
+{% with item=page.specific %}
+{% include "aircox_cms/snippets/list_item.html" %}
+{% endwith %}
+{% endfor %}
+
+{# we use list_paginator to avoid conflicts when there are multiple lists #}
+{% if list_paginator and list_paginator.num_pages > 1 %}
+<nav>
+{% with list_paginator.num_pages as num_pages %}
+    {% if object_list.has_previous %}
+        <a href="?page={{ object_list.previous_page_number }}">
+            {% trans "previous page" %}
+        </a>
+    {% endif %}
+
+    {% if object_list.number > 3 %}
+        <a href="?page=1">1</a>
+        {% if object_list.number > 4 %}
+        &#8230;
+        {% endif %}
+    {% endif %}
+
+    {% for i in object_list.number|around:2 %}
+        {% if i == object_list.number %}
+            {{ object_list.number }}
+        {% elif i > 0 and i <= num_pages %}
+            <a href="?page={{ i }}">{{ i }}</a>
+        {% endif %}
+    {% endfor %}
+
+    {% with object_list.number|add:"2" as max %}
+    {% if max < num_pages %}
+        {% if max|add:"1" < num_pages %}
+        &#8230;
+        {% endif %}
+        <a href="?page={{ num_pages }}">{{ num_pages }}</a>
+    {% endif %}
+    {% endwith %}
+
+    {% if object_list.has_next %}
+        <a href="?page={{ object_list.next_page_number }}">
+            {% trans "next page" %}
+        </a>
+    {% endif %}
+{% endwith %}
+</nav>
+{% elif url and url_text %}
+<nav><a href="{{ url }}">{{ url_text }}</a></nav>
+{% endif %}
+
+</ul>
+
+

aircox_cms/templates/aircox_cms/snippets/list_item.html

@@ -0,0 +1,51 @@
+{% comment %}
+Configurable item to be put in a list. Support standard Publication or
+ListItem instance.
+
+Options:
+* item: item to render. Fields: title, summary, cover, url, date, info, css_class
+* item_date_format: format passed to the date filter instead of default one. If
+    it is an empty string, do not print the date.
+* item_big_cover: cover should is big instead of thumbnail (width: 600)
+{% endcomment %}
+
+{% load static %}
+
+{% load wagtailimages_tags %}
+
+<a {% if item.url %}href="{{ item.url }}" {% endif %}
+    class="list_item {% if not item_big_cover %}flex_row {% endif %}{% if item.css_class %}{{ item.css_class }}{% endif %}">
+    {% if item.cover %}
+        {% if item_big_cover %}
+            {% image item.cover max-640x480 class="cover big" height="" width="" %}
+        {% else %}
+            {% image item.cover fill-64x64 class="cover small" %}
+        {% endif %}
+    {% endif %}
+    <div class="flex_item">
+        <h3 class="title">{{ item.title }}</h3>
+
+        {% if item.info %}
+        <span class="info">{{ item.info|safe }}</span>
+        {% endif %}
+
+        {% if not item.show_in_menus and item.date and item_date_format != '' %}
+        {% with date_format=item_date_format|default:'l d F, H:i' %}
+        <time datetime="{{ item.date }}">
+            {% if item.diffusion %}
+            <img src="{% static "aircox_cms/images/clock.png" %}" class="small_icon">
+            {{ item.diffusion.start|date:date_format }}
+            {% else %}
+            {{ item.date|date:date_format }}
+            {% endif %}
+        </time>
+        {% endwith %}
+        {% endif %}
+
+    </div>
+    {% if item.extra %}
+    <div class="extra"></div>
+    {% endif %}
+</a>
+
+

aircox_cms/templates/aircox_cms/snippets/player.html

@@ -0,0 +1,46 @@
+{% load staticfiles %}
+{% load i18n %}
+
+<audio preload="metadata">
+    {% trans "Your browser does not support the <code>audio</code> element." %}
+    {% for stream in streams %}
+    <source src="{{ stream }}" />
+    {% endfor %}
+</audio>
+
+<div class="playlist">
+    <li class='item list_item flex_row' style="display: none;">
+        <div class="button">
+            <img src="{% static "aircox_cms/images/play.png" %}" class="play"
+                title="{% trans "play" %}" />
+            <img src="{% static "aircox_cms/images/pause.png" %}" class="pause"
+                title="{% trans "pause" %}" />
+            <img src="{% static "aircox_cms/images/loading.png" %}" class="loading"
+                title="{% trans "loading..." %}" />
+        </div>
+
+        <div class="flex_item">
+            <h3 class="title flex_item">{{ self.live_title }}</h3>
+            <div class="content flex_row">
+                <span class="info duration flex_item"></span>
+                <span class="actions">
+                    <a class="action add" title="{% trans "add to the player" %}">+</a>
+                    <a class="action detail" title="{% trans "more informations" %}">➔</a>
+                    <a class="action remove" title="{% trans "remove this sound" %}">✖</a>
+                </span>
+            </div>
+        </div>
+    </li>
+</div>
+
+<div class="controls">
+    <span class="progress">
+        <span class="info duration"></span>
+        <progress class="flex_item progress" value="0" max="1"></progress>
+    </span>
+
+    <input type="checkbox" class="single" id="player_single_mode">
+    <label for="player_single_mode" class="info"
+        title="{% trans "enable and disable single mode" %}">↻</label>
+</div>
+

aircox_cms/templates/aircox_cms/snippets/sound_list_item.html

@@ -0,0 +1,42 @@
+{% load static %}
+{% load i18n %}
+
+{% if item.embed %}
+
+
+{% else %}
+{# TODO: complete archive podcast -> info #}
+<script>
+function add_sound_{{ item.id }}(event) {
+    var sound = new Sound(
+        title='{{ item.name|escape }}',
+        detail='{{ item.detail_url }}',
+        duration={{ item.duration|date:"H*3600+i*60+s" }},
+        streams='{{ item.url }}',
+        {% if page and page.cover %}cover='{{ page.icon }}'{% endif %}
+    );
+
+    sound = player.playlist.add(sound);
+
+    if(event.target.dataset.action != 'add')
+        player.select(sound, true);
+}
+</script>
+
+<a class="list_item sound flex_row" onclick="add_sound_{{ item.id }}(event)">
+    <img src="{% static "aircox_cms/images/listen.png" %}" class="icon"/>
+    <h3 class="flex_item">{{ item.name }}</h3>
+
+    <time class="info">
+        {% if item.duration.hour > 0 %}
+        {{ item.duration|date:'H:i:s' }}
+        {% else %}
+        {{ item.duration|date:'i:s' }}
+        {% endif %}
+    </time>
+
+    <img src="{% static "aircox_cms/images/add.png" %}" class="icon"
+         data-action='add' alt="{% trans "add this sound to the playlist" %}"/>
+</a>
+{% endif %}
+