dynamic options, now store options as object rather than individually, waitlist scraping base

js/options.js

@@ -1,64 +1,37 @@
 var manifestData = chrome.runtime.getManifest();
 $("#version").text(manifestData.version);
-chrome.storage.sync.get('courseConflictHighlight', function (data) {
-	if (data.courseConflictHighlight) {
-		off('courseConflictHighlight');
-	} else {
-		on('courseConflictHighlight');
-	}
-});
-chrome.storage.sync.get('loadAll', function (data) {
-	if (data.loadAll) {
-		off('loadAll');
-	} else {
-		on('loadAll');
-	}
-});
 
-$("#togglecourseConflictHighlight").click(function () {
-	var action = $("#togglecourseConflictHighlight").text();
-	if (action == "Turn Off") {
-		chrome.storage.sync.set({
-			courseConflictHighlight: false
-		}, function () {
-			on('courseConflictHighlight');
-		});
-	} else {
-		chrome.storage.sync.set({
-			courseConflictHighlight: true
-		}, function () {
-			off('courseConflictHighlight');
-		});
-	}
-	updateAllTabsCourseList();
-});
-
-
-$("#toggleloadAll").click(function () {
-	var action = $("#toggleloadAll").text();
-	if (action == "Turn Off") {
-		chrome.storage.sync.set({
-			loadAll: false
-		}, function () {
-			on('loadAll');
-		});
-	} else {
-		chrome.storage.sync.set({
-			loadAll: true
-		}, function () {
-			off('loadAll');
+chrome.storage.sync.get('options', function(data){
+	if(data.options){
+		console.log(data.options);
+		Object.keys(data.options).forEach(key => {
+			let enabled = data.options[key];
+			$('#options_container').append(Template.Options.options_row(key, enabled));
 		});
 	}
 });
 
+$("body").on("click","button",function(){
+	let key = $(this).attr('id');
+	let old_status = $(this).val() === 'true';
+	let new_status = !old_status;
+	chrome.runtime.sendMessage({
+		command: "setOptionsValue",
+		key: key,
+		value: new_status
+	}, function (response) {
+		console.log(response.value);
+		toggle(key, response.value)
+		updateAllTabsCourseList();
+	});
+});
 
 
-function on(setting) {
-	$("#toggle" + setting).text("Turn On");
-	$("#toggle" + setting).css("background", "#4CAF50");
+
+function toggle(key, value) {
+	let button_text = value ? "Turn Off": "Turn On";
+	let button_color = value ? Colors.closed : Colors.open ;
+	$(`#${key}`).text(button_text);
+	$(`#${key}`).css("background", button_color);
+	$(`#${key}`).val(value);
 }
-
-function off(setting) {
-	$("#toggle" + setting).text("Turn Off");
-	$("#toggle" + setting).css("background", "#F44336");
-}