options.js

/* This Source Code Form is subject to the terms of the Mozilla Public
 * License, v. 2.0. If a copy of the MPL was not distributed with this
 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */

const DEFAULT_OPTIONS_FILE = "LeechBlockOptions.txt";

function log(message) { console.log("[LBNG] " + message); }
function warn(message) { console.warn("[LBNG] " + message); }

var gAccessConfirmed = false;
var gAccessRequiredInput;

// Save options to local storage
//
function saveOptions() {
	//log("saveOptions");

	// Check format for text fields in block sets
	for (let set = 1; set <= NUM_SETS; set++) {
		// Get field values
		let times = document.querySelector(`#times${set}`).value;
		let limitMins = document.querySelector(`#limitMins${set}`).value;
		let delaySecs = document.querySelector(`#delaySecs${set}`).value;
		let blockURL = document.querySelector(`#blockURL${set}`).value;
		let parsedURL = getParsedURL(blockURL);

		// Check field values
		if (!checkTimePeriodsFormat(times)) {
			$("#tabs").tabs("option", "active", (set - 1));
			$("#alertBadTimes").dialog("open");
			return;
		}
		if (!checkPosIntFormat(limitMins)) {
			$("#tabs").tabs("option", "active", (set - 1));
			$("#alertBadTimeLimit").dialog("open");
			return;
		}
		if (!delaySecs || !checkPosIntFormat(delaySecs)) {
			$("#tabs").tabs("option", "active", (set - 1));
			$("#alertBadSeconds").dialog("open");
			return;
		}
		if (blockURL != DEFAULT_BLOCK_URL && blockURL != DELAYED_BLOCK_URL && !parsedURL.page) {
			$("#tabs").tabs("option", "active", (set - 1));
			$("#alertBadBlockURL").dialog("open");
			return;
		}
	}

	// Check format for text fields in general options
	let warnSecs = document.querySelector("#warnSecs").value;
	if (!checkPosIntFormat(warnSecs)) {
		$("#tabs").tabs("option", "active", NUM_SETS);
		$("#alertBadSeconds").dialog("open");
		return;
	}

	let options = {};

	for (let set = 1; set <= NUM_SETS; set++) {
		// Get component values
		let setName = document.querySelector(`#setName${set}`).value;
		let sites = document.querySelector(`#sites${set}`).value;
		sites = sites.replace(/\s+/g, " ").replace(/(^ +)|( +$)|(\w+:\/+)/g, "");
		sites = sites.split(" ").sort().join(" "); // sort alphabetically
		//let sitesURL = document.querySelector(`#sitesURL${set}`).value;
		let times = document.querySelector(`#times${set}`).value;
		let limitMins = document.querySelector(`#limitMins${set}`).value;
		let limitPeriod = document.querySelector(`#limitPeriod${set}`).value;
		let conjMode = document.querySelector(`#conjMode${set}`).selectedIndex == 1;
		let days = [];
		for (let i = 0; i < 7; i++) {
			days.push(document.querySelector(`#day${i}${set}`).checked);
		}
		let blockURL = document.querySelector(`#blockURL${set}`).value;
		let activeBlock = document.querySelector(`#activeBlock${set}`).checked;
		let countFocus = document.querySelector(`#countFocus${set}`).checked;
		let delayFirst = document.querySelector(`#delayFirst${set}`).checked;
		let delaySecs = document.querySelector(`#delaySecs${set}`).value;
		let prevOpts = document.querySelector(`#prevOpts${set}`).checked;
		let prevAddons = document.querySelector(`#prevAddons${set}`).checked;
		let prevConfig = document.querySelector(`#prevConfig${set}`).checked;

		// Get regular expressions to match sites
		let regexps = getRegExpSites(sites);

		// Set option values
		options[`setName${set}`] = setName;
		options[`sites${set}`] = sites;
		options[`times${set}`] = cleanTimePeriods(times);
		options[`limitMins${set}`] = limitMins;
		options[`limitPeriod${set}`] = limitPeriod;
		options[`conjMode${set}`] = conjMode;
		options[`days${set}`] = days;
		options[`blockURL${set}`] = blockURL;
		options[`activeBlock${set}`] = activeBlock;
		options[`countFocus${set}`] = countFocus;
		options[`delayFirst${set}`] = delayFirst;
		options[`delaySecs${set}`] = delaySecs;
		options[`prevOpts${set}`] = prevOpts;
		options[`prevAddons${set}`] = prevAddons;
		options[`prevConfig${set}`] = prevConfig;
		options[`blockRE${set}`] = regexps.block;
		options[`allowRE${set}`] = regexps.allow;
		options[`keywordRE${set}`] = regexps.keyword;
	}

	// General options
	options["oa"] = document.querySelector("#optionsAccess").value;
	options["password"] = document.querySelector("#accessPassword").value;
	options["hpp"] = document.querySelector("#hidePassword").checked;
	options["timerVisible"] = document.querySelector("#timerVisible").checked;
	options["timerSize"] = document.querySelector("#timerSize").value;
	options["timerLocation"] = document.querySelector("#timerLocation").value;
	options["warnSecs"] = document.querySelector("#warnSecs").value;

	browser.storage.local.set(options);

	// Notify extension that options have been updated
	browser.runtime.sendMessage({ type: "options" });

	$("#form").hide({ effect: "fade", complete: retrieveOptions });
}

// Save options and close tab
//
function saveOptionsClose() {
	saveOptions();
	closeOptions();
}

// Close options tab
//
function closeOptions() {
	// Request tab close
	browser.runtime.sendMessage({ type: "close" });
}

// Retrieve options from local storage
//
function retrieveOptions() {
	//log("retrieveOptions");

	browser.storage.local.get().then(onGot, onError);

	function onGot(options) {
		cleanOptions(options);
		cleanTimeData(options);

		// Get current time/date
		let timedate = new Date();

		// Get current time in seconds
		let now = Math.floor(Date.now() / 1000);

		// Check whether a lockdown is currently active
		for (let set = 1; set <= NUM_SETS; set++) {
			let timedata = options[`timedata${set}`];
			let lockdown = (timedata[4] > now);
			document.querySelector(`#cancelLockdown${set}`).disabled = !lockdown;
		}

		// Check whether access to options should be prevented
		for (let set = 1; set <= NUM_SETS; set++) {
			if (options[`prevOpts${set}`]) {
				// Get options
				let timedata = options[`timedata${set}`];
				let times = options[`times${set}`];
				let minPeriods = getMinPeriods(times);
				let limitMins = options[`limitMins${set}`];
				let limitPeriod = options[`limitPeriod${set}`];
				let periodStart = getTimePeriodStart(now, limitPeriod);
				let conjMode = options[`conjMode${set}`];
				let days = options[`days${set}`];

				// Check day
				let onSelectedDay = days[timedate.getDay()];

				// Check time periods
				let withinTimePeriods = false;
				if (onSelectedDay && times != "") {
					// Get number of minutes elapsed since midnight
					let mins = timedate.getHours() * 60 + timedate.getMinutes();

					// Check each time period in turn
					for (let mp of minPeriods) {
						if (mins >= mp.start && mins < mp.end) {
							withinTimePeriods = true;
						}
					}
				}

				// Check time limit
				let afterTimeLimit = false;
				if (onSelectedDay && limitMins != "" && limitPeriod != "") {
					// Check time period and time limit
					if (timedata[2] == periodStart && timedata[3] >= (limitMins * 60)) {
						afterTimeLimit = true;
					}
				}

				// Check lockdown condition
				let lockdown = (timedata[4] > now);

				// Disable options if specified block conditions are fulfilled
				if (lockdown
						|| (!conjMode && (withinTimePeriods || afterTimeLimit))
						|| (conjMode && (withinTimePeriods && afterTimeLimit))) {
					// Disable options for this set
					disableSetOptions(set);
				}
			}
		}

		for (let set = 1; set <= NUM_SETS; set++) {
			// Get option values
			let setName = options[`setName${set}`];
			let sites = options[`sites${set}`].replace(/\s+/g, "\n");
			let times = options[`times${set}`];
			let limitMins = options[`limitMins${set}`];
			let limitPeriod = options[`limitPeriod${set}`];
			let conjMode = options[`conjMode${set}`];
			let days = options[`days${set}`];
			let blockURL = options[`blockURL${set}`];
			let activeBlock = options[`activeBlock${set}`];
			let countFocus = options[`countFocus${set}`];
			let delayFirst = options[`delayFirst${set}`];
			let delaySecs = options[`delaySecs${set}`];
			let prevOpts = options[`prevOpts${set}`];
			let prevAddons = options[`prevAddons${set}`];
			let prevConfig = options[`prevConfig${set}`];
			
			// Apply custom set name to tab (if specified)
			if (setName) {
				document.querySelector(`#blockSetName${set}`).innerText = setName;
			} else {
				document.querySelector(`#blockSetName${set}`).innerText = `Block Set ${set}`;
			}

			// Set component values
			document.querySelector(`#setName${set}`).value = setName;
			document.querySelector(`#sites${set}`).value = sites;
			document.querySelector(`#times${set}`).value = times;
			document.querySelector(`#limitMins${set}`).value = limitMins;
			document.querySelector(`#limitPeriod${set}`).value = limitPeriod;
			document.querySelector(`#conjMode${set}`).selectedIndex = conjMode ? 1 : 0;
			for (let i = 0; i < 7; i++) {
				document.querySelector(`#day${i}${set}`).checked = days[i];
			}
			document.querySelector(`#blockURL${set}`).value = blockURL;
			document.querySelector(`#activeBlock${set}`).checked = activeBlock;
			document.querySelector(`#countFocus${set}`).checked = countFocus;
			document.querySelector(`#delayFirst${set}`).checked = delayFirst;
			document.querySelector(`#delaySecs${set}`).value = delaySecs;
			document.querySelector(`#prevOpts${set}`).checked = prevOpts;
			document.querySelector(`#prevAddons${set}`).checked = prevAddons;
			document.querySelector(`#prevConfig${set}`).checked = prevConfig;
		}

		// General options
		document.querySelector("#optionsAccess").value = options["oa"];
		document.querySelector("#accessPassword").value = options["password"];
		document.querySelector("#hidePassword").checked = options["hpp"];
		document.querySelector("#timerVisible").checked = options["timerVisible"];
		document.querySelector("#timerSize").value = options["timerSize"];
		document.querySelector("#timerLocation").value = options["timerLocation"];
		document.querySelector("#warnSecs").value = options["warnSecs"];

		confirmAccess(options);
	}

	function onError(error) {
		warn("Cannot get options: " + error);
	}
}

// Confirm access to options
//
function confirmAccess(options) {
	if (gAccessConfirmed) {
		// Access already confirmed
		$("#form").show({ effect: "fade" });
		return;
	}

	let oa = options["oa"];
	let password = options["password"];
	let hpp = options["hpp"];

	if (oa == 1 && password) {
		gAccessRequiredInput = password;
		if (hpp) {
			$("#promptPasswordInput").attr("type", "password");
		} else {
			$("#promptPasswordInput").attr("type", "text");
		}
		$("#promptPasswordInput").val("");
		$("#promptPassword").dialog("open");
		$("#promptPasswordInput").focus();
	} else if (oa > 1) {
		let code = createAccessCode(32);
		let codeText = code;
		gAccessRequiredInput = code;
		if (oa > 2) {
			code = createAccessCode(32);
			codeText += code;
			gAccessRequiredInput += code;
		}
		if (oa > 3) {
			code = createAccessCode(32);
			codeText += "<br>" + code;
			gAccessRequiredInput += code;
			code = createAccessCode(32);
			codeText += code;
			gAccessRequiredInput += code;
		}
		$("#promptAccessCodeText").html(codeText);
		$("#promptAccessCodeInput").val("");
		$("#promptAccessCode").dialog("open");
		$("#promptAccessCodeInput").focus();
	} else {
		gAccessConfirmed = true;
		$("#form").show({ effect: "fade" });
	}
}

// Export options
//
function exportOptions() {
	let options = {};

	for (let set = 1; set <= NUM_SETS; set++) {
		// Get component values
		let setName = document.querySelector(`#setName${set}`).value;
		let sites = document.querySelector(`#sites${set}`).value;
		sites = sites.replace(/\s+/g, " ").replace(/(^ +)|( +$)|(\w+:\/+)/g, "");
		let times = document.querySelector(`#times${set}`).value;
		let limitMins = document.querySelector(`#limitMins${set}`).value;
		let limitPeriod = document.querySelector(`#limitPeriod${set}`).value;
		let conjMode = document.querySelector(`#conjMode${set}`).selectedIndex == 1;
		let days = [];
		for (let i = 0; i < 7; i++) {
			days.push(document.querySelector(`#day${i}${set}`).checked);
		}
		let blockURL = document.querySelector(`#blockURL${set}`).value;
		let activeBlock = document.querySelector(`#activeBlock${set}`).checked;
		let countFocus = document.querySelector(`#countFocus${set}`).checked;
		let delayFirst = document.querySelector(`#delayFirst${set}`).checked;
		let delaySecs = document.querySelector(`#delaySecs${set}`).value;
		let prevOpts = document.querySelector(`#prevOpts${set}`).checked;
		let prevAddons = document.querySelector(`#prevAddons${set}`).checked;
		let prevConfig = document.querySelector(`#prevConfig${set}`).checked;

		// Set option values
		options[`setName${set}`] = setName;
		options[`sites${set}`] = sites;
		options[`times${set}`] = cleanTimePeriods(times);
		options[`limitMins${set}`] = limitMins;
		options[`limitPeriod${set}`] = limitPeriod;
		options[`conjMode${set}`] = conjMode;
		options[`days${set}`] = encodeDays(days);
		options[`blockURL${set}`] = blockURL;
		options[`activeBlock${set}`] = activeBlock;
		options[`countFocus${set}`] = countFocus;
		options[`delayFirst${set}`] = delayFirst;
		options[`delaySecs${set}`] = delaySecs;
		options[`prevOpts${set}`] = prevOpts;
		options[`prevAddons${set}`] = prevAddons;
		options[`prevConfig${set}`] = prevConfig;
	}

	// General options
	options["oa"] = document.querySelector("#optionsAccess").value;
	options["password"] = document.querySelector("#accessPassword").value;
	options["hpp"] = document.querySelector("#hidePassword").checked;
	options["timerVisible"] = document.querySelector("#timerVisible").checked;
	options["timerSize"] = document.querySelector("#timerSize").value;
	options["timerLocation"] = document.querySelector("#timerLocation").value;
	options["warnSecs"] = document.querySelector("#warnSecs").value;

	// Convert options to text lines
	let lines = [];
	for (let option in options) {
		lines.push(option + "=" + options[option] + "\n");
	}

	// Create blob and download it
	let blob = new Blob(lines, { type: "text/plain", endings: "native" });
	var url = URL.createObjectURL(blob);
	browser.downloads.download({ url: url, filename: DEFAULT_OPTIONS_FILE, saveAs: true });
}

// Import options
//
function importOptions() {
	let file = document.querySelector("#importFile").files[0];
	if (!file) {
		$("#alertNoImportFile").dialog("open");
		return;
	}

	// Read and process file
	let reader = new FileReader();
	reader.onload = processImportFile;
	reader.readAsText(file);
	
	function processImportFile(event) {
		let text = event.target.result;
		if (!text) {
			warn("Cannot import options from file.");
			return;
		}

		function isTrue(str) { return /^true$/i.test(str); }

		// Extract options from text
		let regexp = /^(\w+)=(.*)$/;
		let lines = text.split(/[\n\r]+/);
		let options = {};
		for (let line of lines) {
			let results = regexp.exec(line);
			if (results) {
				options[results[1]] = results[2];
			}
		}

		for (let set = 1; set <= NUM_SETS; set++) {
			// Get option values
			let setName = options[`setName${set}`];
			let sites = options[`sites${set}`];
			let times = options[`times${set}`];
			let limitMins = options[`limitMins${set}`];
			let limitPeriod = options[`limitPeriod${set}`];
			let conjMode = options[`conjMode${set}`];
			let days = options[`days${set}`];
			let blockURL = options[`blockURL${set}`];
			let activeBlock = options[`activeBlock${set}`];
			let countFocus = options[`countFocus${set}`];
			let delayFirst = options[`delayFirst${set}`];
			let delaySecs = options[`delaySecs${set}`];
			let prevOpts = options[`prevOpts${set}`];
			let prevAddons = options[`prevAddons${set}`];
			let prevConfig = options[`prevConfig${set}`];

			// Set component values
			if (setName != undefined) {
				let element = document.querySelector(`#setName${set}`);
				if (!element.disabled) {
					element.value = setName;
					if (setName) {
						document.querySelector(`#blockSetName${set}`).innerText = setName;
					} else {
						document.querySelector(`#blockSetName${set}`).innerText = `Block Set ${set}`;
					}
				}
			}
			if (sites != undefined) {
				let element = document.querySelector(`#sites${set}`);
				if (!element.disabled) {
					element.value = sites.replace(/\s+/g, "\n");
				}
			}
			if (times != undefined) {
				let element = document.querySelector(`#times${set}`);
				if (!element.disabled) {
					element.value = times;
				}
			}
			if (limitMins != undefined) {
				let element = document.querySelector(`#limitMins${set}`);
				if (!element.disabled) {
					element.value = limitMins;
				}
			}
			if (limitPeriod != undefined) {
				let element = document.querySelector(`#limitPeriod${set}`);
				if (!element.disabled) {
					element.value = limitPeriod;
				}
			}
			if (conjMode != undefined) {
				let element = document.querySelector(`#conjMode${set}`);
				if (!element.disabled) {
					element.selectedIndex = isTrue(conjMode) ? 1 : 0;
				}
			}
			if (days != undefined) {
				days = decodeDays(days);
				for (let i = 0; i < 7; i++) {
					let element = document.querySelector(`#day${i}${set}`);
					if (!element.disabled) {
						element.checked = days[i];
					}
				}
			}
			if (blockURL != undefined) {
				let element = document.querySelector(`#blockURL${set}`);
				if (!element.disabled) {
					element.value = blockURL;
				}
			}
			if (activeBlock != undefined) {
				let element = document.querySelector(`#activeBlock${set}`);
				if (!element.disabled) {
					element.checked = isTrue(activeBlock);
				}
			}
			if (countFocus != undefined) {
				let element = document.querySelector(`#countFocus${set}`);
				if (!element.disabled) {
					element.checked = isTrue(countFocus);
				}
			}
			if (delayFirst != undefined) {
				let element = document.querySelector(`#delayFirst${set}`);
				if (!element.disabled) {
					element.checked = isTrue(delayFirst);
				}
			}
			if (delaySecs != undefined) {
				let element = document.querySelector(`#delaySecs${set}`);
				if (!element.disabled) {
					element.value = delaySecs;
				}
			}
			if (prevOpts != undefined) {
				let element = document.querySelector(`#prevOpts${set}`);
				if (!element.disabled) {
					element.checked = isTrue(prevOpts);
				}
			}
			if (prevAddons != undefined) {
				let element = document.querySelector(`#prevAddons${set}`);
				if (!element.disabled) {
					element.checked = isTrue(prevAddons);
				}
			}
			if (prevConfig != undefined) {
				let element = document.querySelector(`#prevConfig${set}`);
				if (!element.disabled) {
					element.checked = isTrue(prevConfig);
				}
			}
		}

		// General options
		let oa = options["oa"];
		let password = options["password"];
		let hpp = options["hpp"];
		let timerVisible = options["timerVisible"];
		let timerSize = options["timerSize"];
		let timerLocation = options["timerLocation"];
		let warnSecs = options["warnSecs"];
		if (oa != undefined) {
			document.querySelector("#optionsAccess").value = oa;
		}
		if (password != undefined) {
			document.querySelector("#accessPassword").value = password;
		}
		if (hpp != undefined) {
			document.querySelector("#hidePassword").checked = hpp;
		}
		if (timerVisible != undefined) {
			document.querySelector("#timerVisible").checked = timerVisible;
		}
		if (timerSize != undefined) {
			document.querySelector("#timerSize").value = timerSize;
		}
		if (timerLocation != undefined) {
			document.querySelector("#timerLocation").value = timerLocation;
		}
		if (warnSecs != undefined) {
			document.querySelector("#warnSecs").value = warnSecs;
		}
	}
}

// Disable options for block set
//
function disableSetOptions(set) {
	let items = [
		"setName", "sites", "times", "allDay", "limitMins", "limitPeriod", "conjMode",
		"day0", "day1", "day2", "day3", "day4", "day5", "day6",
		"blockURL", "defaultPage", "delayingPage", "blankPage", "homePage",
		"activeBlock", "countFocus", "delayFirst", "delaySecs",
		"prevOpts", "prevAddons", "prevConfig", "cancelLockdown"
	];
	for (let item of items) {
		let element = document.querySelector(`#${item}${set}`);
		if (element) {
			element.disabled = true;
		}
	}
}

// Initialize access control prompt
//
function initAccessControlPrompt(prompt) {
	// Create functions for buttons
	let dialogButtons = {
		OK: function () {
			let input = $(`#${prompt}Input`);
			if (input.val() == gAccessRequiredInput) {
				gAccessConfirmed = true;
				$("#form").show({ effect: "fade" });
				$(`#${prompt}`).dialog("close");
			} else {
				input.val("");
				input.effect({ effect: "highlight", color: "#ff0000" });
				input.focus();
			}
		},
		Cancel: function () {
			$(`#${prompt}`).dialog("close");
		}
	};

	// Initialize prompt dialog
	$(`#${prompt}`).dialog({
		autoOpen: false,
		modal: true,
		width: 600,
		buttons: dialogButtons,
		close: function (event, ui) { if (!gAccessConfirmed) closeOptions(); }
	});

	// Connect ENTER key to OK button
	$(`#${prompt}Input`).keydown(
		function (event) {
			if (event.which == 13) {
				dialogButtons.OK();
			}
		}
	);
}

/*** STARTUP CODE BEGINS HERE ***/

// Use HTML for first block set to create other block sets
let tabHTML = $("#tabBlockSet1").html();
let setHTML = $("#blockSet1").html();
for (let set = 2; set <= NUM_SETS; set++) {
	let nextTabHTML = tabHTML
			.replace(/Block Set 1/g, `Block Set ${set}`)
			.replace(/(id|href)="(#?\w+)1"/g, `$1="$2${set}"`);
	let nextSetHTML = setHTML
			.replace(/(id|for)="(\w+)1"/g, `$1="$2${set}"`);
	$("#tabGeneral").before(`<li id="tabBlockSet${set}">${nextTabHTML}</li>`);
	$("#generalOptions").before(`<div id="blockSet${set}">${nextSetHTML}</div>`);
}

// Set up JQuery UI widgets
$("#tabs").tabs();
for (let set = 1; set <= NUM_SETS; set++) {
	$(`#allDay${set}`).click(function (e) { $(`#times${set}`).val(ALL_DAY_TIMES); });
	$(`#defaultPage${set}`).click(function (e) { $(`#blockURL${set}`).val(DEFAULT_BLOCK_URL); });
	$(`#delayingPage${set}`).click(function (e) { $(`#blockURL${set}`).val(DELAYED_BLOCK_URL); });
	$(`#blankPage${set}`).click(function (e) { $(`#blockURL${set}`).val("about:blank"); });
	$(`#homePage${set}`).click(function (e) { $(`#blockURL${set}`).val("about:home"); });
	$(`#showAdvOpts${set}`).click(function (e) {
		$(`#showAdvOpts${set}`).css("display", "none");
		$(`#advOpts${set}`).css("display", "inline");
	});
	$(`#cancelLockdown${set}`).click(function (e) {
		browser.runtime.sendMessage({ type: "lockdown", set: set });
		this.disabled = true;
		$("#alertLockdownCancel").dialog("open");
	});
}
$("#exportOptions").click(exportOptions);
$("#importOptions").click(importOptions);
$("#saveOptions").button();
$("#saveOptions").click(saveOptions);
$("#saveOptionsClose").button();
$("#saveOptionsClose").click(saveOptionsClose);

// Initialize alert dialogs
$("div[id^='alert']").dialog({
	autoOpen: false,
	modal: true,
	width: 600,
	buttons: {
		OK: function () { $(this).dialog("close"); }
	}
});

// Initialize access control prompts
initAccessControlPrompt("promptPassword");
initAccessControlPrompt("promptAccessCode");

document.addEventListener("DOMContentLoaded", retrieveOptions);