Merge pull request #94 from 13hakta/preview

Load preview image in editor

wagtailvideos/static/wagtailvideos/js/video-chooser.js

@@ -4,6 +4,19 @@ function createVideoChooser(id) {
     var input = $('#' + id);
     var editLink = chooserElement.find('.edit-link');
 
+    document.addEventListener('DOMContentLoaded', event => {
+        $.ajax(window.chooserUrls.videoChooser + input.val()).done(data => {
+            let videoData = data.result
+            input.val(videoData.id);
+            previewVideo.attr({
+                src: videoData.preview.url,
+                alt: videoData.title
+            });
+            chooserElement.removeClass('blank');
+            editLink.attr('href', videoData.edit_link);
+        });
+    });
+
     $('.action-choose', chooserElement).click(function() {
         ModalWorkflow({
             url: window.chooserUrls.videoChooser,

wagtailvideos/widgets.py

@@ -17,14 +17,15 @@ class AdminVideoChooser(AdminChooser):
         self.video_model = get_video_model()
 
     def render_html(self, name, value, attrs):
-        instance, value = self.get_instance_and_id(self.video_model, value)
+        instance, value_data = self.get_instance_and_id(self.video_model, value)
+
         original_field_html = super(AdminVideoChooser, self).render_html(name, value, attrs)
 
         return render_to_string("wagtailvideos/widgets/video_chooser.html", {
             'widget': self,
             'original_field_html': original_field_html,
             'attrs': attrs,
-            'value': value,
+            'value': value_data,
             'video': instance,
         })