Only load from ajax if not stored

.gitignore

@@ -1,4 +1,5 @@
 .DS_Store
 *.min.js
+*.zip
 node_modules
 build

src/badge.js

@@ -1,12 +1,15 @@
-function updateBadge(data) {
-	var matchObj = JSON.parse(data.target.responseText);
-	var str_num = matchObj.matches.length + '';
-	chrome.browserAction.setBadgeText({text:str_num});
+function saveData(data) {
+	var matchObj = JSON.parse(data.target.responseText),
+		countStr = matchObj.matches.length + '';
+	chrome.browserAction.setBadgeText({text: countStr});
+
+	matchObj.valid = true;
+	chrome.storage.local.set({'dota2matches': matchObj});
 }
-function getMatchCount() {
+function getMatchData() {
 	var req = new XMLHttpRequest();
 	req.open("GET", 'http://eyeur.com/dota2/get_json.php', true);
-	req.onload = updateBadge.bind(this);
+	req.onload = saveData.bind(this);
 	req.send(null);
 }
 
@@ -22,7 +25,7 @@ function addAlarm() {
 }
 chrome.alarms.onAlarm.addListener(function(alarm) {
 	if (alarm.name == "dota2betalert") {
-		getMatchCount();
+		getMatchData();
 	}
 });
 chrome.runtime.onStartup.addListener(function() {

src/popup.js

@@ -3,16 +3,34 @@ var d2betalert = {
 	reqUrl: 'http://eyeur.com/dota2/get_json.php',
 
 	getData: function() {
+		chrome.storage.local.get('dota2matches', function(matchObj){
+			if (matchObj.valid) {
+
+			}
+			else {
+				this.getDataViaAjax();
+			}
+		});
+	},
+
+	getDataViaAjax: function() {
 		var req = new XMLHttpRequest();
 		req.open("GET", this.reqUrl, true);
-		req.onload = this.listMatches.bind(this);
+		req.onload = this.renderMatches.bind(this);
 		req.send(null);
 	},
 
-	listMatches: function(data) {
-		var matchObj = JSON.parse(data.target.responseText);
-		if ( matchObj.matches && matchObj.matches.length > 0 ) {
-			for ( var i = 0; i < matchObj.matches.length; i++ ) {
+	renderMatches: function(data) {
+		var matchObj;
+		if (data.valid) {
+			matchObj = data;
+		}
+		else {
+			matchObj = JSON.parse(data.target.responseText);
+		}
+
+		if (matchObj.matches && matchObj.matches.length > 0) {
+			for (var i = 0; i < matchObj.matches.length; i++) {
 				var p = document.createElement('p');
 				p.id = matchObj.matches[i].id + '';
 				p.innerHTML = '<span class="t1">'+matchObj.matches[i].team1+'</span><span class="vs">vs</span><span class="t2">'+matchObj.matches[i].team2+'</span>';