widgets/SecurePass.js
authorEdward <edward@roojs.com>
Thu, 11 Jun 2015 05:36:29 +0000 (13:36 +0800)
committerEdward <edward@roojs.com>
Thu, 11 Jun 2015 05:36:29 +0000 (13:36 +0800)
widgets/SecurePass.js

index 26755af..99c5ef6 100644 (file)
 //<script type="text/Javascript">
 
 
-Ext.form.SecurePass = function(config) {
-       // these go here, so the translation tool can replace them..
+Ext.form.SecurePass = function (config) {
+    // these go here, so the translation tool can replace them..
     this.errors = {
-               PwdEmpty: "Please type a password, and then retype it to confirm.",
-               PwdShort: "Your password must be at least 6 characters long. Please type a different password.",
-               PwdLong: "Your password can't contain more than 16 characters. Please type a different password.",
-               PwdBadChar: "The password contains characters that aren't allowed. Please type a different password.",
-               IDInPwd: "Your password can't include the part of your ID. Please type a different password.",
-               FNInPwd: "Your password can't contain your first name. Please type a different password.",
-               LNInPwd: "Your password can't contain your last name. Please type a different password.",
+        PwdEmpty: "Please type a password, and then retype it to confirm.",
+        PwdShort: "Your password must be at least 6 characters long. Please type a different password.",
+        PwdLong: "Your password can't contain more than 16 characters. Please type a different password.",
+        PwdBadChar: "The password contains characters that aren't allowed. Please type a different password.",
+        IDInPwd: "Your password can't include the part of your ID. Please type a different password.",
+        FNInPwd: "Your password can't contain your first name. Please type a different password.",
+        LNInPwd: "Your password can't contain your last name. Please type a different password.",
         TooWeak: "Your password is Too Weak."
-       },
+    },
     this.meterLabel = "Password strength:";
-    this.pwdStrengths = ["Too Weak" , "Weak", "Medium", "Strong"];
+    this.pwdStrengths = ["Too Weak", "Weak", "Medium", "Strong"];
     Ext.form.SecurePass.superclass.constructor.call(this, config);
 }
 
 Ext.extend(Ext.form.SecurePass, Ext.form.TextField, {
-       /**
-        * @cfg {String/Object} errors A Error spec, or true for a default spec (defaults to
-        * {
-        *  PwdEmpty: "Please type a password, and then retype it to confirm.",
-        *  PwdShort: "Your password must be at least 6 characters long. Please type a different password.",
-        *  PwdLong: "Your password can't contain more than 16 characters. Please type a different password.",
-        *  PwdBadChar: "The password contains characters that aren't allowed. Please type a different password.",
-        *  IDInPwd: "Your password can't include the part of your ID. Please type a different password.",
-        *  FNInPwd: "Your password can't contain your first name. Please type a different password.",
-        *  LNInPwd: "Your password can't contain your last name. Please type a different password."
-        * })
-        */
-       // private
-       errors : {},
-    
+    /**
+     * @cfg {String/Object} errors A Error spec, or true for a default spec (defaults to
+     * {
+     *  PwdEmpty: "Please type a password, and then retype it to confirm.",
+     *  PwdShort: "Your password must be at least 6 characters long. Please type a different password.",
+     *  PwdLong: "Your password can't contain more than 16 characters. Please type a different password.",
+     *  PwdBadChar: "The password contains characters that aren't allowed. Please type a different password.",
+     *  IDInPwd: "Your password can't include the part of your ID. Please type a different password.",
+     *  FNInPwd: "Your password can't contain your first name. Please type a different password.",
+     *  LNInPwd: "Your password can't contain your last name. Please type a different password."
+     * })
+     */
+    // private
+    errors: {},
     imageRoot: '/',
-       
-       /**
-        * @cfg {String/Object} Label for the strength meter (defaults to
-        * 'Password strength:')
-        */
-       // private
-       meterLabel : '',
-
-       /**
-        * @cfg {String/Object} pwdStrengths A pwdStrengths spec, or true for a default spec (defaults to
-        * ['Weak', 'Medium', 'Strong'])
-        */
-       // private
-       pwdStrengths : [],
-
-       /**
-        * @cfg {String/Object} fieldsFilter A fieldsFilter spec, as [['field_name', 'error_id'], ...]
-        */
-       // private
-       fieldsFilter : [],
-
-       // private
-       strength : 0,
+    /**
+     * @cfg {String/Object} Label for the strength meter (defaults to
+     * 'Password strength:')
+     */
+    // private
+    meterLabel: '',
+    /**
+     * @cfg {String/Object} pwdStrengths A pwdStrengths spec, or true for a default spec (defaults to
+     * ['Weak', 'Medium', 'Strong'])
+     */
+    // private
+    pwdStrengths: [],
+    /**
+     * @cfg {String/Object} fieldsFilter A fieldsFilter spec, as [['field_name', 'error_id'], ...]
+     */
+    // private
+    fieldsFilter: [],
+    // private
+    strength: 0,
+    // private
+    _lastPwd: null,
+    // private
+    kCapitalLetter: 0,
+    kSmallLetter: 1,
+    kDigit: 2,
+    kPunctuation: 3,
+    // private
+    initEvents: function () {
+        Ext.form.SecurePass.superclass.initEvents.call(this);
 
-       // private
-       _lastPwd : null,
-    
-       // private
-       kCapitalLetter : 0,
-       kSmallLetter : 1,
-       kDigit : 2,
-       kPunctuation : 3,
+        if (this.el.is('input[type=password]') && Roo.isSafari) {
+            this.el.on('keydown', this.SafariOnKeyDown, this);
+        }
 
+        this.el.on('keyup', this.checkStrength, this, {buffer: 50});
+    },
     // private
-    initEvents : function(){
-            Ext.form.SecurePass.superclass.initEvents.call(this);
-        
-            if(this.el.is('input[type=password]') && Roo.isSafari){
-                this.el.on('keydown', this.SafariOnKeyDown, this);
-            }
+    onRender: function (ct, position) {
+        Ext.form.SecurePass.superclass.onRender.call(this, ct, position);
+        this.wrap = this.el.wrap({cls: 'x-form-field-wrap'});
+        this.trigger = this.wrap.createChild({tag: 'div', cls: 'StrengthMeter ' + this.triggerClass});
 
-            this.el.on('keyup', this.checkStrength, this, {buffer:50});
-       },
-
-       // private
-       onRender : function(ct, position){
-               Ext.form.SecurePass.superclass.onRender.call(this, ct, position);
-               this.wrap = this.el.wrap({cls: 'x-form-field-wrap'});
-               this.trigger = this.wrap.createChild({tag: 'div', cls: 'StrengthMeter '+this.triggerClass});
-                
-               this.trigger.createChild({
-            tag: 'div',  
+        this.trigger.createChild({
+            tag: 'div',
             style: {
                 'margin-bottom': '10px',
                 width: this.width + 'px'
             },
             cn: {
-                tag: 'div', 
+                tag: 'div',
                 style: {
                     width: this.width + 'px',
                     height: '9px',
-                    'background-image' : 'url(\''+this.imageRoot+'/password_meter_grey.gif\')',
-                    'background-position' : 'center center',
+                    'background-image': 'url(\'' + this.imageRoot + '/password_meter_grey.gif\')',
+                    'background-position': 'center center',
                     'background-repeat': 'no-repeat'
                 },
-                cn : {
+                cn: {
                     //id: 'PwdMeter',
                     tag: 'div',
-                    style:  {
+                    style: {
                         width: 0,
                         height: '9px',
-                        'background-image': 'url(\''+this.imageRoot+'/password_meter.gif\')',
+                        'background-image': 'url(\'' + this.imageRoot + '/password_meter.gif\')',
                         'background-position': 'center center',
                         'background-repeat': 'no-repeat',
                         'font-size': '9px'
@@ -115,53 +106,51 @@ Ext.extend(Ext.form.SecurePass, Ext.form.TextField, {
                 }
             }
         });
-               if(this.hideTrigger){
-                       this.trigger.setDisplayed(false);
-               }
-               this.setSize(this.width||'', this.height||'');
-       },
-
-       // private
-       onDestroy : function(){
-               if(this.trigger){
-                       this.trigger.removeAllListeners();
-                       this.trigger.remove();
-               }
-               if(this.wrap){
-                       this.wrap.remove();
-               }
-               Ext.form.TriggerField.superclass.onDestroy.call(this);
-       },
-    
-       // private
-       checkStrength : function(){
-               var pwd = this.el.getValue();
-               if (pwd == this._lastPwd) {
-                       return;
-               }
+        if (this.hideTrigger) {
+            this.trigger.setDisplayed(false);
+        }
+        this.setSize(this.width || '', this.height || '');
+    },
+    // private
+    onDestroy: function () {
+        if (this.trigger) {
+            this.trigger.removeAllListeners();
+            this.trigger.remove();
+        }
+        if (this.wrap) {
+            this.wrap.remove();
+        }
+        Ext.form.TriggerField.superclass.onDestroy.call(this);
+    },
+    // private
+    checkStrength: function () {
+        var pwd = this.el.getValue();
+        if (pwd == this._lastPwd) {
+            return;
+        }
 
-               var strength;
-               if (this.ClientSideStrongPassword(pwd)) {
-                       strength = 3;
-               } else if(this.ClientSideMediumPassword(pwd)) {
-                       strength = 2;
-               } else if(this.ClientSideWeakPassword(pwd)) {
-                       strength = 1;
-               } else {
-                       strength = 0;
-               }
+        var strength;
+        if (this.ClientSideStrongPassword(pwd)) {
+            strength = 3;
+        } else if (this.ClientSideMediumPassword(pwd)) {
+            strength = 2;
+        } else if (this.ClientSideWeakPassword(pwd)) {
+            strength = 1;
+        } else {
+            strength = 0;
+        }
         var pm = this.trigger.child('div/div/div').dom;
-        
-               pm.style.width = (this.width/3) * strength +'px';
-               //if(this.pwdStrengths != null && strength > 0) {
-        pm.innerHTML = this.meterLabel + '&nbsp;'+ this.pwdStrengths[strength];
-               //} else {
-               //      pm.innerHTML = '';
-               //}
 
-               this._lastPwd = pwd;
-       },
-    reset : function(){
+        pm.style.width = (this.width / 3) * strength + 'px';
+        //if(this.pwdStrengths != null && strength > 0) {
+        pm.innerHTML = this.meterLabel + '&nbsp;' + this.pwdStrengths[strength];
+        //} else {
+        //     pm.innerHTML = '';
+        //}
+
+        this._lastPwd = pwd;
+    },
+    reset: function () {
         Ext.form.SecurePass.superclass.reset.call(this);
         this._lastPwd = '';
         var pm = this.trigger.child('div/div/div').dom;
@@ -169,149 +158,159 @@ Ext.extend(Ext.form.SecurePass, Ext.form.TextField, {
         pm.innerHTML = '';
     },
     // private
-       validateValue : function(value){
-               if (!Ext.form.TextField.superclass.validateValue.call(this, value)){
+    validateValue: function (value) {
+        if (!Ext.form.TextField.superclass.validateValue.call(this, value)) {
             return false;
         }
-               if (value.length == 0) {
+        if (value.length == 0) {
             if (this.allowBlank) {
                 this.clearInvalid();
                 return true;
             }
-            
-                       this.markInvalid(this.errors.PwdEmpty);
+
+            this.markInvalid(this.errors.PwdEmpty);
             return false;
-               }
-               if ('[\x21-\x7e]*'.match(value)) {
-                       this.markInvalid(this.errors.PwdBadChar);
+        }
+        if ('[\x21-\x7e]*'.match(value)) {
+            this.markInvalid(this.errors.PwdBadChar);
             return false;
-               }
-               if (value.length < 6) {
-                       this.markInvalid(this.errors.PwdShort);
+        }
+        if (value.length < 6) {
+            this.markInvalid(this.errors.PwdShort);
             return false;
-               }
-               if (value.length > 16) {
-                       this.markInvalid(this.errors.PwdLong);
+        }
+        if (value.length > 16) {
+            this.markInvalid(this.errors.PwdLong);
             return false;
-               }
+        }
         var strength;
-               if (this.ClientSideStrongPassword(value)) {
-                       strength = 3;
-               } else if(this.ClientSideMediumPassword(value)) {
-                       strength = 2;
-               } else if(this.ClientSideWeakPassword(value)) {
-                       strength = 1;
-               } else {
-                       strength = 0;
-               }
+        if (this.ClientSideStrongPassword(value)) {
+            strength = 3;
+        } else if (this.ClientSideMediumPassword(value)) {
+            strength = 2;
+        } else if (this.ClientSideWeakPassword(value)) {
+            strength = 1;
+        } else {
+            strength = 0;
+        }
         if (strength < 2) {
-                       this.markInvalid(this.errors.TooWeak);
+            this.markInvalid(this.errors.TooWeak);
             return false;
-               }
+        }
         /*
-               for (var index = 0; index < this.fieldsFilter.length; ++index) {
-                       filter = document.getElementById(this.fieldsFilter[index][0]).value;
-                       if (filter != '')
-                       {
-                               re = new RegExp(filter);
-                               if (re.test(value)) {
-                                       this.markInvalid(eval('this.errors.'+ this.fieldsFilter[index][1]));
-                                       return false;
-                               }
-                       }
-               }
-        */
-               return true;
-       },
-
+         for (var index = 0; index < this.fieldsFilter.length; ++index) {
+         filter = document.getElementById(this.fieldsFilter[index][0]).value;
+         if (filter != '')
+         {
+         re = new RegExp(filter);
+         if (re.test(value)) {
+         this.markInvalid(eval('this.errors.'+ this.fieldsFilter[index][1]));
+         return false;
+         }
+         }
+         }
+         */
+        return true;
+    },
     // private
-       CharacterSetChecks : function(type){
-               this.type = type;
-               this.fResult = false;
-       },
-
+    CharacterSetChecks: function (type) {
+        this.type = type;
+        this.fResult = false;
+    },
     // private
-       isctype : function(character, type){
-               switch (type) { //why needed break after return in js ? very odd bug
-                       case this.kCapitalLetter: if (character >= 'A' && character <= 'Z') { return true; } break;
-                       case this.kSmallLetter: if (character >= 'a' && character <= 'z') { return true; } break;
-                       case this.kDigit: if (character >= '0' && character <= '9') { return true; } break;
-                       case this.kPunctuation: if ('!@#$%^&*()_+-=\'";:[{]}|.>,</?`~'.indexOf(character) >= 0) { return true; } break;
-                       default: return false;
-               }
-        
-       },
+    isctype: function (character, type) {
+        switch (type) { //why needed break after return in js ? very odd bug
+            case this.kCapitalLetter:
+                if (character >= 'A' && character <= 'Z') {
+                    return true;
+                }
+                break;
+            case this.kSmallLetter:
+                if (character >= 'a' && character <= 'z') {
+                    return true;
+                }
+                break;
+            case this.kDigit:
+                if (character >= '0' && character <= '9') {
+                    return true;
+                }
+                break;
+            case this.kPunctuation:
+                if ('!@#$%^&*()_+-=\'";:[{]}|.>,</?`~'.indexOf(character) >= 0) {
+                    return true;
+                }
+                break;
+            default:
+                return false;
+        }
 
+    },
     // private
-       IsLongEnough : function(pwd, size){
-               return !(pwd == null || isNaN(size) || pwd.length < size);
-       },
-
+    IsLongEnough: function (pwd, size) {
+        return !(pwd == null || isNaN(size) || pwd.length < size);
+    },
     // private
-       SpansEnoughCharacterSets : function(word, nb){
-               if (!this.IsLongEnough(word, nb))
-               {
-                       return false;
-               }
-
-               var characterSetChecks = new Array(
-                       new this.CharacterSetChecks(this.kCapitalLetter), new this.CharacterSetChecks(this.kSmallLetter),
-                       new this.CharacterSetChecks(this.kDigit), new this.CharacterSetChecks(this.kPunctuation));
-               for (var index = 0; index < word.length; ++index) {
-                       for (var nCharSet = 0; nCharSet < characterSetChecks.length; ++nCharSet) {
-                               if (!characterSetChecks[nCharSet].fResult && this.isctype(word.charAt(index), characterSetChecks[nCharSet].type)) {
-                                       characterSetChecks[nCharSet].fResult = true;
-                                       break;
-                               }
-                       }
-               }
+    SpansEnoughCharacterSets: function (word, nb) {
+        if (!this.IsLongEnough(word, nb))
+        {
+            return false;
+        }
 
-               var nCharSets = 0;
-               for (var nCharSet = 0; nCharSet < characterSetChecks.length; ++nCharSet) {
-                       if (characterSetChecks[nCharSet].fResult) {
-                               ++nCharSets;
-                       }
-               }
+        var characterSetChecks = new Array(
+                new this.CharacterSetChecks(this.kCapitalLetter), new this.CharacterSetChecks(this.kSmallLetter),
+                new this.CharacterSetChecks(this.kDigit), new this.CharacterSetChecks(this.kPunctuation));
+        for (var index = 0; index < word.length; ++index) {
+            for (var nCharSet = 0; nCharSet < characterSetChecks.length; ++nCharSet) {
+                if (!characterSetChecks[nCharSet].fResult && this.isctype(word.charAt(index), characterSetChecks[nCharSet].type)) {
+                    characterSetChecks[nCharSet].fResult = true;
+                    break;
+                }
+            }
+        }
 
-               if (nCharSets < nb) {
-                       return false;
-               }
-               return true;
-       },
+        var nCharSets = 0;
+        for (var nCharSet = 0; nCharSet < characterSetChecks.length; ++nCharSet) {
+            if (characterSetChecks[nCharSet].fResult) {
+                ++nCharSets;
+            }
+        }
 
+        if (nCharSets < nb) {
+            return false;
+        }
+        return true;
+    },
     // private
-       ClientSideStrongPassword : function(pwd){
-               return this.IsLongEnough(pwd, 8) && this.SpansEnoughCharacterSets(pwd, 3);
-       },
-
+    ClientSideStrongPassword: function (pwd) {
+        return this.IsLongEnough(pwd, 8) && this.SpansEnoughCharacterSets(pwd, 3);
+    },
     // private
-       ClientSideMediumPassword : function(pwd){
-               return this.IsLongEnough(pwd, 7) && this.SpansEnoughCharacterSets(pwd, 2);
-       },
-
+    ClientSideMediumPassword: function (pwd) {
+        return this.IsLongEnough(pwd, 7) && this.SpansEnoughCharacterSets(pwd, 2);
+    },
     // private
-       ClientSideWeakPassword : function(pwd){
-               return this.IsLongEnough(pwd, 6) || !this.IsLongEnough(pwd, 0);
-       }/*,
-        
-    // private -- see TextFiedl... - not sure why we are duping the code?
-    SafariOnKeyDown : function(event){
-        
-        var isSelectAll = false;
-        if(this.el.dom.selectionEnd > 0){
-            isSelectAll = (this.el.dom.selectionEnd - this.el.dom.selectionStart - this.getValue().length == 0) ? true : false;
-        }
-        if(((event.getKey() == 8 || event.getKey() == 46) && this.getValue().length ==1)){ // backspace and delete key
-            event.preventDefault();
-            this.setValue('');
-            return;
-         };
-        if(isSelectAll){ // backspace and delete key
-            
-            event.preventDefault();
-             this.setValue(String.fromCharCode(
-                    this.shiftKey ? event.getKey() : event.getKey().toLowerCase()
-            ));  
-        };
-    } */
+    ClientSideWeakPassword: function (pwd) {
+        return this.IsLongEnough(pwd, 6) || !this.IsLongEnough(pwd, 0);
+    }/*,
+     
+     // private -- see TextFiedl... - not sure why we are duping the code?
+     SafariOnKeyDown : function(event){
+     
+     var isSelectAll = false;
+     if(this.el.dom.selectionEnd > 0){
+     isSelectAll = (this.el.dom.selectionEnd - this.el.dom.selectionStart - this.getValue().length == 0) ? true : false;
+     }
+     if(((event.getKey() == 8 || event.getKey() == 46) && this.getValue().length ==1)){ // backspace and delete key
+     event.preventDefault();
+     this.setValue('');
+     return;
+     };
+     if(isSelectAll){ // backspace and delete key
+     
+     event.preventDefault();
+     this.setValue(String.fromCharCode(
+     this.shiftKey ? event.getKey() : event.getKey().toLowerCase()
+     ));  
+     };
+     } */
 })
\ No newline at end of file