diff options
Diffstat (limited to 'animism-align/frontend/app/views/media/components/media.formVideo.js')
| -rw-r--r-- | animism-align/frontend/app/views/media/components/media.formVideo.js | 15 |
1 files changed, 9 insertions, 6 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 a586bb8..493a10c 100644 --- a/animism-align/frontend/app/views/media/components/media.formVideo.js +++ b/animism-align/frontend/app/views/media/components/media.formVideo.js @@ -2,8 +2,10 @@ import React, { Component } from 'react' import { Link } from 'react-router-dom' import VimeoPlayer from '@u-wave/react-vimeo' +import actions from 'app/actions' import { capitalize } from 'app/utils' -import { TextInput, LabelDescription, Select, TextArea, Checkbox, SubmitButton, Loader } from 'app/common' +import { posterURL } from 'app/utils/annotation.utils' +import { TextInput, LabelDescription, Select, TextArea, Checkbox, SubmitButton, Loader, FileInputField } from 'app/common' import { getVimeoMetadata } from 'app/views/media/media.actions' @@ -62,12 +64,13 @@ export default class MediaVideoForm extends Component { } // uploadData['__image_filename'] = file.filename return actions.upload.upload(uploadData).then(data => { - this.handleSettingsChange("poster", data.res) + this.handleSettingsSelect("poster", data.res) }) } render() { const { data } = this.props + const poster_url = posterURL(data) return ( <div className='videoForm'> <TextInput @@ -85,11 +88,11 @@ export default class MediaVideoForm extends Component { <VimeoPlayer video={data.url} /> </LabelDescription> - {data.settings.video && + {poster_url && <LabelDescription className='thumbnail'> - {data.settings.poster && - <img src={data.settings.poster ? data.settings.poster.url : data.settings.video.thumbnail} /> - } + <a href={poster_url} target="_blank"> + <img src={poster_url} /> + </a> </LabelDescription> } |
