fix dark theme

[chrome-ext/web-power-switch.git] / options.js

// Written by Mike Frysinger <vapier@gmail.com>.  Released into the public domain.

function update_settings() {
	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) {
		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];
			field.onkeydown = keydown;
		});
	});
	document.getElementById('show-pass').onclick = toggle_visible_pass;
};