Ext.namespace('TJ.Admin');

TJ.Admin.Viewport = Ext.extend(Ext.Viewport,{
    layout:'border',
	username: 'Guest',
	userTextTemplate: 'Logged in as <b>{0}</b>',
	guestTextTemplate: 'Not logged in',
	userInfo: null,
	disabled: true,

	loginWindow: null,
	setUser: function(user){
		this.setDisabled(false);
		if(!user.userid)
			user.userid=0;
//		console.log(user);
		this.userInfo=user;

		if(user.userid >0)
			Ext.fly(this.userText.getEl()).update(String.format(this.userTextTemplate,user.username));  
		else
			Ext.fly(this.userText.getEl()).update(String.format(this.guestTextTemplate));  

		if(user.userid===0){
			TJ.Admin.MainTreePanel.getRootNode().collapse();
//			TJ.Admin.MainTabPanel.setActiveTab(0);
			if(! this.loginWindow){
				this.loginWindow=new TJ.Admin.LoginForm();

			}

			this.loginWindow.show();

		} else {
			TJ.Admin.MainTreePanel.getRootNode().expand();

		}


	},
	render: function(ct,pos){
		TJ.Admin.Viewport.superclass.render.call(this,ct,pos);
		TJ.CallbackManager.GetInfo({url: TJ.LANGUAGESS + 'user:getinfo',callback: this.setUser,scope:this});

	},
	initComponent: function(){

		this.logoutButton = new Ext.Button({ text: 'Logout',
											 iconCls: 'icon_user_delete',
											scope: this,
											 handler: function(){ 
												 TJ.CallbackManager.Execute({url: TJ.LANGUAGESS + 'admin:logout',callback:this.setUser,scope:this});
								}
		});


	
		this.userText = new Ext.Toolbar.TextItem ({text: String.format('Loading...')});




		this.items=
			[
                   new Ext.Toolbar({
					region: 'north',

					items: [  new TJ.AltiusBtn(),'-',
												new TJ.comp.FontSizeButton(),	
					'->', this.userText,'-', this.logoutButton
					]
				}),
					TJ.Admin.statusGrid.init(
					{
                    region:'south',
                    split:true,
                    height: 200,
                    minSize: 100,
                    maxSize: 500,
                    collapsible: true,
                    margins:'0 0 0 0',
					layout: 'fit'
					}
						)		
					
                , {
                    region:'west',
                    title:'Navigation',
                    split:true,
                    width: 200,
                    minSize: 175,
                    maxSize: 400,
                    collapsible: true,
					border: false,
                    margins:'0 0 0 5',
						tools: [ { id: 'refresh',
								   handler: function(){ 
											TJ.Admin.MainTreePanel.getLoader().load(TJ.Admin.MainTreePanel.getRootNode());},
									scope: this
							}],

					layout:'fit',
						items: TJ.Admin.MainTreePanel = new Ext.tree.TreePanel({

						autoScroll:true,
						animate:true,
						enableDD:false,
						border: false,
						containerScroll: true ,
						loader: new Ext.tree.TreeLoader({
							dataUrl:'/en/admin:getuiactionchildren',
							listeners: { beforeload : function(treeLoader,node) { treeLoader.dataUrl = '/en/' +node.id+':getuiactionchildren';}}
						}),

						listeners: {
								beforeclick: function(node) { return !node.disabled;},
								click: function(node) { if(!node.disabled) TJ.Admin.LoadMainTabFromNode( node);
													}
//								,	 render: function(tp) { tp.getRootNode().expand();}
							},
						root: new Ext.tree.AsyncTreeNode({
						text: 'Admin Home',
						id:'admin',
						iconCls: 'icon_application_home'
						})
					})
                },
				{
                    region:'center',
					layout:'fit',
					items: TJ.Admin.MainTabPanel = new Ext.TabPanel ({

				        enableTabScroll: true,
		                activeTab:0,
						border: false,
						items:[{
							items : new TJ.Admin.HomePanel(),
							id: 'admin',
							layout: 'fit',
							title: 'Admin Home',
							iconCls: 'icon_cog',
							closable:false,
							autoScroll:true
						}],
						listeners: { tabchange: TJ.Admin.MainTabChange						,
									 contextmenu: function(tp,tab){
									TJ.Admin.ClearPanel(tab);
											tab.getUpdater().refresh();
															}
							}
						
	                })
				}
             ];
		TJ.Admin.Viewport.superclass.initComponent.call(this);
	}


});


	TJ.Admin.Startup = function (username) {
		TJ.Admin.MainWindow = new TJ.Admin.Viewport({});
//		TJ.Admin.statusGrid.addMessage({message: 'Logged in as ' + username, code: 0});
	};


TJ.Admin.LoginForm = Ext.extend(Ext.Window,{
	title:'Altius:  Login',
	modal: true,
	iconCls: 'icon_altius',
	layout: 'fit',
	height: 240,
	width: 600,
	closeAction: 'hide',
	closable: false,
	initComponent: function(){

		this.form = 	new TJ.Admin.StatusPanelForm( {
				formconfig: {
					url:   '/en/admin:login',
					items:   [{"fieldLabel":"Username","name":"username","xtype":"tjtext","desc":"Enter your username.","allowBlank":false,"minLength":3,"maxLength":48},{"fieldLabel":"Password","name":"password","xtype":"tjpassword","desc":"Enter your password.","allowBlank":false},{"fieldLabel":"Remember me","name":"persist","xtype":"tjcheckbox","desc":"Allow automatic login from this computer.","checked":false}] ,
					buttons:   [{"text":"Login","value":"login"}],
					listeners: {	actioncomplete: {scope:this, fn: function(form,action){
								form.reset();
								TJ.Admin.MainWindow.setUser(action.result.userinfo);
								this.hide();
								}
							}
					} 

					
					
					}
				});
			this.items=this.form;
			TJ.Admin.LoginForm.superclass.initComponent.call(this);
	}
});