55 lines
1.4 KiB
JavaScript
55 lines
1.4 KiB
JavaScript
|
import React from "react";
|
||
|
|
import "./css/Preview.css"
|
||
|
|
|
||
|
|
class Preview extends React.Component {
|
||
|
|
constructor(props, context) {
|
||
|
|
super(props, context);
|
||
|
|
this.props = props;
|
||
|
|
|
||
|
|
this.state = {
|
||
|
|
previewpicture: null,
|
||
|
|
name: null,
|
||
|
|
url: null
|
||
|
|
};
|
||
|
|
}
|
||
|
|
|
||
|
|
componentWillUnmount() {
|
||
|
|
this.setState({});
|
||
|
|
}
|
||
|
|
|
||
|
|
componentDidMount() {
|
||
|
|
this.setState({
|
||
|
|
previewpicture: null,
|
||
|
|
name: this.props.name,
|
||
|
|
url: this.props.url
|
||
|
|
})
|
||
|
|
|
||
|
|
const updateRequest = new FormData();
|
||
|
|
updateRequest.append('action', 'readThumbnail');
|
||
|
|
updateRequest.append('movieid', this.props.movie_id);
|
||
|
|
|
||
|
|
fetch('/php/videoload.php', {method: 'POST', body: updateRequest})
|
||
|
|
.then((response) => response.text())
|
||
|
|
.then((result) => {
|
||
|
|
this.setState(prevState => ({
|
||
|
|
...prevState.previewpicture, previewpicture: result
|
||
|
|
}));
|
||
|
|
});
|
||
|
|
}
|
||
|
|
|
||
|
|
render() {
|
||
|
|
return (
|
||
|
|
<div className='videopreview'>
|
||
|
|
<div className='previewtitle'>{this.state.name}</div>
|
||
|
|
<div className='previewpic'>
|
||
|
|
<img className='previewimage'
|
||
|
|
src={this.state.previewpicture}
|
||
|
|
alt='no thumbnail found'/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Preview;
|