Add option to show/hide access password

TerryDutton · Nov 13, 2022 · 92e17b0 · 92e17b0
1 parent 49b5c7e
commit 92e17b0
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 1 deletion.
diff --git a/options.html b/options.html
@@ -305,7 +305,10 @@
 							</p>
 							<p>
 								<label>Password:</label>
-								<input id="accessPassword" type="text" size="60">
+								<input id="accessPassword" type="password" size="40">
+								&nbsp;&nbsp;&nbsp;&nbsp;
+								<input id="accessPasswordShow" type="checkbox">
+								<label for="accessPasswordShow">Show password</label>
 							</p>
 							<p>
 								<input id="hidePassword" type="checkbox">

diff --git a/options.js b/options.js
@@ -108,6 +108,7 @@ function initForm(numSets) {
 		});
 		$(`#advOpts${set}`).css("display", "none");
 	}
+	$("#accessPasswordShow").change(accessPasswordShow);
 	$("#overridePasswordShow").change(overridePasswordShow);
 	$("#theme").change(function (e) { setTheme($("#theme").val()); });
 	$("#clockOffset").click(showClockOffsetTime);
@@ -641,6 +642,14 @@ function displayAccessCode(code, asImage) {
 	}
 }
 
+// Show/hide access password
+//
+function accessPasswordShow() {
+	let input = getElement("accessPassword");
+	let checkbox = getElement("accessPasswordShow");
+	input.type = checkbox.checked ? "text" : "password";
+}
+
 // Show/hide override password
 //
 function overridePasswordShow() {