[Summary view] [Print] [Text view]

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