MyExtDesk.js

		Ext.define('User', {
			extend: 'Ext.data.Model',
			autoLoad: true,
			fields: [
				{name: 'id', type: 'int'},
				{name: 'name', type: 'string'},
				{name: 'wallPaper', type: 'string'},
				{name: 'wallpaperStretch', type: 'boolean'},
				{name: 'theme', type: 'string'},
				{name: 'color', type: 'string'}
			],
			proxy: {
				type: 'rest',
				url: 'ExtDesk.php?Module=Main&action=load_user',
				reader: {
					type: 'json',
					root: 'user',
					successProperty: 'success'
				}
			},
			hasMany: ['Strings','Modules']
			
		});

		Ext.define('Strings', {
			extend: 'Ext.data.Model',
			fields: ['id', 'group', 'alias', 'string'],

			proxy: {
				type: 'rest',
				url : 'ExtDesk.php?Module=Main&action=load_user',
				reader: {
					type: 'json',
					root: 'strings'
				}
			},
			belongsTo: 'User'
			
		});

		Ext.define('Modules', {
			extend: 'Ext.data.Model',
			fields: ['id','js','name','iconCls','module','shorcut','qLaunch','iconLaunch'],

			proxy: {
				type: 'rest',
				url : 'ExtDesk.php?Module=Main&action=load_user',
				reader: {
					type: 'json',
					root: 'modules'
				}
			},
			belongsTo: 'User'
			
		});

		Ext.define('MyDesktop.MyExtDesk', {

				user : 'User',
			
				load : function(){
					User.load('', {
						success : function(user,options) {
							userStore = user;
							this.user=user;
							//***<load personal theme :D>
							var getPath = location.href.substring(0,location.href.lastIndexOf("/")+1);
							//Ext.getDom('idTheme').href= getPath + "extjs/resources/css/ext-all-"+this.user.get('theme')+".css";
							//***<(8D>
							apps.push('Ext.window.MessageBox');
							apps.push('Ext.ux.desktop.ShortcutModel');							
							userStore.modules().each(function(module) {
								
								apps.push('MyDesktop.Modules.' + module.get('js') + '.Client.' + module.get('js'));
								
							});
							
							apps.push('MyDesktop.Settings');		//dirty trick to add settings module...
						
						    var myDesktopApp;
							Ext.require(apps,function(){
								myDesktopApp = new MyDesktop.ExtDesk();
							},this);
				
						},
						failure : this.login
						
					});
				},
			
				login : function(e,c){

					var jsonData=c.request.scope.reader.jsonData;				    
		    
				    if (jsonData.success==false &&jsonData.error==1){
							//console.log(jsonData);
							//console.log(window);
							window.location ="install/install.html";
					}else{

					    var win=Ext.getCmp('idWinLogin');
						
						if(win==undefined){
							var strings=jsonData.user[0].strings;
											
							var lan=Array;
							lan["login"] 	= strings[0].string;
							lan["user"] 	= strings[1].string;
							lan["pswd"] 	= strings[2].string;
							lan["r_user"]	= strings[3].string;
							lan["r_psd"] 	= strings[4].string;
							lan["enter"] 	= strings[5].string;
							lan["cancel"] 	= strings[6].string;
							lan["error"]	= strings[8].string;
							lan["bad_login"]= strings[9].string;
	
						
                var form = Ext.create('Ext.form.Panel', {
                    //layout: 'absolute',
                    url: 'ExtDesk.php?Module=Main&action=load_user',
                    defaultType: 'textfield',
                    border: false,
                    layout:'auto',
                    region: 'center',
                    bodyPadding: 10,
                    defaults:{
                        fieldWidth: 60,
                        enableKeyEvents:true,
                        listeners:{
                            specialKey: function(field, el)
                            {
                                if(el.getKey() == Ext.EventObject.ENTER)
                                {
                                    Ext.getCmp('btnEnter').handler.call(Ext.getCmp('btnEnter').scope);
                                }
                            }
                        }
                    },
                    //bodyStyle: "background-image:url(blue.jpg) !important",
                    items: [
                    {
                        id:"idLoginUser",
                        fieldLabel: lan["user"],
                        msgTarget: 'side',
                        allowBlank: false,
                        name: 'user',
                        listeners: {
							change: function(a) {
								//console.log(a.value);
									x=Ext.get('img-avatar')
									if (x!=null){
										Ext.get('img-avatar').set({src: "resources/images/avatars/"+a.value+".png"});  
									}
							}  
						}     
                    },
                    {
                        id:"idLoginPswd",
                        inputType: 'password',
                        fieldLabel: lan["pswd"],
                        name: 'password'
                    },
                    {
                        id: 'idRememberUser',
                        xtype: 'checkboxfield',		
                        name: 'recordarUsuario',
                        boxLabel: lan["r_user"],
                        hideLabel: true,                        
                        style: 'margin-left:105px;margin-top:8px;'
                    },
                    {
                        id: 'idRememberPswd',
                        xtype: 'checkboxfield',		
                        name: 'recordarUsuario',
                        boxLabel: lan["r_psd"],
                        hideLabel: true,                         
                        style: 'margin-left:105px;margin-top:8px;'
                    }
								
								]
							});
							
							var win = Ext.create('Ext.window.Window', {
								id : 'idWinLogin',
								title: lan["login"],
								width: 450,
								height: 215,
								minWidth: 450,
								minHeight:215,
								layout: 'border',
								plain:true,
								closable:false,
								items: [
									{
										xtype: 'panel',
										region: 'west',
										width: 155,
										bodyPadding: 12,
										html: '<img src="resources/images/avatars/extdesklogo.png" id="img-avatar"/>'
									},
									form
								],								
			
								buttons: [{
									id: 'btnEnter',
									text: lan["enter"],
									handler: function() {
										form.submit({
											success: function(form,action){
												//remember user
												if(Ext.getCmp('idRememberUser').getValue()){
													Ext.util.Cookies.set("rem_user",Ext.getCmp('idLoginUser').getValue(""));																								
												}else{
													Ext.util.Cookies.clear("rem_user");												
												}
												//remember pswd
												if(Ext.getCmp('idRememberPswd').getValue()){
													Ext.util.Cookies.set("rem_pswd",Ext.getCmp('idLoginPswd').getValue(""));																								
												}else{
													Ext.util.Cookies.clear("rem_pswd");												
												}
												
												win.close();
												MyExtDesk.load();
											
											},
											failure: function(form, action,a,b,c) {
												//console.log(action.result.error);
												
												if (action.result.error==0){
													error=action.result.msg;
												}else{
													error=lan["bad_login"];
												}
												
												Ext.Msg.confirm(lan["error"],error,
													function(btn, text){
													if (btn == 'yes'){
														Ext.getCmp('idLoginUser').setValue("");
														Ext.getCmp('idLoginPswd').setValue("");	
														Ext.getCmp('idLoginUser').focus('', 200);
													} else {
														var url = window.location.href;
														var nohttp = url.split('//')[1];
														var hostPort = nohttp.split('/')[0]
														window.location = 'http://' + hostPort;															
													}
													
												},this);
												//MyExtDesk.login(); //Ext.Msg.alert('Failed', action.result.msg); 
											}
	
										})
	
									}
	
								},{
									text: lan["cancel"]
								}]
							},this);
							
						
						}else{
							Ext.getCmp('idLoginUser').setValue("");
							Ext.getCmp('idLoginPswd').setValue("");						
						}
						// fill with the cookies
						if (Ext.util.Cookies.get("rem_user")!=null){
							Ext.getCmp('idLoginUser').setValue(Ext.util.Cookies.get("rem_user"));
							Ext.getCmp('idRememberUser').setValue(true);
						}
						if (Ext.util.Cookies.get("rem_pswd")!=null){
							Ext.getCmp('idLoginPswd').setValue(Ext.util.Cookies.get("rem_pswd"));
							Ext.getCmp('idRememberPswd').setValue(true);
						}
	
						win.show();
						if (Ext.util.Cookies.get("rem_user")!=null){
							Ext.get('img-avatar').set({src: "resources/images/avatars/"+Ext.util.Cookies.get('rem_user')+".png"});
						}

							
							
					}
				    
				
				}
			
			
		});