fixup feature detection redirect + listing change

.gitignore

@@ -8,3 +8,4 @@ venv/
 tests.sqlite3
 .tox
 build/
+.prettierignore
\ No newline at end of file

wagtailvideos/static/wagtailvideos/js/add-multiple.js

 $(function() {
-    // Redirect users that don't support filereader
-    if (!$('html').hasClass('filereader')) {
-        document.location.href = window.fileupload_opts.simple_upload_url;
-        return false;
-    }
-
     // prevents browser default drag/drop
     $(document).bind('drop dragover', function(e) {
         e.preventDefault();

wagtailvideos/templates/wagtailvideos/multiple/add.html

 {% extends "wagtailadmin/base.html" %}
-{% load i18n static %}
+{% load i18n static wagtailadmin_tags %}
 {% block titletag %}{% trans "Add multiple videos" %}{% endblock %}
 {% block extra_css %}
     {{ block.super }}
-    <!-- it's cheating but we're  just going to use wagtailimages css since they should look identical anyways -->
-    <link rel="stylesheet" href="{% static 'wagtailimages/css/add-multiple.css' %}" type="text/css" />
+    
 {% endblock %}
 
 {% block content %}
@@ -67,10 +66,14 @@
     {{ block.super }}
 
     <!-- this exact order of plugins is vital -->
-    <script src="{% static 'wagtailadmin/js/vendor/jquery.iframe-transport.js' %}"></script>
-    <script src="{% static 'wagtailadmin/js/vendor/jquery.fileupload.js' %}"></script>
-    <script src="{% static 'wagtailadmin/js/vendor/jquery.fileupload-process.js' %}"></script>
-    <script src="{% static 'wagtailadmin/js/vendor/tag-it.js' %}"></script>
+    <script src="{% versioned_static 'wagtailimages/js/vendor/load-image.min.js' %}"></script>
+    <script src="{% versioned_static 'wagtailimages/js/vendor/canvas-to-blob.min.js' %}"></script>
+    <script src="{% versioned_static 'wagtailadmin/js/vendor/jquery.iframe-transport.js' %}"></script>
+    <script src="{% versioned_static 'wagtailadmin/js/vendor/jquery.fileupload.js' %}"></script>
+    <script src="{% versioned_static 'wagtailadmin/js/vendor/jquery.fileupload-process.js' %}"></script>
+    <script src="{% versioned_static 'wagtailimages/js/vendor/jquery.fileupload-image.js' %}"></script>
+    <script src="{% versioned_static 'wagtailimages/js/vendor/jquery.fileupload-validate.js' %}"></script>
+    <script src="{% versioned_static 'wagtailadmin/js/vendor/tag-it.js' %}"></script>
 
     <!-- Main script -->
     <script src="{% static 'wagtailvideos/js/add-multiple.js' %}"></script>

wagtailvideos/templates/wagtailvideos/videos/results.html

@@ -19,12 +19,12 @@
         {% for video in videos %}
             <li>
                 <a class="image-choice" href="{% url 'wagtailvideos:edit' video.id %}">
-                    <div class="image">
+                    <figure>
                         {% if video.thumbnail %}
                         <img src="{{ video.thumbnail.url }}" height="165" width="165" class="show-transparency" alt="{% trans 'Video thumbnail' %}"/>
                         {% endif %}
-                    </div>
-                    <h3>{{ video.title|ellipsistrim:60 }}</h3>
+                        <figcaption>{{ video.title|ellipsistrim:60 }}</figcaption>
+                    </figure>
                 </a>
             </li>
         {% endfor %}