Merge branch 'localvideodb'

src/VideoList.js

@@ -36,7 +36,7 @@ class VideoList extends React.Component {
 		);
 	}
 
-// METODI
+	// METODI
 	getThumbnails(videoItems) {
 		let idToLookFor = videoItems.map(item => item.videoID);
 		let finalChunk = (videoItems.length % 50) + 100;
@@ -125,29 +125,36 @@ class VideoList extends React.Component {
 					{items.map(item => (
 						<Col key={item.videoID} lg={{ span: 3 }} md="6">
 							<Card className="my-1 carta">
-								<Link to={{
-									 pathname: '/video/' + item.videoID, 
-									 state: {
-										 artist: item.artist,
-										 title: item.title +' '+ item.artist
+								<Link
+									to={{
+										pathname: '/video/' + item.videoID,
+										state: {
+											artist: item.artist,
+											title: item.title
 										}
-									 }}>
+									}}
+								>
 									{/* {item.artist} - {item.title}		{item.videoID}					{item.category} */}
-									<Card.Img src={item.thumbnail} alt={'Thumbnail of '+item.title } />
+									<Card.Img
+										src={item.thumbnail}
+										alt={'Thumbnail of ' + item.title}
+									/>
 									<Card.ImgOverlay>
 										<Card.Title className="bg-dark d-inline text-white">
 											{item.artist} - {item.title}
 										</Card.Title>
-										<p className='d-table d-lg-none card-text bg-dark text-white'>{item.category}</p>
+										<p className="d-table d-lg-none card-text bg-dark text-white">
+											{item.category}
+										</p>
 									</Card.ImgOverlay>
 								</Link>
 							</Card>
 						</Col>
-					))} 
+					))}
 				</React.Fragment>
 			);
 		}
 	}
 }
 
-export default VideoList;
+export default VideoList;

src/VideoPlayer.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react'; // eslint-disable-line no-unused-vars
 import YouTube from 'react-youtube'; // eslint-disable-line no-unused-vars
+import axios from 'axios';
 /* eslint no-console: ["error", { allow: ["info", "error", "warn"] }] */
 
 class VideoPlayer extends Component {
@@ -63,16 +64,15 @@ class VideoPlayer extends Component {
 			</React.Fragment>
 		);
 	}
-
+	
+	// access to player in all event handlers via event.target
 	_onError(event) {
-		console.error('on error', event);
+		console.error('Error: ', event);
 	}
 
 	_onPlay(event) {}
 
-	_onReady(event) {
-		// access to player in all event handlers via event.target
-	}
+	_onReady(event) {}
 
 	_onStateChange(event) {
 		let timerId1, timerId2;
@@ -91,8 +91,7 @@ class VideoPlayer extends Component {
 								break;
 						}
 					}, 500);
-					this.setState({outsideReject2: reject });
-					
+					this.setState({ outsideReject2: reject });
 				})
 			});
 			this.state.promise2.then(msg => {
@@ -110,9 +109,16 @@ class VideoPlayer extends Component {
 						});
 						this.state.promise1
 							.then(
-								risultato => {
-									console.info(risultato);
+								videoIdWatched => {
 									// post request to local db
+									axios
+										.post('http://localhost:8000/videotrack', {
+											id: videoIdWatched.toString()
+										})
+										.then(
+											response => console.info(response.data),
+											error => console.info(error)
+										);
 									// local storage logic for recent reccomender
 									clearInterval(timerId1);
 								},