[Summary view] [Print] [Text view]

   1  YUI.add('moodle-form-passwordunmask', function (Y, NAME) {
   2  
   3  var PASSWORDUNMASK = function() {
   4      PASSWORDUNMASK.superclass.constructor.apply(this, arguments);
   5  };
   6  
   7  Y.extend(PASSWORDUNMASK, Y.Base, {
   8      // Initialize checkbox if id is passed.
   9      initializer: function(params) {
  10          if (params && params.formid) {
  11              this.add_checkbox(params.formid, params.checkboxlabel, params.checkboxname);
  12          }
  13      },
  14  
  15      // Create checkbox for unmasking password.
  16      add_checkbox: function(elementid, checkboxlabel, checkboxname) {
  17          var node = Y.one('#' + elementid);
  18  
  19          // Retaining unmask div from previous implementation.
  20          var unmaskdiv = Y.Node.create('<div id="' + elementid + 'unmaskdiv" class="unmask"></div>');
  21  
  22          // Add checkbox for unmasking to unmaskdiv.
  23          var unmaskchb = Y.Node.create('<input id="' + elementid + 'unmask" type="checkbox" name="' +
  24              checkboxname + 'unmask">');
  25          unmaskdiv.appendChild(unmaskchb);
  26          // Attach event using static javascript function for unmasking password.
  27          unmaskchb.on('click', function() {
  28              window.unmaskPassword(elementid);
  29          });
  30  
  31          // Add label for checkbox to unmaskdiv.
  32          var unmasklabel = Y.Node.create('<label for="' + elementid + 'unmask">' + checkboxlabel + '</label>');
  33          unmaskdiv.appendChild(unmasklabel);
  34  
  35          // Insert unmask div in the same div as password input.
  36          node.get('parentNode').insert(unmaskdiv, node.get('lastNode'));
  37      }
  38  });
  39  
  40  M.form = M.form || {};
  41  M.form.passwordunmask = function(params) {
  42      return new PASSWORDUNMASK(params);
  43  };
  44  
  45  
  46  }, '@VERSION@', {"requires": ["node", "base"]});