From a1aba3746e7afc6627e91170c78e707d9b642850 Mon Sep 17 00:00:00 2001
From: achmizs <said@saidachmiz.net>
Date: Thu, 31 Jan 2019 10:46:49 -0500
Subject: [PATCH] Slight refactor of options.js

---
 options.js | 60 +++++++++++++++++++++++++++++-------------------------
 1 file changed, 32 insertions(+), 28 deletions(-)

diff --git a/options.js b/options.js
index b7b5296..1dc3ffb 100644
--- a/options.js
+++ b/options.js
@@ -1,32 +1,7 @@
-/*******************/
-/* EVENT LISTENERS */
-/*******************/
+/**********/
+/* EVENTS */
+/**********/
 
-document.querySelectorAll("button").forEach(button => {
-	button.addActivateEvent((event) => {
-		event.target.blur();
-
-		if (button.classList.contains("save-button"))
-			saveChanges();
-		else
-			resetChanges();
-	});
-});
-
-document.querySelectorAll("textarea").forEach(textarea => {
-	textarea.addEventListener("input", (event) => {
-		setButtonsActive(true);
-	});
-});
-
-document.querySelector("input[type='checkbox']").addEventListener("change", (event) => {
-	modeSelectorInputReceived();
-});
-document.querySelectorAll(".mode-select-container span").forEach(span => {
-	span.addActivateEvent((event) => {
-		modeSelectorInputReceived();
-	});
-});
 function modeSelectorInputReceived() {
 	toggleModeSelectorState();
 	window.currentMode = (window.currentMode == "whitelist") ? "blacklist" : "whitelist";
@@ -91,5 +66,34 @@ function initialize() {
 		let divToFocus = (result.mode == "whitelist") ? "#exclusionPatterns" : "#matchingPatterns";
 		document.querySelector(`${divToFocus} textarea`).focus();
 	});
+
+	// Listeners for Reset and Save buttons.
+	document.querySelectorAll("button").forEach(button => {
+		button.addActivateEvent((event) => {
+			event.target.blur();
+
+			if (button.classList.contains("save-button"))
+				saveChanges();
+			else
+				resetChanges();
+		});
+	});
+
+	// Listeners to activate Reset/Save buttons when textareas get input.
+	document.querySelectorAll("textarea").forEach(textarea => {
+		textarea.addEventListener("input", (event) => {
+			setButtonsActive(true);
+		});
+	});
+
+	// Listeners for mode select switch.
+	document.querySelector("input[type='checkbox']").addEventListener("change", (event) => {
+		modeSelectorInputReceived();
+	});
+	document.querySelectorAll(".mode-select-container span").forEach(span => {
+		span.addActivateEvent((event) => {
+			modeSelectorInputReceived();
+		});
+	});
 }
 initialize();