{% extends "archive/base.html" %}
{% load i18n %}
{% load tags %}
+{% load bootstrap4 %}
-{% block content %}
-
-<p>Plik źródłowy: <a href='{% url "download" audiobook.id %}'>{{ path }}</a>
-(sha1: <tt>{{ audiobook.source_sha1 }}</tt>).
-</p>
-
-<h2>{% trans "Publishing" %}</h2>
-
-{% if audiobook.mp3_status or audiobook.ogg_status %}
-<h2>{% trans "Publishing pending" %}</h2>
+{% block menu-active-audiobooks %}active{% endblock %}
-<form method="post" action="{% url 'cancel_publishing' audiobook.id %}">
- {% csrf_token %}
- <input type="submit" value="{% trans "Cancel publishing" %}" />
-</form>
+{% block content %}
-{% if audiobook.mp3_status %}
- <hr/>
- <h2>MP3</h2>
- {% tags_table audiobook.mp3_tags.tags %}
+{% for alert in alerts %}
+ <div class="mt-4 alert alert-warning">{{ alert }}</div>
+{% endfor %}
+
+
+
+<div class="row mt-4">
+ <div class="col-xl-7">
+ <div class="card mt-4">
+ <div class="card-header">
+ <h2><a href="{% url 'book' audiobook.slug %}" %}">{{ audiobook.title }}</a></h2>
+ </div>
+ <div class="card-body">
+ <form method='post' action='.'>
+ {% csrf_token %}
+ {% bootstrap_form form %}
+ <input class="btn btn-primary" type="submit" value='{% trans "Commit" %}' />
+ </form>
+
+ </div>
+ </div>
+ </div>
+
+ <div class="col-xl-5">
+ {% if audiobook.mp3_status or audiobook.ogg_status or audiobook.youtube_status %}
+ <h2>{% trans "Publishing pending" %}</h2>
+ <form method="post" action="{% url 'cancel_publishing' audiobook.id %}">
+ {% csrf_token %}
+ <input class='btn btn-danger' type="submit" value="{% trans "Cancel publishing" %}" />
+ </form>
+ {% endif %}
- <p>Status: <b>{{ audiobook.get_mp3_status_display }}</b></p>
-{% endif %}
-{% if audiobook.ogg_status %}
- <hr/>
- <h2>Ogg Vorbis</h2>
+ <div class="card mt-4">
+ <div class="card-header">
+ <h3>MP3, Ogg</h3>
+ </div>
+ <div class="card-body">
+ {% if audiobook.mp3_status %}
+ <hr/>
+ <h2>MP3</h2>
- {% tags_table audiobook.ogg_tags.tags %}
+ {% tags_table audiobook.get_mp3_tags.tags %}
- <p>Status: <b>{{ audiobook.get_ogg_status_display }}</b></p>
-{% endif %}
+ <p>Status: <b>{{ audiobook.get_mp3_status_display }}</b></p>
+ {% endif %}
+ {% if audiobook.ogg_status %}
+ <hr/>
+ <h2>Ogg Vorbis</h2>
+ {% tags_table audiobook.get_ogg_tags.tags %}
+ <p>Status: <b>{{ audiobook.get_ogg_status_display }}</b></p>
+ {% endif %}
-{% else %}
- <table class='tags'>
- {% tags_table audiobook.new_publish_tags 0 %}
- <tr><th></th><td>
- {% if user_can_publish %}
- <form method="post" action="{% url 'publish' audiobook.id %}">
- {% csrf_token %}
- <input type="submit" value="{% trans "Publish" %}" />
- </form>
- {% else %}
- <a href="{% url 'apiclient_oauth' %}">Podłącz się</a>
+ {% if audiobook.mp3_file %}
+ <p><a href="{% url 'download' audiobook.id 'mp3' %}">{% trans "Download MP3 file." %}</a></p>
+ {% if audiobook.mp3_published %}
+ <p>{% trans "Published:" %} {{ audiobook.mp3_published }}</a></p>
+ {% if audiobook.get_mp3_published_tags.tags %}
+ {% tags_table audiobook.get_mp3_published_tags.tags %}
{% endif %}
+ {% else %}
+ <p>{% trans "Not published yet." %}</p>
+ {% endif %}
+ {% else %}
+ <p>{% trans "MP3 file hasn't been generated yet." %}</p>
+ {% endif %}
- {% if not audiobook.mp3_published or not audiobook.ogg_published %}
- <form method="post" action="{% url 'convert' audiobook.id %}">
- {% csrf_token %}
- <input type="submit" value="{% trans "Convert without publishing" %}" />
- </form>
+ {% if audiobook.ogg_file %}
+ <p><a href="{% url 'download' audiobook.id 'ogg' %}">{% trans "Download Ogg Vorbis file." %}</a></p>
+ {% if audiobook.ogg_published %}
+ <p>{% trans "Published:" %} {{ audiobook.ogg_published }}</a></p>
+ {% if audiobook.get_ogg_published_tags.tags %}
+ {% tags_table audiobook.get_ogg_published_tags.tags %}
{% endif %}
-
- </td></tr>
- </table>
-{% endif %}
-
-<hr/>
-{% if audiobook.mp3_file %}
- <h2>{% trans "MP3 file" %}</h2>
- <p><a href="{% url 'download' audiobook.id 'mp3' %}">{% trans "Download MP3 file." %}</a></p>
- {% if audiobook.mp3_published %}
- <p>{% trans "Published:" %} {{ audiobook.mp3_published }}</a></p>
- {% if audiobook.mp3_published_tags.tags %}
- {% tags_table audiobook.mp3_published_tags.tags %}
- {% endif %}
- {% else %}
- <p>{% trans "Not published yet." %}</p>
- {% endif %}
-{% else %}
- <p>{% trans "MP3 file hasn't been generated yet." %}</p>
-{% endif %}
-
-<hr/>
-{% if audiobook.ogg_file %}
- <h2>{% trans "Ogg Vorbis file" %}</h2>
- <p><a href="{% url 'download' audiobook.id 'ogg' %}">{% trans "Download Ogg Vorbis file." %}</a></p>
- {% if audiobook.ogg_published %}
- <p>{% trans "Published:" %} {{ audiobook.ogg_published }}</a></p>
- {% if audiobook.ogg_published_tags.tags %}
- {% tags_table audiobook.ogg_published_tags.tags %}
+ {% else %}
+ <p>{% trans "Not published yet." %}</p>
+ {% endif %}
+ {% else %}
+ <p>{% trans "Ogg Vorbis file hasn't been generated yet." %}</p>
{% endif %}
- {% else %}
- <p>{% trans "Not published yet." %}</p>
- {% endif %}
-{% else %}
- <p>{% trans "Ogg Vorbis file hasn't been generated yet." %}</p>
-{% endif %}
-
-
-
-
-<hr />
-
-
-
-
-<h2>{% trans "Update tags" %}</h2>
-
-Last modified: {{ audiobook.modified }}
-
-{% multiple_tags_table tags %}
-
+ {% if user_can_publish %}
+ <form method="post" action="{% url 'publish' audiobook.id %}">
+ {% csrf_token %}
+ <input class="btn btn-primary" type="submit" value="{% trans "Publish" %}" />
+ </form>
+ {% else %}
+ <a class="btn btn-primary" href="{% url 'apiclient_oauth' %}">Podłącz się</a>
+ {% endif %}
-<form method='post' action='.'>
- {% csrf_token %}
- <table>
- {{ form.as_table }}
- <td></td><td><input type="submit" value='{% trans "Commit" %}' /></td></td>
- </table>
-</form>
+ {% if not audiobook.mp3_published or not audiobook.ogg_published %}
+ <form class="mt-3" method="post" action="{% url 'convert' audiobook.id %}">
+ {% csrf_token %}
+ <input class="btn btn-secondary" type="submit" value="{% trans "Convert without publishing" %}" />
+ </form>
+ {% endif %}
+ </div>
+ </div>
-<hr />
+ <div class="card mt-4">
+ <div class="card-header">
+ <h3>YouTube</h3>
+ </div>
+ <div class="card-body">
+ {% if audiobook.youtube_status %}
+ <hr/>
+ <h2>YouTube</h2>
+ <p>Status: <b>{{ audiobook.get_youtube_status_display }}</b></p>
+ {% endif %}
+ {% if audiobook.youtube_id %}
+ {% if audiobook.youtube_id %}
+ <p>
+ <a href="https://youtu.be/{{ audiobook.youtube_id }}" target="_blank" title="{% trans "See on YouTube" %}">
+ <img src="https://i.ytimg.com/vi/{{ audiobook.youtube_id }}/hq720.jpg" style="width: 100%">
+
+ </a>
+ </p>
+ {% endif %}
+ {% if audiobook.youtube_published %}
+ <p>{% trans "Published:" %} {{ audiobook.youtube_published }}</a></p>
+ {% if audiobook.get_youtube_published_tags.tags %}
+ {% tags_table audiobook.get_youtube_published_tags.tags %}
+ {% endif %}
+ {% else %}
+ <p>{% trans "Not published yet." %}</p>
+ {% endif %}
+ {% else %}
+ <p>{% trans "YouTube file hasn't been generated yet." %}</p>
+ {% endif %}
-<form method="post" action="{% url 'remove_to_archive' audiobook.id %}"
- onsubmit='return confirm("{% trans "Are you sure you want to move this audiobook to archive?" %}")'>
- {% csrf_token %}
- <input type="submit" value="{% trans "Remove to archive" %}" />
-</form>
+ {% if audiobook.youtube_id %}
+ <form method="post" action="{% url 'youtube_update_thumbnail' audiobook.id %}">
+ {% csrf_token %}
+ <input class="btn btn-secondary" type="submit" value="{% trans "Update YouTube thumbnail" %}">
+ </form>
+ <br>
+
+ <form method="post" action="{% url 'youtube_update' audiobook.id %}">
+ {% csrf_token %}
+ <input class="btn btn-secondary" type="submit" value="{% trans "Update YouTube metadata" %}">
+ </form>
+ {% endif %}
+ {% if audiobook.is_youtube_publishable %}
+ <br>
+ <p>
+ <a href="{% url 'youtube_preview' audiobook.id %}">
+ {% trans "Preview YouTube metadata" %}
+ </a>
+ </p>
+ <form method="post" action="{% url 'youtube_publish' audiobook.id %}">
+ {% csrf_token %}
+ <input class="btn btn-primary" type="submit" value="{% trans "Publish on YouTube" %}" />
+ </form>
+ {% endif %}
+ </div>
+ </div>
+ </div>
+
+</div>
+
+
+
+<div class="row">
+ <div class="col-xl-6">
+
+ <div class="card mt-4">
+ <div class="card-header">
+ <h3>Metadane dla MP3, Ogg</h3>
+ </div>
+ <div class="card-body">
+ <table class='table'>
+ {% tags_table audiobook.new_publish_tags 0 %}
+ </table>
+ </div>
+ </div>
+
+ </div>
+ <div class="col-xl-6">
+ <div class="card mt-4">
+ <div class="card-header">
+ <h3>Metadane dla YouTube</h3>
+ </div>
+ <div class="card-body">
+ <img src="{% url 'youtube_thumbnail' audiobook.id %}" style="width:100%">
+ <strong>{{ youtube_title }}</strong><br><br>
+ {{ youtube_description|linebreaksbr }}
+ </div>
+ </div>
+ </div>
+
+</div>
+
+
+<div class="card mt-4 mb-4">
+ <div class="card-header">
+ <h2>Plik źródłowy</h2>
+ </div>
+ <div class="card-body">
+ <p>Last modified: {{ audiobook.modified }}</p>
+ <p>Plik źródłowy: <a href='{% url "download" audiobook.id %}'>{{ path }}</a>
+ (sha1: <tt>{{ audiobook.source_sha1 }}</tt>).
+ </p>
+ {% multiple_tags_table tags %}
+
+ <form method="post" action="{% url 'remove_to_archive' audiobook.id %}"
+ onsubmit='return confirm("{% trans "Are you sure you want to move this audiobook to archive?" %}")'>
+ {% csrf_token %}
+ <input class="btn btn-danger" type="submit" value="{% trans "Remove to archive" %}" />
+ </form>
+
+ </div>
+</div>
{% endblock %}