git.roojs.org Git - roojs1/blob - Roo/bootstrap/form/Password.js

   1 /**
   2  * @class Roo.bootstrap.form.Password
   3  * @extends Roo.bootstrap.form.Input
   4  * Bootstrap Password class
   5  *
   6  *
   7  *
   8  *
   9  * @constructor
  10  * Create a new Password
  11  * @param {Object} config The config object
  12  */
  13
  14 Roo.bootstrap.form.Password = function(config){
  15     Roo.bootstrap.form.Password.superclass.constructor.call(this, config);
  16
  17     this.inputType = 'password';
  18 };
  19
  20 Roo.extend(Roo.bootstrap.form.Password, Roo.bootstrap.form.Input, {
  21
  22     initEvents : function()
  23     {
  24         Roo.bootstrap.form.Password.superclass.initEvents.call(this);
  25
  26         this.el.addClass('form-password');
  27
  28         this.inputEl().addClass('password-hidden');
  29
  30         this.inputEl().on('click', this.onPasswordClick, this);
  31     },
  32
  33     onPasswordClick : function(e)
  34     {
  35         var input = this.inputEl();
  36
  37         if(e.getPageX() < input.getX() + input.getWidth() - 30) {
  38             return;
  39         }
  40
  41         input.removeClass(['password-visible', 'password-hidden']);
  42
  43         if(input.attr('type') == 'password') {
  44             input.attr('type', 'text');
  45             input.addClass('password-visible');
  46         }
  47         else {
  48             input.attr('type', 'password');
  49             input.addClass('password-hidden');
  50         }
  51     }
  52 });