X-Git-Url: https://git.wh0rd.org/?p=chrome-ext%2Fweb-power-switch.git;a=blobdiff_plain;f=options.js;h=e1c9702e1ac7b932672cf5b2a5dccf1a7ce1f0ed;hp=3464826d014e1819c1004ce991a3bed3f350fd26;hb=HEAD;hpb=a98f3ef6a42ca6883b68136d1e87246627f30a9e

diff --git a/options.js b/options.js
index 3464826..4df24aa 100644
--- a/options.js
+++ b/options.js
@@ -1,17 +1,96 @@
-// Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain.  Suck it.
+// Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain.
 
 function update_settings() {
-	var setting = {};
-	setting[this.id] = this.value;
-	storage.set(setting);
+	var url = document.getElementById('url').value + '/*';
+	var msg = document.getElementById('msg');
+
+	console.log('requesting access to', url);
+	chrome.permissions.request({
+		origins: [url]
+	}, function(granted) {
+		if (granted) {
+			msg.innerText = 'Saved!';
+
+			// Sync all of the settings to storage first.
+			var settings = {}
+			settings_keys.forEach(function(key) {
+				var field = document.getElementById(key);
+				settings[field.id] = field.value;
+			});
+			storage.set(settings);
+
+			// Then revoke existing perms that the user gave us.
+			chrome.permissions.getAll(function(perms) {
+				perms.origins.forEach(function(key) {
+					if (key == url)
+						return;
+
+					console.log('revoking access to', key);
+					chrome.permissions.remove({
+						origins: [key],
+					});
+				});
+			});
+		} else {
+			msg.innerText = 'You must grant permission in order to save!';
+		}
+	});
+
+	msg.timeout = setTimeout(function() {
+		// Can't leave this blank or Chrome will resize the options page.
+		msg.innerHTML = '&nbsp;';
+	}, 5000);
+}
+
+function keydown(e) {
+	if (e.key == 'Enter') {
+		update_settings();
+	}
+}
+
+function toggle_visible_pass() {
+	const ele = document.getElementById('pass');
+	ele.type = (ele.type == 'password') ? 'text' : 'password';
+	// Disable form submission.
+	return false;
+}
+
+function theme_select(theme, init) {
+	const theme_system = $('#theme-system');
+	const theme_light = $('#theme-light');
+	const theme_dark = $('#theme-dark');
+
+	theme_system.className = theme == 'system' ? 'selected' : '';
+	theme_light.className = theme == 'light' ? 'selected' : '';
+	theme_dark.className = theme == 'dark' ? 'selected' : '';
+
+	if (init) {
+		theme_system.onclick = theme_click;
+		theme_light.onclick = theme_click;
+		theme_dark.onclick = theme_click;
+	}
+}
+
+function theme_click() {
+	const theme = this.textContent.toLowerCase();
+	theme_select(theme);
+	storage.set({theme});
 }
 
 window.onload = function() {
-	storage.get(settings_keys, function(settings) {
+	storage.get(settings_keys, function(settings_storage) {
+		const settings = Object.assign({}, settings_defaults, settings_storage);
+
+		theme_select(settings['theme'], true);
+
+		var field = document.getElementById('save');
+		field.onclick = update_settings;
+
 		settings_keys.forEach(function(key) {
 			var field = document.getElementById(key);
-			field.value = settings[key] || settings_defaults[key];
-			field.oninput = update_settings;
+			field.value = settings[key];
+			field.onkeydown = keydown;
 		});
 	});
+	document.getElementById('show-pass').onclick = toggle_visible_pass;
 };