From d750c1a34d4c344154cd0abaa3aa6e9021335318 Mon Sep 17 00:00:00 2001 From: Ian C Date: Wed, 27 Jun 2018 15:05:26 +0000 Subject: Made password column masked and added a command to show the password. --- www/scripts/main.js | 42 +++++++++++++++++++++++++++++++++++++----- 1 file changed, 37 insertions(+), 5 deletions(-) (limited to 'www') diff --git a/www/scripts/main.js b/www/scripts/main.js index 1528c2c..0ed2cf5 100644 --- a/www/scripts/main.js +++ b/www/scripts/main.js @@ -141,14 +141,14 @@ function LoadGroups(keep_selection) elem.value = globalCurrentGroup; } -function AddTableInputCell(id, text, name, maxlen, classname, node) +function AddTableInputCell(id, text, name, maxlen, classname, type, node) { var td = document.createElement("td"); var input = document.createElement("input"); input.value = text; input.id = name + id; - input.type = "text"; + input.type = type; input.maxLength = maxlen; td.className = classname; @@ -170,6 +170,20 @@ function AddSmallLink(node, text, func, id) node.appendChild(anchor); } +function AddSmallLinkUpDown(node, text, down_func, up_func, id) +{ + var anchor = document.createElement("a"); + + anchor.href = "#"; + anchor.onmousedown = down_func; + anchor.onmouseup = up_func; + anchor.text = text; + anchor.className = "smalltext"; + anchor.dataset.pmId = id; + + node.appendChild(anchor); +} + function AddText(node, text) { var t = document.createTextNode(text); @@ -196,9 +210,10 @@ function AddRow(table, id, desc, username, password, rowcount) tr.className = "style2"; } - AddTableInputCell(id, desc, "Description", 1024, "description", tr); - AddTableInputCell(id, username, "Username", 256, "username", tr); - AddTableInputCell(id, password, "Password", 256, "password", 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); var td = document.createElement("td"); @@ -214,6 +229,9 @@ function AddRow(table, id, desc, username, password, rowcount) AddText(td, "\u00a0"); AddText(td, "\u00a0"); AddSmallLink(td, "Delete", DoDelete, id); + AddText(td, "\u00a0"); + AddText(td, "\u00a0"); + AddSmallLinkUpDown(td, "Show", DoShow, DoHide, id); AddElement(td, "br"); AddSmallLink(td, "Copy Username", DoCopyUsername, id); AddText(td, "\u00a0"); @@ -431,7 +449,21 @@ function DoCopyUsername() function DoCopyPassword() { var id = "Password" + this.dataset.pmId; + document.getElementById(id).type = "text"; Copy(id); + document.getElementById(id).type = "password"; +} + +function DoShow() +{ + var elem = document.getElementById("Password" + this.dataset.pmId); + elem.type = "text"; +} + +function DoHide() +{ + var elem = document.getElementById("Password" + this.dataset.pmId); + elem.type = "password"; } // vim: sw=4 ts=4 -- cgit v1.2.3