var win = null;
var formPanel = null;
function dofocus(win) {
    if (cUsername==='') {
        win.unameField.focus('',10);
    }
    else {
        win.passwdField.focus('',10);
    }
}
function onenter(fld,el) {
    if (el.getKey() == Ext.EventObject.ENTER) {
        //Ext.getCmp('loginButton').fireEvent('click');
        dologin();
    }
}
function dologin(){
      formPanel.getForm().submit({url:'login.py', scope:formPanel.getForm(),
        failure: function()
        {
            alert("Login Failed");
        },
        success: function(spe,e)
        {
            if(e && e.result && e.result.user_id && e.result.user_id!='')
            {
                //alert('login success!');
                window.location = "/nsss_desktop";
            }
        },
        invalid: function(form, type)
        {
            alert("Login Failed");
        }});
}
var CheckUserLogin = function (){
  //do diff, dom create
    var unameField = new Ext.form.TextField({
    	fieldLabel: 'Username',
    	inputType: 'text',
    	name: 'username',
    	vtype: 'alphanum',
    	value: cUsername,
        allowBlank:false,
    	width:190
    });
    var passwdField = new Ext.form.TextField({
        fieldLabel: 'Password',
        inputType: 'password',
        name: 'password',
        //vtype:'alphanum',
        allowBlank:false,
        width:190,
        enableKeyEvents: true
    });
    passwdField.on('specialkey',onenter);
    rememberField = new Ext.form.Checkbox({
        fieldLabel:'Remember',
        name:'remember',
        allowBlank:true,
        checked:rememberChecked,
        //ctCls:'checkbox_padded',
        width:90
    });
    formPanel = new Ext.FormPanel({
        //onSubmit: Ext.emptyFn,
        //submit: function() {
        //    this.getForm().getEl().dom.submit();
        //},
        //renderTo: 'login-form-panel',
        labelWidth: 70,
        url:'login.py',
        frame:true,
        //title: 'Login',
        bodyStyle:'padding:5px 5px 0',
        width: 150,
        defaults: {width: 130},
        defaultType: 'textfield',
        items: [unameField, passwdField, rememberField],
        buttons: [{
            text: 'Login',
            //scope:formPanel,
            id: 'loginButton',
            name: 'loginButton',
            handler:dologin
        }]
    });
    //formPanel.render('login-form-panel');
    win = new Ext.Window({
        renderTo:'login-win',
        title: 'Login',
        layout:'fit',
        width:250,
        height:160,
        closable:false,
        plain: true,
        items: formPanel,
        buttons: []
    });
    win.unameField = unameField;
    win.passwdField = passwdField;
    win.on('show',dofocus);
    win.show();
}

Ext.onReady(CheckUserLogin, null);