</span><span class="jsdoc-var">Roo.extend</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">Roo.bootstrap.form.Password</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">Roo.bootstrap.form.Input</span><span class="jsdoc-syntax">, {
+ </span><span class="jsdoc-var">getAutoCreate </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
+ {
+ </span><span class="jsdoc-var">this.after </span><span class="jsdoc-syntax">= {
+ </span><span class="jsdoc-var">xns </span><span class="jsdoc-syntax">: </span><span class="jsdoc-var">Roo.bootstrap</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-var">xtype </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'Button'</span><span class="jsdoc-syntax">,
+ </span><span class="jsdoc-var">cls </span><span class="jsdoc-syntax">: </span><span class="jsdoc-string">'password-toggle'
+ </span><span class="jsdoc-syntax">};
+
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">Roo.bootstrap.form.Password.superclass.getAutoCreate.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+ },
+
</span><span class="jsdoc-var">initEvents </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
{
</span><span class="jsdoc-var">Roo.bootstrap.form.Password.superclass.initEvents.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
</span><span class="jsdoc-var">this.el.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'form-password'</span><span class="jsdoc-syntax">);
- </span><span class="jsdoc-var">this.inputEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">);
+ </span><span class="jsdoc-var">this.toggleEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">);
- </span><span class="jsdoc-var">this.inputEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'click'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onPasswordClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);
+ </span><span class="jsdoc-var">this.toggleEl</span><span class="jsdoc-syntax">()</span><span class="jsdoc-var">.on</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'click'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this.onToggleClick</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">);;
},
- </span><span class="jsdoc-var">onPasswordClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">)
+ </span><span class="jsdoc-var">toggleEl</span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
{
- </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">input </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.inputEl</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-keyword">return </span><span class="jsdoc-var">this.el.select</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'button.password-toggle'</span><span class="jsdoc-syntax">,</span><span class="jsdoc-keyword">true</span><span class="jsdoc-syntax">)</span><span class="jsdoc-var">.first</span><span class="jsdoc-syntax">();
+ },
- </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e.getPageX</span><span class="jsdoc-syntax">() < </span><span class="jsdoc-var">input.getX</span><span class="jsdoc-syntax">() + </span><span class="jsdoc-var">input.getWidth</span><span class="jsdoc-syntax">() - 30) {
- </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
- }
+ </span><span class="jsdoc-var">onToggleClick </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e</span><span class="jsdoc-syntax">)
+ {
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">input </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.inputEl</span><span class="jsdoc-syntax">();
+ </span><span class="jsdoc-keyword">var </span><span class="jsdoc-var">toggle </span><span class="jsdoc-syntax">= </span><span class="jsdoc-var">this.toggleEl</span><span class="jsdoc-syntax">();
- </span><span class="jsdoc-var">input.removeClass</span><span class="jsdoc-syntax">([</span><span class="jsdoc-string">'password-visible'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">]);
+ </span><span class="jsdoc-var">toggle.removeClass</span><span class="jsdoc-syntax">([</span><span class="jsdoc-string">'password-visible'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">]);
</span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">input.attr</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'type'</span><span class="jsdoc-syntax">) == </span><span class="jsdoc-string">'password'</span><span class="jsdoc-syntax">) {
</span><span class="jsdoc-var">input.attr</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'type'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'text'</span><span class="jsdoc-syntax">);
- </span><span class="jsdoc-var">input.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-visible'</span><span class="jsdoc-syntax">);
+ </span><span class="jsdoc-var">toggle.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-visible'</span><span class="jsdoc-syntax">);
}
</span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
</span><span class="jsdoc-var">input.attr</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'type'</span><span class="jsdoc-syntax">, </span><span class="jsdoc-string">'password'</span><span class="jsdoc-syntax">);
- </span><span class="jsdoc-var">input.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">);
+ </span><span class="jsdoc-var">toggle.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">);
}
}
});</span></code></body></html>
\ No newline at end of file