1. #1
    Ext JS Premium Member sumit.madan's Avatar
    Join Date
    May 2009
    Location
    Bangalore, India
    Posts
    121
    Vote Rating
    24
    sumit.madan has a spectacular aura about sumit.madan has a spectacular aura about

      0  

    Default [v1.2 (08/08/09)][ExtJS 3.x] Login Dialog Extension

    [v1.2 (08/08/09)][ExtJS 3.x] Login Dialog Extension


    ExtJS 3.x extension for a Login Dialog Window. Please check the included README.txt for API reference.

    Extract the attached zip file to ExtJS examples folder.

    Screenshots:


    P.S. - There are no config options yet for changing language icon combo. I thought the best place to change it is directly in the extension as most of your applications will have only one language option. If requested, language combo can be exposed and the dialog can be localized for multiple languages.

    Changes:
    Code:
    Version 1.2, 08/08/2009
    > Added: Option to SHA1 encrypt password before submit (credits: Chris Veness)
    > Added: Option to Enable / Disable virtual keyboard plugin and enable forced password entry through virtual keyboard.
     
    Version 1.1, 07/18/2009
    > Added: Caps Lock warning for password field (credits: http://17thdegree.com/)
    > Added: Virtual Keyboard password entry plugin (VirtualKeyboard extension/plugin by efattal)
    > Updated: High-resolution PNG images (sorry IE6 folks, please supply your own images)
    > Updated: Misc css, code changes, README help corrections.
     
    Version 1.0, 05/03/2009 - Upgraded albeva's original extension for ExtJS 2.x to ExtJS 3.x
    > Added: Language Icon Combo (IconCombo extension by Saki)
    > Added: Remember Me Checkbox and config option
    > Added: Forgot Password Link and config option
    > Updated: Login Buttons to ExtJS 3.0 style buttons - medium (24x24 icons)
    > Updated: Misc css and code changes
    (Use Firefox to download the attachment below, Internet Explorer downloaded files from this forum get double zipped.)
    Attached Files
    Last edited by sumit.madan; 30 Aug 2009 at 10:34 AM. Reason: Updated to Version 1.2

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    16,655
    Vote Rating
    583
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


    Neat, thanks!
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Sencha User wemerson.januario's Avatar
    Join Date
    Nov 2008
    Location
    Brazil, Goias, GoiĆ¢nia
    Posts
    394
    Vote Rating
    4
    wemerson.januario is on a distinguished road

      0  

    Default nice work

    nice work


    nice work. it is very nice. Congratulation

  4. #4
    Sencha User
    Join Date
    Mar 2007
    Location
    London, UK
    Posts
    143
    Vote Rating
    0
    albeva is infamous around these parts albeva is infamous around these parts

      0  

    Default


    hey nice work maybe this could be added to official extensions list? I'll have a look. I've been long planning on updating the dialog a bit but seems you beat me to it

  5. #5
    Ext JS Premium Member sumit.madan's Avatar
    Join Date
    May 2009
    Location
    Bangalore, India
    Posts
    121
    Vote Rating
    24
    sumit.madan has a spectacular aura about sumit.madan has a spectacular aura about

      0  

    Default


    Quote Originally Posted by albeva View Post
    hey nice work maybe this could be added to official extensions list? I'll have a look. I've been long planning on updating the dialog a bit but seems you beat me to it
    Your extension for ExtJS 2.x had stable code (don't know why you kept it beta). I recently needed a login dialog for an application with more options and extended yours. Thanks for your original work!

  6. #6
    Sencha User
    Join Date
    Jun 2008
    Posts
    18
    Vote Rating
    0
    raphac is on a distinguished road

      0  

    Default


    1) Thanks, great job.

    2) I suggest the following extensions:

    Capturing Caps Lock For Passwords
    http://extjs.com/forum/showthread.php?t=20210

    Ext.ux.VirtualKeyboard and its plugin
    https://extjs.com/forum/showthread.php?p=223683

    SHA-1 Cryptographic Hash Algorithm
    http://ext.vosandhowden.com/ux/crypto/sha1.cfm

  7. #7
    Sencha Premium Member dawesi's Avatar
    Join Date
    Mar 2007
    Location
    Melbourne, Australia (aka GMT+10)
    Posts
    1,082
    Vote Rating
    41
    dawesi has a spectacular aura about dawesi has a spectacular aura about

      0  

    Default


    nice
    Teahouse Training Company
    Official Certified Sencha Trainer

    Australia / New Zealand / Singapore / Hong Kong & APAC



    SenchaWorld.com - Sencha webinars, videos, etc
    SenchaForge.org - (coming soon)
    TeahouseHQ.com - Sencha ecosystem training portal

    Code Validation : JSLint | JSONLint | JSONPLint

  8. #8
    Ext User
    Join Date
    Jul 2008
    Posts
    2
    Vote Rating
    0
    bull is on a distinguished road

      0  

    Default


    Thanks, it's very nice! An error occurred when I tried to click the text area of the language combo box when it's dropdown, and here's the error message:

    Line: 9
    Error: 'Ext.fly(...)' is null or not an object

    Anyone got the same problem or just me?

  9. #9
    Ext User jimmyphp's Avatar
    Join Date
    Mar 2007
    Posts
    77
    Vote Rating
    0
    jimmyphp is on a distinguished road

      0  

    Default


    focus not working on Firefox.

    change code to this for fix:

    PHP Code:
    ...
        
    // when window is visible set focus to the username field
        // and fire "show" event
        
    this._window.on ('show', function () {
            var 
    this._formPanel.getEl().child("input[type!=hidden]");
            
    f.focus.defer(100f);
            
    this.fireEvent('show'this);    
        }, 
    this);
    };
    ... 

  10. #10
    Ext User
    Join Date
    Jul 2008
    Posts
    2
    Vote Rating
    0
    bull is on a distinguished road

      0  

    Default


    Quote Originally Posted by jimmyphp View Post
    focus not working on Firefox.

    change code to this for fix:

    PHP Code:
    ...
        
    // when window is visible set focus to the username field
        // and fire "show" event
        
    this._window.on ('show', function () {
            var 
    this._formPanel.getEl().child("input[type!=hidden]");
            
    f.focus.defer(100f);
            
    this.fireEvent('show'this);    
        }, 
    this);
    };
    ... 
    Great code. A little change for focusing on the User Name field text, is it better?

    Code:
     
    
            var f = Ext.getCmp(this.usernameId);