ShowPasswordButton (#25)

* Initial ShowPasswordButton project

* clean up done

Code layout is easier to read, images moved to subfolder, readme contains view of changes

* clean up done

Code layout is easier to read, images moved to subfolder, readme contains view of changes

Author: Kirbogd

communityCustomizations/ShowPasswordButton/OnLoad.js

@@ -0,0 +1,15 @@
+var inputArea = document.getElementById("inputArea");
+
+if(inputArea){
+ console.log("hello");
+ var showButton = document.createElement("div");
+ showButton.id = "showButton";  
+ showButton.innerHTML = "Show password";
+ inputArea.appendChild(showButton);
+ 
+ var appendedButton = document.getElementById("showButton");
+ appendedButton.onmousedown = function(){ document.getElementById("password").type = "text"; };
+   
+ appendedButton.onmouseup = function(){ document.getElementById("password").type = "password";};
+ 
+}

communityCustomizations/ShowPasswordButton/README.md

@@ -0,0 +1,21 @@
+# ShowPasswordButton 
+
+## Overview
+
+This project contains an OnLoad.js script for adding "Show Password" batton in password field on ADFS logon page.
+Works with password fields on Form based auth and with custom provider using domain password as secondary auth. 
+
+## Applying the customization
+
+To add "Show password" button do the following: 
+
+1. Add the code from Project Onload.js to your webtheme Onload.js
+
+2. Apply the customization according to https://docs.microsoft.com/en-us/windows-server/identity/ad-fs/operations/advanced-customization-of-ad-fs-sign-in-pages  
+
+### Example
+![Button added](/communityCustomizations/ShowPasswordButton/images/Customization1.png)
+![Password shown on mouse click](/communityCustomizations/ShowPasswordButton/images/Customization2.png)
+
+### Special thanks to Matthew Bongiovi for sharing the code
+