creato globaleass

src/TopBar.js

@@ -58,8 +58,10 @@ class TopBar extends Component {
 								</NavDropdown.Item>
 							</NavDropdown> }
 							{ <NavDropdown title="Popolarità globale" id="basic-nav-dropdown" >
-							<NavDropdown.Item href="#action/3.1">
+							<NavDropdown.Item>
+								<Link to={{	pathname: `/video/${localStorage['lastId']}/popGlobalAssoluta`}} /*className="text-light nav-link"*/>
 									Assoluta
+								</Link>
 								</NavDropdown.Item>
 								<NavDropdown.Item href="#action/3.2">
 									Relativa

src/areainfo/Suggestion.js

@@ -5,6 +5,7 @@ import Random from '../reccomenders/Random';
 import Related from '../reccomenders/Related';
 import Search from '../reccomenders/Search';
 import fvitali from '../reccomenders/fvitali';
+import popGlobaleAssoluta from '../reccomenders/popGlobaleAssoluta';
 
 // and so on..
 
@@ -38,6 +39,7 @@ class Suggestion extends Component {
         <Route path='/video/:id/vitali' component={fvitali} />
         <Route path='/search/:query' component={Search} />
         <Route path='/video/:id/random' component={Random} />
+        <Route path='/video/:id/popGlobalAssoluta' component={popGlobaleAssoluta} />
         {/* lasciare questo per ultimo */}
           <Route component={Related} /> 
         </Switch>

src/reccomenders/popGlobaleAssoluta.js

@@ -0,0 +1,127 @@
+import React from 'react';
+import { Col, ListGroup, Card, CardDeck } from 'react-bootstrap'; // eslint-disable-line no-unused-vars
+import axios from 'axios'; // eslint-disable-line no-unused-vars
+import { Link } from 'react-router-dom'; // eslint-disable-line no-unused-vars
+import moment from "moment";
+
+class popGlobaleAssoluta extends React.Component {
+    state = {
+        error: null,
+        isLoaded: false,
+        items: [],
+        headers: null
+    };
+
+    ISO_8601parse(a) {
+        return moment(a, moment.ISO_8601).format('ddd, DD/MM/YYYY hh:mm:ss');
+    }
+
+    componentDidMount() {
+        // let listSiti = ['1828', '1829', '1838', '1839', '1846', '1822', '1847', '1831', '1827', '1848', '1824', '1830', '1836', '1850', '1849', '1851', '1861', '1823', '1863', '1834', '1904', '1906', '1901', '1862', '1859'];
+        let listSiti = ['1828', '1838', '1839', '1846', '1847', '1831', '1827', '1848',, '1849', '1851', '1823', '1863', '1834', '1904', '1901', '1862', '1859'];
+        axios.all(listSiti.map(sito => {
+            axios.get(`http://site${sito}.tw.cs.unibo.it/globpop`, {
+                'params': {
+                    'id': this.props.match.params.id
+                }
+            })
+        })).then( res=>{console.log(res.data)}
+         
+
+            )
+    }
+
+    // METODI
+    getThumbnailsNames(reccomended) {
+        let idToLookFor = reccomended.map(item => item.videoID);
+        axios.get('https://www.googleapis.com/youtube/v3/videos', {
+            params: {
+                part: 'snippet',
+                id: idToLookFor.toString(),
+                key: 'AIzaSyA21Odw9UdfiOJnxvA_eDfOW0OxuUfHKig',
+                fields: 'items(id,snippet/thumbnails/medium,snippet/title)'
+            }
+        })
+
+            .then(
+                res1 => {
+                    res1.data.items.map(resCurrentValue => {
+                        Object.defineProperties(
+                            reccomended.find(videoItem => {
+                                return videoItem.videoID === resCurrentValue.id;
+                            }),
+                            {
+                                'thumbnail':
+                                    { value: resCurrentValue.snippet.thumbnails.medium.url },
+                                'name':
+                                    { value: resCurrentValue.snippet.title }
+                            });
+                    });
+                    this.setState({
+                        isLoaded: true,
+                        items: reccomended
+                    });
+                })
+    }
+
+
+
+	/*shuffleArray(videoarray) {
+		for (let i = videoarray.length - 1; i > 0; i--) {
+			const j = Math.floor(Math.random() * (i + 1));
+			[videoarray[i], videoarray[j]] = [videoarray[j], videoarray[i]]; // eslint-disable-line no-param-reassign
+		}
+		// Durstenfeld shuffle.
+		// https://en.wikipedia.org/wiki/Fisher%E2%80%93Yates_shuffle#The_modern_algorithm
+	}*/
+
+    render() {
+        const ISO_8601parse = this.ISO_8601parse;
+        const { error, isLoaded, items, headers } = this.state;
+        if (error) {
+            return (
+                <React.Fragment>
+                    Error: {error.message} -- Cannot get {error.config.url}
+                </React.Fragment>
+            );
+        } else if (!isLoaded) {
+            return (
+                <React.Fragment>
+                    <Col>
+                        <p className="text-center">Loading...</p>
+                    </Col>
+                </React.Fragment>
+            );
+        } else {
+            return (
+                <React.Fragment>
+                    {items.map(item => (<Col md="4">
+                        <Card>
+                            <Link
+                                to={{
+                                    pathname: '/video/' + item.videoID,
+                                }}
+                            >
+                                <Card.Img
+                                    src={item.thumbnail}
+                                    alt={'Thumbnail of ' + item.name}
+                                />
+                                <Card.ImgOverlay>
+                                    <Card.Title className="bg-dark d-inline text-white">
+                                        {item.name}<br />
+                                        {item.lastSelected}
+                                    </Card.Title>
+                                </Card.ImgOverlay>
+                            </Link>
+                        </Card>
+                    </Col>))}
+
+                </React.Fragment>
+            );
+        }
+    }
+}
+
+
+
+export default popGlobaleAssoluta;