JSFiddle - React, Tailwind, and code Playground

by yeuem1vannam

HTML

<script src="https://www.gstatic.com/firebasejs/live/3.0/firebase.js"></script>

JavaScript

var FireData;
FireData = (function(){
	function FireData(league, fixtures){
  	this.league = league;
    this.fixtures = fixtures;
    var db = firebase.initializeApp(_config);
    if (!firebase.auth().currentUser) {
    	var provider = new firebase.auth.GoogleAuthProvider();
      firebase.auth().signInWithPopup(provider).then(function(result) {
      	console.log('Logged in with: ', result);
      }).catch(function(error) { console.log(error) });
    }
    this.db = firebase.initializeApp(_config).database();
  }
  FireData.prototype.pushToFire = function(){
  	$.each(this.fixtures, function(index, fixture){
    	// firebase.ref
    });
  }
  var _config = {
    apiKey: "AIzaSyDh2IFurbkKbbsDnetRkVYsd5ZqeA6rpMM",
    authDomain: "tsacpos.firebaseapp.com",
    databaseURL: "https://tsacpos.firebaseio.com",
    storageBucket: "tsacpos.appspot.com",
  };
  return FireData;
})();
var doc = 'https://spreadsheets.google.com/feeds/list/1xziDG8A7AKVvuGqSy8H2Ls61KXE5ei_rki5suvntakw/3/public/values?alt=json';
var fixtures = []
$.getJSON(doc, function(data){
console.log(data.feed.entry[0]);
  fixtures = data.feed.entry.map(function(item, index){
  	var teams = item['gsx$match']['$t'].split(/\sv\s/);
    var time = new Date(item['gsx$date']['$t'] + ' ' + item['gsx$time']['$t'] + ' GMT+0000');
  	return {
    	stadium: item['gsx$stadium']['$t'],
    	home: teams[0],
      away: teams[1],
    	at: Date.parse(time),
      time: time.toGMTString()
    };
  })
})
console.log(fixtures);
var dd = new FireData(fixtures, 'epl');