From 602eb9b90feab6688f964deebe6103f298d6055c Mon Sep 17 00:00:00 2001
From: meeb <meeb@meeb.org>
Date: Wed, 9 Dec 2020 19:54:34 +1100
Subject: [PATCH] use can_download flag for media front end messages

---
 app/common/templates/errorbox.html      | 2 +-
 app/sync/templates/sync/media-item.html | 1 +
 app/sync/templates/sync/media.html      | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/common/templates/errorbox.html b/app/common/templates/errorbox.html
index e052b0de..9c1d95fd 100644
--- a/app/common/templates/errorbox.html
+++ b/app/common/templates/errorbox.html
@@ -3,7 +3,7 @@
   <div class="col s12">
     <div class="card errorbox">
       <div class="card-content">
-        <i class="fas fa-exclamation-triangle"></i> {{ message|safe }}
+        <i class="fas fa-fw fa-exclamation-triangle"></i> {{ message|safe }}
       </div>
     </div>
   </div>
diff --git a/app/sync/templates/sync/media-item.html b/app/sync/templates/sync/media-item.html
index ae15d3ee..39588cde 100644
--- a/app/sync/templates/sync/media-item.html
+++ b/app/sync/templates/sync/media-item.html
@@ -10,6 +10,7 @@
     <p class="truncate">Saving to: <strong>{{ media.source.directory_path }}</strong></p>
   </div>
 </div>
+{% if not media.can_download %}{% include 'errorbox.html' with message='Media cannot be downloaded because it has no formats which match the source requirements.' %}{% endif %}
 <div class="row">
   <div class="col s12">
     <table class="striped">
diff --git a/app/sync/templates/sync/media.html b/app/sync/templates/sync/media.html
index 5e2f35e6..de8fef42 100644
--- a/app/sync/templates/sync/media.html
+++ b/app/sync/templates/sync/media.html
@@ -18,7 +18,7 @@
           <img src="{% if m.thumb %}{% url 'sync:media-thumb' pk=m.pk %}{% else %}{% static 'images/nothumb.png' %}{% endif %}">
           <span class="card-title truncate">{{ m.source }}<br>
             <span>{{ m.name }}</span><br>
-            <span>{{ m.published|date:'Y-m-d' }}</span>
+            <span>{% if m.can_download %}{{ m.published|date:'Y-m-d' }}{% else %}<i class="fas fa-exclamation-triangle"></i> No matching formats{% endif %}</span>
           </span>
         </div>
       </a>