[3.x] Login Dialog Extension

[sumit.madan]

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:

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.)

[evant]

Neat, thanks!

[wemerson.januario]

nice work. it is very nice. Congratulation

[albeva]

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

[sumit.madan]

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!

[raphac]

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

[dawesi]

nice

[bull]

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?

[jimmyphp]

focus not working on Firefox.

change code to this for fix:

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

[bull]

focus not working on Firefox.

change code to this for fix:

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

Great code. A little change for focusing on the User Name field text, is it better?

 

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