Ext.require([

	'Ext.form.*',
	'Ext.grid.*',
	'Ext.tree.*',
	'Ext.data.*',
	'Ext.util.*',
	'Ext.window.MessageBox',
	    'Ext.tip.*',
	    'Ext.state.*'

]);

Ext.onReady(function(){

	Ext.QuickTips.init();
	
	
	 function formatDate(value){
   
	
		if ( value != '' ) {
     
			var dt = new Date(value);
			var date = Ext.Date.dateFormat(dt, 'Y-m-d');
			
			return date;
       } else {
		   
		   return '';
	   }
     
    }
    
    
	var tabValue = new Array();
	var saveneeded = false;
	var indexsaveneed = 0;
	var insertnew = true;
	
	getSortOrder = function(precedent,suivant){
			
			if ( precedent != undefined ){
				var dprec = precedent.data;
			}
			if ( suivant != undefined ) {
				var dnext = suivant.data;
			}
			var precorder = 0 ;
			var nextorder = 0;
			if ( dprec != undefined ) {
				Ext.Object.each(dprec,function(key,value,index){
					
						if (key == 'sort_order'){
							
							if(value.length > 0 ){ 
								precorder = value;
								return false;
							}else{
								precorder = 0;
								return false;
							}			
						}
						
				});
			}
			
			if (dnext != undefined ){
				Ext.Object.each(dnext,function(key,value,index){
					
						if (key == 'sort_order'){
							if(value.length > 0 ){ 
								nextorder = value;
								return false;
							}else{
								nextorder = 0;
								return false;
							}
						}
						
				});
				
			}
		
			var sortorder = 10000;
			if( precorder == 0 ){
				return sortorder; 
			} else if ( nextorder == 0 ) {
				
				return (parseInt(precorder) + 1000);
			
			}else{
				
				sortorder = (nextorder - precorder);
				sortorder = parseInt(precorder) + (sortorder / 2) ;
				return sortorder;
			}
			
			
			
			
			
		},
		
		
		getNodeId = function(node,type){
			var idNext = 0 ;
			Ext.Object.each(node,function(key, value, myself) {
					
				//	alert(Ext.Object.toQueryString(node));
					
					if (key === type) {
						Ext.Object.each(value,function(key, value, myself) {
					//		alert(Ext.Object.toQueryString(value));
						//	alert(' 2 ' + key + value);
								if ( key == 'internalId'){
									if ( value.length > 0 ) {
										idNext = value;
									}else{
										idNext = 0;
										
									}
								}
							});
					}
				});
			return idNext;
		},
			genData2 = function(tab,view){
			
			
					//var ss = materialstore.findRecord('data','Training Day');
			var final = view;
			var couples = tab.split(';');
			var size = couples.length;
			for ( var i = 1 ; i < 6 ; i++ ) {
				
				var keyvalue = couples[i].split(':');
				var ssize = keyvalue.length;
				for ( var z = 1; z < ssize ; z++) {
						
						if ( keyvalue[(ssize - 1)] != "" ){
							var value = keyvalue[(ssize - 1)]; 
							var test = keyvalue[0].concat('store');
							var prefix = "var c = keyvalue[0] + 'store';";
							
							ok=true;
								 
								try{
									eval(prefix)
									eval(c)
									
								}
								catch(err){
									ok=false;
								}
								
								
								final +=  keyvalue[0];
								final += ':'
								
								if(ok == true){
									
									
									var store = Ext.getStore(eval(c));
									
									var index = store.findRecord('data',value);
									var modif = index.get('id');
									if ( index != null ) {
										
										var rg = new RegExp(value,'gi');
										tab = tab.replace(rg,modif);
										var rep = '';
										
										final += keyvalue[1].replace(rg,modif);
										if (  keyvalue[1] != '' ) {
											final += ';';
										}
									}
									
								} else {
									
									
									final += keyvalue[1];
									final += ';';
								}
						
							} else {
								
								final +=  keyvalue[0];
								final += ':'
								final += keyvalue[1];
								final += ';'
							}
				}
				
			}
			
			return final;
			}
			
			
		genParam = function(tab) {
		
			
			var equal = new RegExp("=",'gi');
			var newTab = tab.replace(equal,":");
			var start  = "view_name:'im_timesheet_task_list_extjs';";
			var view = "view_name:'im_timesheet_task_list_extjs';";
			var et = new RegExp("&", 'gi');
			
			start += newTab;
			
			start += "";
			var total = start.replace(et,";");
			
			
			
			total =  decodeURIComponent(total);
			total = genData2(total,view);
			
			var mdlid = monPreeditgrid.getStore().getAt(0).get('id');
			
			var node = monPrestore.getNodeById(mdlid);
			
			total = total +'id:'+mdlid+ ';parentId:' + node.data.parentId + ';project_id' + ':' +  id;;
			
			
			alert(total);
			return total;
		}
		
		genSaveNeedParam = function(tab,id) {
		
			
			var equal = new RegExp("=",'gi');
			var newTab = tab.replace(equal,":");
			var start  = "view_name:'im_timesheet_task_list_extjs';";
			var view = "view_name:'im_timesheet_task_list_extjs';";
			var et = new RegExp("&", 'gi');
			
			start += newTab;
			
			start += "";
			var total = start.replace(et,";");
			
			
			
			total =  decodeURIComponent(total);
			total = genData2(total,view);
			
			var mdlid = monPreeditgrid.getStore().getAt(0).get('id');
			
			var node = monPrestore.getNodeById(mdlid);
			
			total = total +'id:'+id+ ';parentId:' + node.data.parentId + ';project_id' + ':' +  id;;
			
			
			alert(total);
			return total;
		}
		function showResult(btn){
						
						if (btn == 'yes') {
							var mdlexpanded = monPretree.getView().getSelectedRecords()[0];
							var nodeexpanded = monPrestore.getNodeById(mdlexpanded.get('id'));
							
							var idexpanded = nodeexpanded.parentNode.internalId;
							
										var test = 0;
										
										var mm = monPrepanel.getValues();
										
										var arrayValue = Ext.Object.getValues(mm);
										var tab = Ext.Object.toQueryString(mm);
										
										
											
											
											Ext.Ajax.request({
												
												url : 'update_task.tcl',
												method : 'POST',
												success: function (response){
													
													var text = response.responseText;
													monPretree.getStore().load();
													
													
												//	Ext.Msg.alert('success Updates ...', text);

												},
												failure: function(response){
													var text = response.responseText;
													Ext.Msg.alert('failure Updates ...', text);
													
												},
												params : { param : genParam(tab) }
												
											});
										
									
						} 
			};
	
			

		
		Ext.define('Task',
			{
				extend : 'Ext.data.Model',
				fields : [ {name : 'task', type: 'string'} , {name : 'material', type: 'string'} , {name : 'start_date', type: 'string'} , {name : 'short_desc', type: 'string'} , {name : 'sort_order', type: 'string'} , {name : 'id', type: 'string'} ]
		});
		
	Ext.define('Combox',
			{
				extend : 'Ext.data.Model',
				fields : [ {name : 'id', type: 'int'} , {name : 'data', type: 'string'} ]
		});
	
	
				var taskdefaultvalue = '';
			
	
		
		var materialstore = Ext.create('Ext.data.Store',{
			
				//fields : [ 'id','data'],
				model :'Combox',
				data : [ 
				{ "id" : "12270",
				"data" : "Basic Monthly Support Contract"}
				 , 
				{ "id" : "12261",
				"data" : "Business Analysis Hour"}
				 , 
				{ "id" : "12812",
				"data" : "Default"}
				 , 
				{ "id" : "12275",
				"data" : "Installation Day"}
				 , 
				{ "id" : "12274",
				"data" : "Installation Hour"}
				 , 
				{ "id" : "12260",
				"data" : "Java Development Hour"}
				 , 
				{ "id" : "12303",
				"data" : "Process Analysis Hour"}
				 , 
				{ "id" : "12264",
				"data" : "Project/Consulting -Base System-"}
				 , 
				{ "id" : "15276",
				"data" : "Project Management Hour"}
				 , 
				{ "id" : "12390",
				"data" : "Project Management Hour"}
				 , 
				{ "id" : "12263",
				"data" : "Project/Translation -Base System-"}
				 , 
				{ "id" : "12265",
				"data" : "Project/Translation Freelance Extension"}
				 , 
				{ "id" : "12266",
				"data" : "Project/Translation Quality Extension"}
				 , 
				{ "id" : "12271",
				"data" : "Silver Monthly Support Contract"}
				 , 
				{ "id" : "12262",
				"data" : "Software Design Hour"}
				 , 
				{ "id" : "12269",
				"data" : "Software Update Service"}
				 , 
				{ "id" : "15275",
				"data" : "Specification Development Hour"}
				 , 
				{ "id" : "12267",
				"data" : "Support Hour"}
				 , 
				{ "id" : "12256",
				"data" : "TCL Programming Hour"}
				 , 
				{ "id" : "12268",
				"data" : "Testing Hour"}
				 , 
				{ "id" : "12277",
				"data" : "Training Day"}
				 , 
				{ "id" : "12273",
				"data" : "Training Hour"}
				 , 
				{ "id" : "30818",
				"data" : "Translation Task"}
				 , 
				{ "id" : "15283",
				"data" : "Type3 Customization Hour"}
				 , 
				{ "id" : "15271",
				"data" : "Typo3 Installation Hour"}
				 , 
				{ "id" : "15269",
				"data" : "Web Design Hour"}
				 ]
				
			
			
			});
			
		
				
			//	var materialdefaultvalue = 'default';
			var dvalue = materialstore.findRecord('id',12812);
			var data = dvalue.get('data')
			var materialdefaultvalue = data;
			
				var start_datedefaultvalue = '';
			
				var short_descdefaultvalue = '';
			
				var sort_orderdefaultvalue = '';
			
				var iddefaultvalue = '';
			
	
	
	 var monPrestore = Ext.create('Ext.data.TreeStore',{
		
		model : 'Task',
		proxy : {
			model : 'Task',
			appendId: true,
			type : 'ajax',
			url : '/intranet-timesheet2-tasks-extjs/getJSON.tcl',
			extraParams : {
				
				user_id : '624',
				project_id : '32001'
				
			},
			
			reader : {
				type : 'json'
				
			},
			writer : {
				type : 'json'
				
				
				
			}
			
		}
		
		
	
				
	 });
	 
		 var fieldmanda = new Object();
	
			fieldmanda["Short_desc"] = "Short_desc";
			 var cellEditing = Ext.create('Ext.grid.plugin.CellEditing', {
        clicksToEdit: 1
    });
		
		var monPreeditstore = Ext.create('Ext.data.Store', {
	
			//fields : [ {name : 'budgettype', type: 'string'} , {name : 'description', type: 'string'} , {name : 'costcenter', type: 'string'} , {name : 'material', type: 'string'} , {name : 'plannedunits', type: 'string'} , {name : 'uom', type: 'string'} , {name : 'amount', type: 'string'} , {name : 'company', type: 'string'} , {name : 'lineamount', type: 'string'} , {name : 'id', type: 'string'} ],
			model : Task,
			data:{
				
				'items':
				[]},
				
				proxy: {
					type: 'memory',
					reader: {
						type: 'json',
						root: 'items'
					},
					writer : {
						
						type: 'json',
						root: 'items'
					}
				}
		});
	
	
			
			var monPreeditgrid =  Ext.create('Ext.grid.Panel', {
			
				store : monPreeditstore,
				plugins : [cellEditing],
				columns : [  {  
				
					header : 'Task',
					dataIndex : 'task',
					id : 'Taskgridid',
					
					 flex : 3,
				
					field : {
						
						xtype : 'textfield',
		anchor : '40%',
		 itemId: 'Task',
				
						 allowBlank : true 
					}
			}
			, {  
				
					header : 'Material',
					dataIndex : 'material',
					id : 'Materialgridid',
					
					 flex : 2,
					field : {
						
						xtype : 'combobox',
				anchor : '35%',
				store : materialstore,
				itemId : 'Material',
				queryMode: 'local',
				displayField: 'data',
				width : 50,
				valueField: 'data',
				editable : false,
				clsm : 'my-combo-lst',
				grow : true,
				enforceMaxLength : true,
				listeners : {
					
					render : function(me){
					 
						var obj = materialstore.findRecord('data',materialdefaultvalue);
						if ( obj != null ){
							me.setValue(obj.get('data'),obj);
						}
						
					}
					
				},
				
						 allowBlank : true 
					}
			}
			, {  
				
					header : 'Start Date',
					dataIndex : 'start_date',
					id : 'Start_Dategridid',
					
					 flex : 2,
				xtype : 'datecolumn',
				format : 'Y-m-d',
				renderer: formatDate,
				//renderer: Ext.util.Format.dateRenderer('Y/m/d'),
				
				
				
					field : {
						
						xtype : 'datefield',
		anchor : '20%',
		
		itemId: 'Start_Date',
		disabledDays : [0,6],
		submitFormat : 'Y-m-d',
		submitValue : false,
		//format : 'Y/m/d',
		format : 'Y-m-d',
		editable: false,
		value : '""',
		listeners : {
			
			blur : function(me,opt){
				
				//me.setValue(Ext.Date.parse(me.getValue(),'Y-m-d'));
				var date = me.getValue();
				alert(me.getValue());
			}
			
		},
		
						 allowBlank : true 
					}
			}
			, {  
				
					header :  "Short_description  (<span class='icon_mandatory'>*</span>)", 
					dataIndex : 'short_desc',
					id : 'Short_descgridid',
					
					 flex : 2,
					field : {
						
						xtype : 'textfield',
		anchor : '40%',
		 itemId: 'Short_desc',
				
						 allowBlank : false 
					}
			}
			, {  
				
					header : 'Sort Order',
					dataIndex : 'sort_order',
					id : 'sort_ordergridid',
					
					 flex : 2,
					field : {
						
						xtype : 'textfield',
		anchor : '40%',
		 itemId: 'sort_order',
				
						 allowBlank : true 
					}
			}
			, {  
				
					header : 'MESSAGE KEY MISSING: \'intranet-timesheet2-tasks-extjs.Id\'',
					dataIndex : 'id',
					id : 'Idgridid',
					
					hidden : true,  flex : 2,
					field : {
						
						xtype : 'hiddenfield',
		 itemId: 'Id',
		
		
						 allowBlank : true 
					}
			}
			,],
				 dockedItems: [{
					 
					xtype: 'toolbar',
					dock: 'bottom',
					height : 22,
					items: [
					{
						 
						xtype : 'button',
						id : 'treetbarbpmode',
						text : 'Mode : add Leaf',
						enableToggle : true,
						iconCls : 'tbar_leaf',
						scale : 'small',
						width : 170,
						toggleGroup : 'monGroup',
						listeners : {
							toggle : function(me,pressed){
								if ( pressed == true ) {
									
									this.setText('Mode : add Sub_project');
									this.setIconCls('tbar_subproject');
								} else {
									this.setText('Mode : add Leaf');
									this.setIconCls('tbar_leaf');
								}
								
								
								
							}
							
						
						}
					},
					
					'->',{
						xtype : 'button',
						id : 'updatebtn',
						text : 'update',
						scall : 'small',
						height : 20,
						iconCls : 'icon_submit',
						handler : function() {
							
							
						var mdlid = monPreeditgrid.getStore().getAt(0).get('id');
						//var node = monPrestore.getNodeById(mdlid);
						//var mdlexpanded = monPretree.getView().getSelectedRecords()[0];
						if ( mdlid != undefined ) {
							var nodeexpanded = monPrestore.getNodeById(mdlid);
						
							var idexpanded = nodeexpanded.parentNode.internalId;
							monPrestore.getProxy().extraParams = {
					
									user_id : '624',
									project_id : '32001',
									expanded : idexpanded
							}
							
											
								var compt = 0;
								var fielderror = new Array();
								
								Ext.Object.each(monPreeditgrid.columns, function(key,value){
										Ext.Object.each(value ,function(key,value){
											
												if(key == 'field'){	
													
													Ext.Object.each(value ,function(key,val){
													
														
													var record = monPreeditstore.getAt(0);
															
															
													if ( key == 'itemId') {
																
																
																var nom = val.toLowerCase();
																if ( fieldmanda[val] != undefined ) {
																	
																	if (record.get(nom) == '') {
																		
																		fielderror[compt] = fieldmanda[val];
																		compt++;
																	}
																}
																
															
													}
														
														
													});
													
												}
												
											});
											
										
									
								});
								
									var test = 0;
									
									//var mm = monPrepanel.getValues();
									var mm = monPreeditgrid.getStore().getAt(0);
									
									var tab = Ext.Object.toQueryString(mm.data);
									
										
										if (fielderror.length == 0 ){
											Ext.Ajax.request({
												
												url : 'update_task.tcl',
												method : 'GET',
												success: function (response){
													
													var text = response.responseText;
													monPretree.getStore().load();
													saveneeded = false;
													insertnew = true;
												//	Ext.Msg.alert('success Updates ...', text);

												},
												failure: function(response){
													var text = response.responseText;
													Ext.Msg.alert('failure Updates ...', text);
													
												},
												params : { param : genParam(tab) , expanded : idexpanded }
												
											});
									
										} else { 
											var msg = 'Fields are mandatory : '.concat(fielderror.toString());
											Ext.Msg.show({
												 title:'Mandatory fields',
												 msg: msg,
												 buttons: Ext.Msg.OK,
												 icon: Ext.Msg.WARNING
											});
										}
								}
					}
					},'-',{
						xtype : 'button',
						text : 	'delete',
						iconCls : 'icon_delete',
						id : 'deletebtn',
						scall : 'small',
						height : 20,
						handler : function() {
				
							var mm = monPreeditgrid.getStore().getAt(0);
							var tab = Ext.Object.toQueryString(mm);
									
							
										
							if ( monPreeditgrid.getStore().getAt(0).get('id').charAt(0) != 'X' ){			
							Ext.Ajax.request({
												
												url : 'task-delete.tcl',
												method : 'POST',
												success: function (response){
													var text = response.responseText;
													monPretree.getStore().load();
													saveneeded = false;
													
													//Ext.example.msg('success Deleting ...', text);
												//	Ext.Msg.alert('success Deleting ...', text);

												},
												failure: function (response){
													var text = response.responseText;
													
													Ext.Msg.alert('failure Deleting ...', text);
													
													},
												params : { task_id :  monPreeditgrid.getStore().getAt(0).get('id') , project_id : 32001 , return_url : "" }	
											
											
												
											});
										} else {
											if(monPreeditgrid.getStore().getAt(0).get('id').charAt(0) == 'X') {
												
												var node = monPrestore.getNodeById(monPreeditgrid.getStore().getAt(0).get('id'));
											
												node.remove(false);
												monPrestore.load();
												
											}
										}
					}
				
					}]
				}]

				
				
				
				
				
			}); 
			monPreeditgrid.on('edit',onvalidatEdit, this);
			
			function onvalidatEdit(editor,e,opt) {
				//alert(e.value + ' --- '+e.record.data); 
				
				Ext.Object.each(e.record.data,function(key,value){
					
						//alert( key + ' _ ' + value );
						if (key == e.column.dataIndex){
								
								if ( value == e.value ) {
									saveneeded = false;
								} else if (e.value == '' ) {
									
									saveneeded = true;
								} else {
									
									saveneeded = true;
									
								}
						}
				});
				var mdl = monPreeditgrid.getStore().getAt(0);
				
				//	alert(Ext.Object.toQueryString(e));
				//var sel = monPretree.getView().getSelectedRecords();
				tabValue["e.column.dataIndex"] = mdl.get(e.column.dataIndex);
				
				indexsaveneed = mdl.get('id');
			//	saveneeded = true;	
			}
	
		
			var mesfields = new Array;
			
			var monPretree = Ext.create('Ext.tree.Panel',{
				id : 'treepanel',
				title : 'MESSAGE KEY MISSING: \'intranet-timesheet2-tasks-extjs.treetitle\'',
				width : 500,
				useArrows : true,
				autoScroll : true,
				singleExpand : false,
				store : monPrestore,
				enableDD : true,
				rootVisible : false,
				
				viewConfig : {
					plugins : {
						ptype: 'treeviewdragdrop',     
						  
						
					}
					
				},
		
				listeners : {
		beforeitemclick : function(me,model,item,index,e,opt){
					
			var fielderror = new Array();
				 if ( monPreeditgrid.getStore().getAt(0) != undefined ) {
					 
					var mdl =	monPreeditgrid.getStore().getAt(0);
				  }
				
				if ( saveneeded == true ){
				
					var node = monPrestore.getNodeById(indexsaveneed);
					var tab = Ext.Object.toQueryString(mdl.data);
					var id = mdl.get('id');
					
					function update_budget(btn){
							
							if ( btn == 'yes'){
								
								
									
								var compt = 0;
								
								Ext.Object.each(monPreeditgrid.columns, function(key,value){
										Ext.Object.each(value ,function(key,value){
											
												if(key == 'field'){	
												
													Ext.Object.each(value ,function(key,val){
													
														
													var record = monPreeditstore.getAt(0);
															
															
													if ( key == 'itemId') {
															var nom = val.toLowerCase();
															if ( fieldmanda[val] != undefined ) {
																
																if (record.get(nom) == '') {
																	
																	fielderrorsave[compt] = fieldmanda[val];
																	compt++;
																}
															}
													}
														
														
													});
													
												}
												
											});
											
										
									
								});
								
							
									
								if ( fielderror.length > 0 ){
									
									
									
											var msg = 'Fields are mandatory : '.concat(fielderrorsave.toString());
											Ext.Msg.show({
												 title:'Mandatory fields',
												 msg: msg,
												 buttons: Ext.Msg.OK,
												 icon: Ext.Msg.WARNING
											});
									
									
									
									
								} else {	 
									
									Ext.Ajax.request({
										
										url : 'update_task.tcl',
										method : 'GET',
										success: function (response){
											
											var text = response.responseText;
											monPretree.getStore().load();
											
											saveneeded = false;
											insertnew = true;
										},
										failure: function(response){
											var text = response.responseText;
											Ext.Msg.alert('failure Updates ...', text);
											
										},
										params : { param : genSaveNeedParam(tab,id) }
										
									});
									
									
								}
								
							}
							
						}
						
						Ext.Msg.show({
								 title:'Save Changes?',
								 msg: 'MESSAGE KEY MISSING: \'intranet-timesheet2-tasks-extjs.worksave\'',
								 buttons: Ext.Msg.YESNO,
								 fn : update_budget,
								 icon: Ext.window.MessageBox.QUESTION
						});
						
						
						saveneeded = false;
			}
		},
		
   
			
		itemclick : function(a,model,c,index,e){
			
			
			monPreeditgrid.getView().refresh();
			if ( model instanceof Task ) {
				
				
				
				var node = monPrestore.getNodeById(model.get('id'));
				
				if (node.isLeaf() ){
							
					Ext.getCmp('updatebtn').setDisabled(false);
					Ext.getCmp('deletebtn').setDisabled(false);
					var i = 0;
			var Taskgrididcmp = Ext.getCmp('Taskgridid'); 
			//alert(Taskgrididcmp);
			if ( 'Y' == 'Y' ) {
				if (mesfields[i] != undefined ) {
					Ext.apply(Taskgrididcmp,{
							field : mesfields[i]
					});
					
				}
			} else {
				
					
					Ext.apply(Taskgrididcmp,{
							field : ''
					});
					
				
				
			}
			i++;
		
			var Materialgrididcmp = Ext.getCmp('Materialgridid'); 
			//alert(Materialgrididcmp);
			if ( 'N' == 'Y' ) {
				if (mesfields[i] != undefined ) {
					Ext.apply(Materialgrididcmp,{
							field : mesfields[i]
					});
					
				}
			} else {
				
					
					Ext.apply(Materialgrididcmp,{
							field : ''
					});
					
				
				
			}
			i++;
		
			var Start_Dategrididcmp = Ext.getCmp('Start_Dategridid'); 
			//alert(Start_Dategrididcmp);
			if ( 'Y' == 'Y' ) {
				if (mesfields[i] != undefined ) {
					Ext.apply(Start_Dategrididcmp,{
							field : mesfields[i]
					});
					
				}
			} else {
				
					
					Ext.apply(Start_Dategrididcmp,{
							field : ''
					});
					
				
				
			}
			i++;
		
			var Short_descgrididcmp = Ext.getCmp('Short_descgridid'); 
			//alert(Short_descgrididcmp);
			if ( 'Y' == 'Y' ) {
				if (mesfields[i] != undefined ) {
					Ext.apply(Short_descgrididcmp,{
							field : mesfields[i]
					});
					
				}
			} else {
				
					
					Ext.apply(Short_descgrididcmp,{
							field : ''
					});
					
				
				
			}
			i++;
		
			var sort_ordergrididcmp = Ext.getCmp('sort_ordergridid'); 
			//alert(sort_ordergrididcmp);
			if ( 'Y' == 'Y' ) {
				if (mesfields[i] != undefined ) {
					Ext.apply(sort_ordergrididcmp,{
							field : mesfields[i]
					});
					
				}
			} else {
				
					
					Ext.apply(sort_ordergrididcmp,{
							field : ''
					});
					
				
				
			}
			i++;
		
			var Idgrididcmp = Ext.getCmp('Idgridid'); 
			//alert(Idgrididcmp);
			if ( 'N' == 'Y' ) {
				if (mesfields[i] != undefined ) {
					Ext.apply(Idgrididcmp,{
							field : mesfields[i]
					});
					
				}
			} else {
				
					
					Ext.apply(Idgrididcmp,{
							field : ''
					});
					
				
				
			}
			i++;
		
					monPreeditstore.removeAll(false);
					monPreeditstore.insert(0,model);
					//PROJECT
				} else {
					
					Ext.getCmp('updatebtn').setDisabled(true);
					Ext.getCmp('deletebtn').setDisabled(true);
					
					monPreeditstore.removeAll(false);
					monPreeditstore.insert(0,model);
				}
			
			}
			
		},
		
		
		itemdblclick : function(view, model, htmlitem, index, e )
		{
			
			if ( insertnew == true ) {						
				var cmp = Ext.getCmp('treetbarbpmode');
										
				var node = monPrestore.getNodeById(model.get('id'));
				var papa = node.parentNode;
					
				var idparent = 'X'+papa.internalId;
				var mdata = papa.data;
				var sdate = 0 ;
				Ext.Object.each(mdata, function(key, value, myself) {
						
					
						if (key === 'start_date') {
							
							sdate = value;
							return false; // stop the iteration
						}
					});
		
				
				//If mode => SUB PROJECT ( Bpn pressed ) 
				if ( cmp.pressed == true ){
					//Add Sub Project : 
					var project = {task: taskdefaultvalue,material: materialdefaultvalue,start_date: sdate,short_desc: short_descdefaultvalue,sort_order: sort_orderdefaultvalue,id: idparent,children : []
	};
					var rechild = papa.insertBefore(project,node);
									
					
				} else {
					
					var child = {task: taskdefaultvalue,
material: materialdefaultvalue,
start_date: sdate,
short_desc: short_descdefaultvalue,
sort_order: sort_orderdefaultvalue,
id: idparent,
leaf : true};
					var rechild = papa.insertBefore(child,node);
				}
				if ( node.getDepth() != 1 ) {
					
						
						
						var idNext = getNodeId(node,'nextSibling');

						
						var nodeNext = monPrestore.getNodeById(idNext);
						var sortorder = getSortOrder(node,nodeNext);
						
						rechild.data.sort_order = sortorder;
						var renode = papa.replaceChild(rechild,node);
						papa.insertBefore(renode,rechild);
						monPretree.getView().getSelectionModel().select(rechild);
						monPretree.fireEvent('itemclick',monPretree.getView(),rechild);
				
					
				} else {	
					
					var rechild = node.appendChild(rechild);
					rechild.data.sort_order = 10000;
					monPretree.getView().refresh();
					monPretree.getView().getSelectionModel().select(rechild);
					monPretree.fireEvent('itemclick',monPretree.getView(),rechild);
					
				}
				insertnew = false;
			}
		}
		},
				columns : [ {
				xtype : 'treecolumn',
				flex :3,
				text : 'Task',
				
				width : 100,
				
				dataIndex :  'task',
				sortable : true
				
				
			} , {
				
					flex : 2,
				 
				text : 'Material',
				
				width : 100,
				
				dataIndex :  'material',
				sortable : true
				
				
			} , {
				
					flex : 2,
				 
				text : 'Start Date',
				
				width : 100,
				
				dataIndex :  'start_date',
				sortable : true
				
				
			} , {
				
					flex : 2,
				 
				text : 'Short_description',
				
				width : 100,
				
				dataIndex :  'short_desc',
				sortable : true
				
				
			} , {
				
					flex : 2,
				 
				text : 'Sort Order',
				
				width : 100,
				
				dataIndex :  'sort_order',
				sortable : true
				
				
			} , {
				
					flex : 2,
				 hidden : true,
					align : 'right',
				
				text : 'MESSAGE KEY MISSING: \'intranet-timesheet2-tasks-extjs.Id\'',
				
				width : 100,
				
				dataIndex :  'id',
				sortable : true
				
				
			} , ]
				
				
				});
		monPretree.getView().on('drop',function( node, data, overModel, dropPosition,  options ){
			
			var node = '';
			Ext.Array.each(data.records, function(name, index, countriesItSelf) {
				
					
					node = monPrestore.getNodeById(name.internalId);	
			});
	
			if ( node != undefined) {
			 var papaid = getNodeId(node,'parentNode');
			 var nextid = getNodeId(node,'nextSibling');
			 var previd = getNodeId(node,'previousSibling');

			
			 var mdl = monPreeditgrid.getStore().getAt(0);
			if ( mdl != undefined ) {
			 var nodenxt = monPrestore.getNodeById(nextid);
			 var nodesvt = monPrestore.getNodeById(previd);
			 
			 var sortorder = getSortOrder(nodesvt,nodenxt);
			 
			 node.data.sort_order = sortorder;
			 node.data.parentId = papaid;
			 var ndata = node.data;
								
									
									
			var node = monPrestore.getNodeById(indexsaveneed);
			var tab = Ext.Object.toQueryString(mdl.data);
			
			
			alert(genParam(tab));
			
			
			Ext.Ajax.request({
			
			url : 'update_task.tcl',
			method : 'GET',
			success: function (response){
				
				var text = response.responseText;
				//monPretree.getStore().load();
				
				saveneeded = false;
				//Ext.Msg.alert('success Updates ...', text);

			},
			failure: function(response){
				var text = response.responseText;
				Ext.Msg.alert('failure Updates ...', text);
				
			},
			params : { param : genParam(tab) }
			
		});
							}
						}
		
		});
		monPretree.getView().refresh();
		
		
		var mainPan = Ext.create('Ext.form.Panel',{
			
				title : 'MESSAGE KEY MISSING: \'intranet-timesheet2-tasks-extjs.title\'',
				
				resizable : true,
				height : 800,
				width : 1200,
				layout : {
					type : 'anchor'
				},
				items : [
					
					{
						anchor : '100% 13%',
						layout : 'fit',
						split : true,
						items : [monPreeditgrid]
						
					},
					{
						
						anchor : '100% 80%',
						//margin : '0 0 3 0',
						
						layout : 'fit',
						split : true,
						items : [monPretree]
						
					}
				
				],
			renderTo : 'mongrid'	
		});
	
	

});