diff options
| -rw-r--r-- | animism-align/frontend/app/views/media/components/media.formVideo.js | 48 |
1 files 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> |