decluttr/ops.js at master · cesarvh/decluttr · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
var buttons = {
	"tumblr"    : false,
	"facebook"  : false,
	"twitter"   : false,
	"instagram" : false,
	"reddit"    : false,
	"youtube"   : false,
	"vine"      : false
};


window.onload = function() {
	// var initial = {
	// 	"tumblr"    : false,
	// 	"facebook"  : false,
	// 	"twitter"   : false,
	// 	"instagram" : false,
	// 	"reddit"    : false,
	// 	"youtube"   : false,
	// 	"vine"      : false
	// };
	// console.log()
	storeUserPrefs(buttons);
	loadUserPrefs();
//	console.log(loadUserPrefs());
}


document.addEventListener('DOMContentLoaded', function () {
    var buttons = document.querySelectorAll('button');
	for (var i = 0; i < buttons.length; i++) {
    buttons[i].addEventListener('click', toggle);
  }


});

//var obj = { varName : varValue };
//var obj = {};
//obj[varName] = varValue;


function toggle(e) {
//	loadUserPrefs();
	var buttonId = e.target.id;
	 // console.log(buttonId);
	var currElem = document.getElementById(buttonId);

	if (buttons[buttonId] == false) {
		buttons[buttonId] = true;
		currElem.style.background = "green";
		storeUserPrefs(buttons);
	} else {
		buttons[buttonId] = false;
		currElem.style.background = "red";
		storeUserPrefs(buttons);
	}
}

function storeUserPrefs(prefs) {
	// console.log("hellooo");
    var key = 'key';
	chrome.storage.sync.set({key: prefs}, function() {

	});
}

function loadUserPrefs() {
	chrome.storage.sync.get("key", function(obj) {
		alert("loaded: ", obj)
		buttons = obj.key;

		var vuttons = document.querySelectorAll('button');
		for (var i = 0; i < vuttons.length; i++) {
			var currButton = vuttons[i].getAttribute("id");
			if (buttons[currButton] == true) {
				document.getElementById(currButton).style.background = "green";
			} else {
				document.getElementById(currButton).style.background = "red";

			}
		}
//		return obj;

	});
//	return obj;

};