From ccbad5ac735bcde3119c041de6420b0a73af185c Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Thu, 22 Oct 2020 14:38:34 +0200
Subject: add option to upload poster image to video

---
 .../app/views/media/components/media.formVideo.js  | 48 ++++++++++------------
 1 file changed, 22 insertions(+), 26 deletions(-)

diff --git a/animism-align/frontend/app/views/media/components/media.formVideo.js b/animism-align/frontend/app/views/media/components/media.formVideo.js
index c6b1cf9..a586bb8 100644
--- a/animism-align/frontend/app/views/media/components/media.formVideo.js
+++ b/animism-align/frontend/app/views/media/components/media.formVideo.js
@@ -16,6 +16,7 @@ export default class MediaVideoForm extends Component {
     this.handleSelect = this.handleSelect.bind(this)
     this.handleChange = this.handleChange.bind(this)
     this.handleSettingsChange = this.handleSettingsChange.bind(this)
+    this.handleUpload = this.handleUpload.bind(this)
   }
 
   handleChange(e) {
@@ -52,6 +53,19 @@ export default class MediaVideoForm extends Component {
     this.props.onSettingsChange(name, value)
   }
 
+  handleUpload(file) {
+    console.log('uploading poster image')
+    const uploadData = {
+      image: file,
+      tag: "poster",
+      username: 'animism',
+    }
+    // uploadData['__image_filename'] = file.filename
+    return actions.upload.upload(uploadData).then(data => {
+      this.handleSettingsChange("poster", data.res)
+    })
+  }
+
   render() {
     const { data } = this.props
     return (
@@ -71,38 +85,20 @@ export default class MediaVideoForm extends Component {
               <VimeoPlayer video={data.url} />
             </LabelDescription>
 
-            {data.settings.video && data.settings.video.thumbnail &&
+            {data.settings.video &&
               <LabelDescription className='thumbnail'>
-                <img src={data.settings.video.thumbnail} />
+                {data.settings.poster &&
+                  <img src={data.settings.poster ? data.settings.poster.url : data.settings.video.thumbnail} />
+                }
               </LabelDescription>
             }
 
-            <TextInput
-              title="Start time"
-              name="video_start_time"
-              data={data.settings}
-              placeholder="0:00"
-              onChange={this.handleSettingsChange}
-              autoComplete="off"
+            <FileInputField
+              title="Poster image"
+              mime="*/*"
+              onChange={this.handleUpload}
             />
 
-            <TextInput
-              title="End time"
-              name="video_end_time"
-              data={data.settings}
-              placeholder="0:00"
-              onChange={this.handleSettingsChange}
-              autoComplete="off"
-            />
-
-            <TextInput
-              title="Original duration"
-              name="original_duration"
-              data={data.settings}
-              placeholder="0:00"
-              onChange={this.handleSettingsChange}
-              autoComplete="off"
-            />
           </div>
         }
       </div>
-- 
cgit v1.2.3-70-g09d2