Added video preview

interface/templates/interface/submission_list.html

@@ -15,8 +15,13 @@
             <td>{{ submission.name }}</td>
             <td>{{ submission.instrument }}</td>
             <td>
-                <a href="{% url 'submission_detail' project=project.pk pk=submission.pk %}"><i class="fas fa-info-circle"></i></a>
-                <a href="{{ submission.download_url }}" target="_blank" rel="noopener noreferrer"><i class="fas fa-download"></i></a>
+                <a href="{% url 'submission_detail' project=project.pk pk=submission.pk %}"><i class="fas fa-info-circle" title="Info"></i></a>
+                {% if submission.private %}
+                <i style="color: #999" class="fas fa-video" title="No preview available"></i>
+                {% else %}
+                <a href="{% url 'submission_preview' project=project.pk pk=submission.pk %}"><i class="fas fa-video" title="Preview"></i></a>
+                {% endif %}
+                <a href="{{ submission.download_url }}" target="_blank" rel="noopener noreferrer"><i class="fas fa-save" title="Download"></i></a>
             </td>
         </tr>
         {% endfor %}

interface/templates/interface/submission_preview.html

@@ -0,0 +1,17 @@
+{% extends "interface/project_base.html" %}
+
+{% block page %}
+<div class="text-center">
+    <div style="text-align: right">
+        <a href="{% url 'submission_list' project=project.pk %}"><i class="fas fa-arrow-left"></i> Back</a>
+    </div>
+    {% with object.download_url as url %}
+    <video class="resource-player" src="{{ url }}" controls></video>
+    <p style="text-align: right">
+        <b>{{ object.name }}</b> ({{ object.instrument }})
+        <small>{{ object.date }}</small>
+        <a href="{{ url }}" target="_blank" rel="noopener noreferrer" download><i class="fas fa-save"></i> Download</a>
+    </p>
+    {% endwith %}
+</div>
+{% endblock %}