JSFiddle - React, Tailwind, and code Playground

by marcelow

JavaScript

var Mundial2014 = function(){
    
};
Mundial2014.prototype = {
    dates : {},
    teams : {},
    games : null,
    groups : null,
    stadiums: null,
    storeData : function(data) {
        this.groups = data.groups;
        this.games = data.games;
        this.stadiums = data.stadiums;
        for(var dateStr,i=0,l=data.games.length;i<l;i++) {
            dateStr = data.games[i].date.slice(0,10);
            this.dates[dateStr]=dateStr;

        }
        var gamesFiltered = data.games.filter(function(game){return game.groupName!="שלבי הגמר"});
        for(var teamId,i=0,l=gamesFiltered.length;i<l;i++) {
            teamId = gamesFiltered[i].awayTeamId;
            this.teams[teamId] = this.teams[teamId] || {
                id: gamesFiltered[i].awayTeamId,
                name: gamesFiltered[i].awayTeamName,
                image: gamesFiltered[i].awayTeamMedia,
            };
        }
  
    },
    getData: function() {
        var that = this;
        $.ajax({            
            dataType: "json",
            callback: "mundial2014cb",
            url: "http://ws.walla.co.il/mundial2014/?type=jsonp&callback=?",
            success: function(resp){
                that.storeData(resp);
                console.log(that, that.teams, that.dates);
            }
        });
    }
};

var mundial = new Mundial2014();
mundial.getData();