summaryrefslogtreecommitdiff
path: root/animism-align/frontend/app/views/media/components/media.formVideo.js
diff options
context:
space:
mode:
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.js15
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>
}