git.roojs.org Git - roojs1/blob - docs/src/Roo_bootstrap_form_Password.js.html

   1 <html><head><title>Roo/bootstrap/form/Password.js</title><link rel="stylesheet" type="text/css" href="../../css/highlight-js.css"/></head><body class="highlightpage"><code class="jsdoc-pretty"><span class="jsdoc-comment">/**
   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 </span><span class="jsdoc-var">Roo.bootstrap.form.Password </span><span class="jsdoc-syntax">= </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">){
  15     </span><span class="jsdoc-var">Roo.bootstrap.form.Password.superclass.constructor.call</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">this</span><span class="jsdoc-syntax">, </span><span class="jsdoc-var">config</span><span class="jsdoc-syntax">);
  16
  17     </span><span class="jsdoc-var">this.inputType </span><span class="jsdoc-syntax">= </span><span class="jsdoc-string">'password'</span><span class="jsdoc-syntax">;
  18 };
  19
  20 </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">, {
  21
  22     </span><span class="jsdoc-var">initEvents </span><span class="jsdoc-syntax">: </span><span class="jsdoc-keyword">function</span><span class="jsdoc-syntax">()
  23     {
  24         </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">);
  25
  26         </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">);
  27
  28         </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">);
  29
  30         </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">);
  31     },
  32
  33     </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">)
  34     {
  35         </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">();
  36
  37         </span><span class="jsdoc-keyword">if</span><span class="jsdoc-syntax">(</span><span class="jsdoc-var">e.getPageX</span><span class="jsdoc-syntax">() &lt; </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) {
  38             </span><span class="jsdoc-keyword">return</span><span class="jsdoc-syntax">;
  39         }
  40
  41         </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">]);
  42
  43         </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">) {
  44             </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">);
  45             </span><span class="jsdoc-var">input.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-visible'</span><span class="jsdoc-syntax">);
  46         }
  47         </span><span class="jsdoc-keyword">else </span><span class="jsdoc-syntax">{
  48             </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">);
  49             </span><span class="jsdoc-var">input.addClass</span><span class="jsdoc-syntax">(</span><span class="jsdoc-string">'password-hidden'</span><span class="jsdoc-syntax">);
  50         }
  51     }
  52 });</span></code></body></html>