tensocialtest

by benjamine

HTML

<html>
    <body>
        <h1>Tenaris Social<h1>
    <ul id="items"></ul>
    
    </body>
</html>

CSS

ul > li {
    margin: 2px;
    font-size: xx-small;
}

.tweeter{
    border: 2px solid #55ffff;
}

.youtube{
    border: 2px solid red;
}

.facebook{
    border: 2px solid blue;
}

.date{
    color: green;
    padding-right: 4px;
}

JavaScript

var items = [];

var readyCount = 0;

var formatDate = function(d){
    return d.getDay()+'/'+(d.getMonth()+1)+'/'+(d.getYear()-100+2000);
};

var users = {
    twitter: 'tenaris',
    facebook: 'TenarisEvents',
    youtube: 'tenaris'
};

var sources = {
    'twitter': {
        url: 'https://api.twitter.com/1/statuses/user_timeline.json?screen_name='+users.twitter,
        parse: function(data){
            data.forEach(function(tweet){
               tweet.type = 'tweeter';
               tweet.date = new Date(tweet.created_at);
               tweet.title = tweet.text;
               tweet.link = 'https://twitter.com/tenaris/status/'+tweet.id_str;
            });
            return data;
        }
    },
    'facebook': {
        url: 'https://graph.facebook.com/'+users.facebook+'/feed?access_token=AAAAAAITEghMBANJfm3SNwPj5XFcDtEwjdxO5tmQZCyi6TREl5Dd71CNS8J0cJ96N4BNKnUkO1QvZCXZCthMZC1uDHDHFXy3N59PG6giJyEIvo9KL9ZAw2',
        parse: function(data){
            data = data.data;
            data.forEach(function(status){
               status.type = 'facebook';
               status.date = new Date(status.created_time);
               status.title = status.message;
            });
            return data;
        }
    },
     'youtube': {
        url: 'http://gdata.youtube.com/feeds/api/users/'+users.youtube+'/uploads?&v=2&max-results=10&alt=jsonc',
        parse: function(data){
            data = data.data.items;
            data.forEach(function(video){
               video.type = 'youtube';
               video.date = new Date(video.uploaded);
               video.title = video.title;
                video.link = video.player.default;
            });
            return data;
        }
    }

    
}

var sourceReady = function(){
        
   var list = $('#items').empty();
    
    if (!items.sort){
        items.sort = function(compare){
            for (var i = 0; i< this.length-1; i++){
            for (var j = i+1; j< this.length; j++){
                if...