PasswordGeneratorExtension/js/options.js

// Loading input fields states
chrome.storage.sync.get(
	{
		// Set of settings keys we retrieve and their default values
		// Generator settings
		length: 16,
		includeSymbols: true,
		includeNumbers: true,
		includeLowercase: true,
		includeUppercase: true,
		excludeSimilar: true,
		excludeSpecial: true,
		dontRepeatChars: false,

		// Extension settings
		showButton: true,
		showContext: true,
		hideAlert: false,
		promptForLength: false
	},
	(settings) =>
	{
		if (window.matchMedia("(prefers-color-scheme: dark)").matches)	// Doesn't work on Fiefox
			document.querySelector("#darkStylesheet").removeAttribute("disabled");

		document.querySelector("#length").value = settings.length;	// Setting length value

		// Setting checkboxes
		[
			"includeSymbols",
			"includeNumbers",
			"includeLowercase",
			"includeUppercase",
			"excludeSimilar",
			"excludeSpecial",
			"dontRepeatChars",

			"showButton",
			"showContext",
			"hideAlert",
			"promptForLength"
		].forEach(i => document.querySelector("#" + i).checked = settings[i]);

		SetupEventHandlers();
		document.querySelector("#version").textContent = "v" + chrome.runtime.getManifest()["version"];						// Updating display version
		document.querySelectorAll("*[loc]").forEach(i => i.textContent = chrome.i18n.getMessage(i.getAttribute("loc")));	// Updating localization
	});

function SetupEventHandlers()
{
	document.querySelectorAll("input").forEach(i =>
		i.addEventListener(
			"input",
			() => chrome.storage.sync.set(JSON.parse("{ \"" + i.id + "\": " + (i.type == "checkbox" ? i.checked : i.value) + " }"))
		)
	);

	document.querySelector("#generate").addEventListener("click", () => GeneratePassword(null, true));
	document.querySelector("#more").addEventListener("click", (s) =>
	{
		let group = document.querySelector("#about");
		if (group.hasAttribute("hidden"))
		{
			group.removeAttribute("hidden");
			s.currentTarget.querySelector("i").textContent = "\uE010";
		}
		else
		{
			group.setAttribute("hidden", "");
			s.currentTarget.querySelector("i").textContent = "\uE011";
		}
	});
}