2 * @class Roo.bootstrap.form.Password
3 * @extends Roo.bootstrap.form.Input
4 * Bootstrap Password class
10 * Create a new Password
11 * @param {Object} config The config object
14 Roo.bootstrap.form.Password = function(config){
15 Roo.bootstrap.form.Password.superclass.constructor.call(this, config);
17 this.inputType = 'password';
20 Roo.extend(Roo.bootstrap.form.Password, Roo.bootstrap.form.Input, {
22 initEvents : function()
24 Roo.bootstrap.form.Password.superclass.initEvents.call(this);
26 this.el.addClass('form-password');
28 this.inputEl().addClass('password-hidden');
30 this.inputEl().on('click', this.onPasswordClick, this);
33 onPasswordClick : function(e)
35 var input = this.inputEl();
37 if(e.getPageX() < input.getX() + input.getWidth() - 30) {
41 input.removeClass(['password-visible', 'password-hidden']);
43 if(input.attr('type') == 'password') {
44 input.attr('type', 'text');
45 input.addClass('password-visible');
48 input.attr('type', 'password');
49 input.addClass('password-hidden');