Genre- and collection-specific thumbnails.
[audio.git] / src / archive / templates / archive / file_managed.html
index ecb6292..d6e8be8 100644 (file)
   <div class="mt-4 alert alert-warning">{{ alert }}</div>
 {% endfor %}
 
-<div class="card mt-4">
-  <div class="card-header">
-    <h2>{% trans "Publishing" %}</h2>
+
+
+<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="card-body">
+
+  <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>
-
-      {% if audiobook.mp3_status %}
-        <hr/>
-        <h2>MP3</h2>
-
-        {% tags_table audiobook.get_mp3_tags.tags %}
-
-        <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 %}
-
-      {% if audiobook.youtube_status %}
-        <hr/>
-        <h2>YouTube</h2>
-
-        <p>Status: <b>{{ audiobook.get_youtube_status_display }}</b></p>
-      {% endif %}
-
-    {% else %}
-
-      <table class='table'>
-        {% tags_table audiobook.new_publish_tags 0 %}
-        <tr><th></th><td>
-
-          <div class="row">
-            <div class="col-md-6">
-              {% 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 %}
-
-              {% 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 class="col-md-6">
-              {% if audiobook.is_youtube_publishable %}
-              <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>
-              <br>
-              {% endif %}
-              {% if audiobook.youtube_id %}
-                <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 %}
-
-            </div>
-          </div>
-        </td></tr>
-      </table>
     {% endif %}
-  </div>
-</div>
 
 
-<div class="row">
-  <div class="col-xl-4">
     <div class="card mt-4">
       <div class="card-header">
-       <h2>{% trans "MP3 file" %}</h2>
+        <h3>MP3, Ogg</h3>
       </div>
       <div class="card-body">
+        {% if audiobook.mp3_status %}
+          <hr/>
+          <h2>MP3</h2>
+
+          {% tags_table audiobook.get_mp3_tags.tags %}
+
+          <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 %}
+
+
         {% if audiobook.mp3_file %}
           <p><a href="{% url 'download' audiobook.id 'mp3' %}">{% trans "Download MP3 file." %}</a></p>
           {% if audiobook.mp3_published %}
         {% else %}
           <p>{% trans "MP3 file hasn't been generated yet." %}</p>
         {% endif %}
-      </div>
-    </div>
-  </div>
 
-  <div class="col-xl-4">
-    <div class="card mt-4">
-      <div class="card-header">
-        <h2>{% trans "Ogg Vorbis file" %}</h2>
-      </div>
-      <div class="card-body">
         {% if audiobook.ogg_file %}
           <p><a href="{% url 'download' audiobook.id 'ogg' %}">{% trans "Download Ogg Vorbis file." %}</a></p>
           {% if audiobook.ogg_published %}
         {% else %}
           <p>{% trans "Ogg Vorbis file hasn't been generated yet." %}</p>
         {% endif %}
+
+        {% 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 %}
+
+        {% 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>
-  </div>
 
-  <div class="col-xl-4">
     <div class="card mt-4">
       <div class="card-header">
-        <h2>{% trans "YouTube" %}</h2>
+        <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">{% trans "See on YouTube" %}</a>
+              <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 %}
         {% else %}
           <p>{% trans "YouTube file hasn't been generated yet." %}</p>
         {% endif %}
+
+        {% 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">
-       <h2>Plik źródłowy</h2>
+        <h3>Metadane dla MP3, Ogg</h3>
       </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>
-
+        <table class='table'>
+          {% tags_table audiobook.new_publish_tags 0 %}
+        </table>
       </div>
     </div>
-  </div>
 
+  </div>
   <div class="col-xl-6">
-    <div class="card mt-4 mb-4">
+    <div class="card mt-4">
       <div class="card-header">
-       <h2>{% trans "Update tags" %}</h2>
+        <h3>Metadane dla YouTube</h3>
       </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>
-
+        <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 %}