Merge pull request #717 from tcely/patch-2

Show publication date and the not truncated title

tubesync/sync/templates/sync/media-item.html

@@ -70,6 +70,10 @@ <h1 class="truncate">Media <strong>{{ media.key }}</strong> {{ download_state_ic
         <td class="hide-on-small-only">Duration</td>
         <td><span class="hide-on-med-and-up">Duration<br></span><strong>{{ media.duration_formatted }}</strong></td>
       </tr>
+      <tr title="The media publication date">
+        <td class="hide-on-small-only">Published</td>
+        <td><span class="hide-on-med-and-up">Published<br></span><strong>{{ media.published |date:'Y-m-d H:i' }}</strong></td>
+      </tr>
       <tr title="The desired format">
         <td class="hide-on-small-only">Desired format</td>
         <td><span class="hide-on-med-and-up">Desired format<br></span><strong>{{ media.source.format_summary }}</strong></td>
@@ -78,6 +82,10 @@ <h1 class="truncate">Media <strong>{{ media.key }}</strong> {{ download_state_ic
         <td class="hide-on-small-only">Fallback</td>
         <td><span class="hide-on-med-and-up">Fallback<br></span><strong>{{ media.source.get_fallback_display }}</strong></td>
       </tr>
+      <tr title="The media title">
+        <td class="hide-on-small-only">Title</td>
+        <td><span class="hide-on-med-and-up">Title<br></span><strong>{{ media.title }}</strong></td>
+      </tr>
       {% if not media.source.download_media %}
       <tr title="Is media marked to be downloaded at the source?">
         <td class="hide-on-small-only">Source download?</td>
@@ -92,7 +100,7 @@ <h1 class="truncate">Media <strong>{{ media.key }}</strong> {{ download_state_ic
       {% else %}
       <tr title="Has the media been downloaded?">
         <td class="hide-on-small-only">Downloaded?</td>
-        <td><span class="hide-on-med-and-up">Downloaded?<br></span><strong>{% if media.downloaded %}<i class="fas fa-check"></i>{% else %}<i class="fas fa-times"></i>{% endif %}</strong></td>
+        <td><span class="hide-on-med-and-up">Downloaded?<br></span><strong>{% if media.downloaded %}<i class="fas fa-check"></i>&nbsp;{{ media.download_date |date:'Y-m-d H:i:s' }}{% else %}<i class="fas fa-times"></i>{% endif %}</strong></td>
       </tr>
       {% endif %}
       {% if media.downloaded %}