Ext.namespace("Ext.ss.app_form");
Ext.ss.app_form.LoginFormPanel = Ext.extend(Ext.ss.form.FormPanel, {
	statusBarPlugin : true,
	deferTime: 0,
	buttonAlign : 'center',
	defaultType : 'textfield',
	defaults : {
		width : 160,
		allowBlank : false
	},
	initComponent : function() {
		this.items = this.buildForm();
		this.buttons = this.buildUI();
		this.keys = this.keyHandler();
		Ext.ss.app_form.LoginFormPanel.superclass.initComponent.call(this);
	},
	buildForm : function() {
		return [{
			fieldLabel : Ext.ss.locale.Login.prototype.usernameText,
			blankText : Ext.ss.locale.Login.prototype.usernameRequiredText,
			name : 'username',
			inputType : 'text'

		}, {
			fieldLabel : Ext.ss.locale.Login.prototype.passwordText,
			blankText : Ext.ss.locale.Login.prototype.passwordRequiredText,
			name : 'password',
			inputType : 'password'
		}];
	},
	buildUI: function(){
        return [{
        	id : 'BtnSubmit',
    		text : Ext.ss.locale.Login.prototype.loginButtonText,
    		handler : this.onUpdate,
			scope: this
    	}]; 
	},
	keyHandler: function() {
		return {
			key: Ext.EventObject.ENTER,
            fn: function(key, e) {
				this.onUpdate();
            }, 
            scope: this
		}
	},
	onSuccess: function(theComp,result) {
		document.location = '.';
	}
});