MDL-42208 add password unhiding option to auth configs

admin/auth_config.php

@@ -78,6 +78,10 @@
 echo "</div>\n";
 echo "</form>\n";
 
+$unmask = get_string('unmaskpassword', 'core_form');
+$attributes = array('formid' => 'authmenu', 'checkboxlabel' => $unmask);
+$PAGE->requires->yui_module('moodle-auth-passwordunmask', 'M.auth.passwordunmask', array($attributes));
+
 echo $OUTPUT->footer();
 exit;
 

auth/yui/passwordunmask/passwordunmask.js

@@ -0,0 +1,41 @@
+YUI.add('moodle-auth-passwordunmask', function(Y) {
+    var PASSWORDUNMASK = function() {
+        PASSWORDUNMASK.superclass.constructor.apply(this, arguments);
+    }
+
+    Y.extend(PASSWORDUNMASK, Y.Base, {
+        // Initialize checkboxes.
+        initializer : function(params) {
+            this.add_checkboxes(params.checkboxlabel);
+        },
+        // Create checkboxes for all unmasking passwords.
+        add_checkboxes : function(checkboxlabel) {
+            Y.all('#authmenu input[type=password]').each(function(node) {
+                var elementid = node.get('id');
+                var elementname = node.get('name');
+
+                // Retain unmask div from previous implementation.
+                var unmaskdiv = Y.Node.create('<div id="'+elementid+'unmaskdiv" class="unmask"></div>');
+
+                // Add checkbox for unmasking to unmaskdiv.
+                var unmaskchb = Y.Node.create('<input id="'+elementid+'unmask" type="checkbox" name="'+elementname+'unmask">');
+                unmaskdiv.appendChild(unmaskchb);
+                //Attach event using static javascript function for unmasking password.
+                unmaskchb.on('click', function() {unmaskPassword(elementid);});
+
+                // Add label for checkbox to unmaskdiv.
+                var unmasklabel = Y.Node.create('<label for="'+elementid+'unmask">'+checkboxlabel+'</label>');
+                unmaskdiv.appendChild(unmasklabel);
+
+                // Insert unmask div in the same div as password input.
+                node.get('parentNode').insert(unmaskdiv, node.get('lastNode'));
+            });
+            return;
+        }
+    });
+
+    M.auth = M.auth || {};
+    M.auth.passwordunmask = function(params) {
+        return new PASSWORDUNMASK(params);
+    }
+}, '@VERSION@', {requires:['base', 'node']});