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 | 118 |
1 files changed, 0 insertions, 118 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 deleted file mode 100644 index 35cee2d..0000000 --- a/animism-align/frontend/app/views/media/components/media.formVideo.js +++ /dev/null @@ -1,118 +0,0 @@ -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 { 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' - -export default class MediaVideoForm extends Component { - state = { - } - - constructor(props) { - super(props) - 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) { - let { name, value } = e.target - return this.handleSelect(name, value) - } - - handleSelect(name, value) { - value = value.trim() - if (name === 'url') { - getVimeoMetadata(value) - .then(data => { - console.log('video metadata', data) - this.props.onChange(name, value) - setTimeout(() => { - this.props.onSettingsChange('video', { - thumbnail_url: data.thumbnail_url, - duration: data.duration, - video_id: data.video_id, - }) - }, 20) - }) - } else { - this.props.onChange(name, value) - } - } - - handleSettingsChange(e) { - let { name, value } = e.target - this.props.onSettingsChange(name, value) - } - - handleSettingsSelect(name, value) { - 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.handleSettingsSelect("poster", data.res) - }) - } - - render() { - const { data } = this.props - const poster_url = posterURL(data) - return ( - <div className='videoForm'> - <TextInput - title="Video URL" - name="url" - required - data={data} - onChange={this.handleChange} - autoComplete="off" - /> - - {data.url && ( - <div> - <LabelDescription className='video'> - <VimeoPlayer video={data.url} /> - </LabelDescription> - - {poster_url && - <LabelDescription className='thumbnail'> - <a href={poster_url} target="_blank"> - <img src={poster_url} /> - </a> - </LabelDescription> - } - - <FileInputField - title="Poster image" - mime="*/*" - onChange={this.handleUpload} - /> - - <TextArea - title="Subtitles" - name="subtitles" - required - data={data.settings} - onChange={this.handleSettingsChange} - autoComplete="off" - /> - </div> - )} - </div> - ) - } -} |
