From 44131e56b84d636f6a85e64b965d0a04faadc2d0 Mon Sep 17 00:00:00 2001
From: Ian C <ianc@noddybox.co.uk>
Date: Fri, 13 Jul 2018 20:44:29 +0000
Subject: Added global show passwords checkbox.

---
 INSTRUCTIONS        |  2 ++
 www/css/main.css    |  2 +-
 www/index.html      | 18 ++++++++++--
 www/scripts/main.js | 79 +++++++++++++++++++++++++++++++++++++++++++++++------
 4 files changed, 88 insertions(+), 13 deletions(-)

diff --git a/INSTRUCTIONS b/INSTRUCTIONS
index 26b23ae..d362853 100644
--- a/INSTRUCTIONS
+++ b/INSTRUCTIONS
@@ -20,5 +20,7 @@ The Copy Username and Copy Password links can be used to copy the username or
 password respectively to the clipboard.
 
 The Show link can be used to reveal the password while the button is down.
+Alternatively all passwords (including the pass phrase) can be seen by ticking
+the Show Passwords checkbox.
 
 The Up/Down links move the entry up/down as appropriate in the list.
diff --git a/www/css/main.css b/www/css/main.css
index d400b22..3e98b16 100644
--- a/www/css/main.css
+++ b/www/css/main.css
@@ -9,7 +9,7 @@ body
 	font-size: x-small;
 }
 
-td input
+input.fill
 {
 	box-sizing: border-box;
 	display: block;
diff --git a/www/index.html b/www/index.html
index 1d8becb..a52d173 100644
--- a/www/index.html
+++ b/www/index.html
@@ -13,9 +13,13 @@
 <table>
 <tr>
 <td class="headertext">Passphrase:</td>
-<td class="headerinput"><input type="password" id="PassPhrase"></td>
+<td class="headerinput">
+<input type="password" id="PassPhrase" class="fill">
+</td>
 <td class="headerbutton">
-<input type="button" id="LoadButton" value="Load" onclick="DoLoad()">
+<div>
+<input type="button" value="Load" onclick="DoLoad()" class="fill">
+</div>
 </td>
 </tr>
 <tr>
@@ -25,10 +29,18 @@
 </select>
 </td>
 <td class="headerbutton"></td>
+<tr>
+<td class="headertext">Show Passwords:</td>
+<td class="headerinput">
+<input type="checkbox" id="ShowPasswords" onclick="DoShowPasswords()">
+</td>
+<td class="headerbutton"></td>
 </tr>
 <tr>
 <td class="headertext">New Group:</td>
-<td class="headerinput"><input type="text" id="NewGroup" maxlength="512"></td>
+<td class="headerinput">
+<input type="text" id="NewGroup" maxlength="512" class="fill">
+</td>
 <td class="headerbutton"></td>
 </tr>
 </table>
diff --git a/www/scripts/main.js b/www/scripts/main.js
index 79fb0b7..d989803 100644
--- a/www/scripts/main.js
+++ b/www/scripts/main.js
@@ -90,6 +90,18 @@ function IsEmpty(id)
 	return elem.value == "";
 }
 
+function ShowPasswords()
+{
+	var elem = document.getElementById("ShowPasswords");
+
+	return elem.checked;
+}
+
+function SetInputType(id, type)
+{
+	document.getElementById(id).type = type;
+}
+
 function LoadGroups(keep_selection)
 {
 	globalGroups = [];
@@ -150,6 +162,7 @@ function AddTableInputCell(id, text, name, maxlen, classname, type, node)
 	input.id = name + id;
 	input.type = type;
 	input.maxLength = maxlen;
+	input.className = "fill";
 
 	td.className = classname;
 
@@ -225,10 +238,19 @@ function AddRow(table, id, prev_id, next_id, desc, username, password, rowcount)
 		tr.className = "style2";
 	}
 
-	AddTableInputCell(id, desc, "Description", 1024, "description", "text", tr); 
+	AddTableInputCell(id, desc, "Description", 1024, "description", "text", tr);
 	AddTableInputCell(id, username, "Username", 256, "username", "text", tr); 
-	AddTableInputCell(id, password, "Password", 256,
-						"password", "password", tr); 
+
+	if (ShowPasswords())
+	{
+		AddTableInputCell(id, password, "Password", 256,
+							"password", "text", tr); 
+	}
+	else
+	{
+		AddTableInputCell(id, password, "Password", 256,
+							"password", "password", tr); 
+	}
 
 	var td = document.createElement("td");
 
@@ -512,21 +534,34 @@ function DoCopyUsername()
 function DoCopyPassword()
 {
 	var id = "Password" + this.dataset.pmId;
-	document.getElementById(id).type = "text";
+
+	if (!ShowPasswords())
+	{
+		SetInputType(id, "text");
+	}
+
 	Copy(id);
-	document.getElementById(id).type = "password";
+
+	if (!ShowPasswords())
+	{
+		SetInputType(id, "password");
+	}
 }
 
 function DoShow()
 {
-	var elem = document.getElementById("Password" + this.dataset.pmId);
-	elem.type = "text";
+	if (!ShowPasswords())
+	{
+		SetInputType("Password" + this.dataset.pmId, "text");
+	}
 }
 
 function DoHide()
 {
-	var elem = document.getElementById("Password" + this.dataset.pmId);
-	elem.type = "password";
+	if (!ShowPasswords())
+	{
+		SetInputType("Password" + this.dataset.pmId, "password");
+	}
 }
 
 function DoReorderAsync()
@@ -569,4 +604,30 @@ function DoDown()
 	);
 }
 
+function DoShowPasswords()
+{
+	var type;
+
+	if (ShowPasswords())
+	{
+		type = "text";
+	}
+	else
+	{
+		type = "password";
+	}
+
+	SetInputType("PassPhrase", type);
+	SetInputType("Password-1", type);
+
+	var rows = GetGroupRows();
+	var f;
+
+	for(f = 0; f < rows.length;f++)
+	{
+		var id = "Password" + rows[f].id;
+		SetInputType(id, type);
+	}
+}
+
 // vim: sw=4 ts=4
-- 
cgit v1.2.3