// JavaScript Document
// E2cs alpha 0.0.7
// Extjs-Event-Calendar Solution 
// task.js
// Author: Carlos Mendez
// --------------------------------------------------------------
// Tasks for Day view  ------------------------------------------
// --------------------------------------------------------------
//	27-Sep-2008
//	Minor fixes cause of bugs with element's ID's
// --------------------------------------------------------------
// 04-08-08
// Changes for display on opera 
// Xtemplate object added for Qtip format  
// --------------------------------------------------------------
// Note: this will not work on week view, the beheavior is different
// --------------------------------------------------------------

Ext.ECalendar.daytask = function(config){
	Ext.apply(this,config);
	Ext.ECalendar.daytask.superclass.constructor.call(this);
};
Ext.extend(Ext.ECalendar.daytask, Ext.util.Observable, { 
  previndex:0,
	createdelementno:0,
	editable:true, 
	parentview:null, 											//dayview object
	baseBody:null,   											//ext element already created  that contains the tasks in day view 
	datehandle:new Date(),  									//date to handle 
	showQtip:true,												//Show Qtips on tasks
	tasksOffset: 30, 	
	task_id:0,
	task_index:0,
	task_subject:'',		
	task_starts:'',
	task_ends:'',
	task_description:'', 
	task_clsOver:'', 
	task_increment:5,
	task_width:100, 											//base Task width 
	bgcolor:'#E0FFA2',			  								//base color
	task_format:'d-m-Y H:i:s a', 								//base format on Tasks (qtips) 
	moreMenuItems:[],											// Menu items  objects for custom actions 
	contextMenuLabels: e2cs.cal_locale.contextMenuLabelsDay,  	// Labels for  Base Menu items
	// added on 0.0.4 
	tplqTip: new Ext.XTemplate( '<tpl for=".">{starxl}{startval}<br>{endxl}{endval}<hr color="#003366" noshade>{details}</tpl>' ),
	ShowMenuItems:[1,1,1,1,1],  //0.0.11 ADD, DELETE, EDIT, NEXT day, PREV DAY 
	evenLaunch:'dblclick', 
	init: function(calendar,dayview){ 
		this.calx = calendar; 
		this.vday = dayview;
	},
	render:function(){
		var m_starttime =  this.calx.currentdate.format('m/d/Y ') + this.vday.startTime ; 
		var m_endtime =    this.calx.currentdate.format('m/d/Y ') + this.vday.endTime   ; 			
		this.totalhours =  this.calx.dateDiff(new Date(m_starttime),new Date(m_endtime),e2cs.dateParts.HOUR); 
		// check if the task hour is Ok 
		var inittimetask  = this.checkTasktime(this.task_starts); 
		var endtimetask   = this.checkTasktime(this.task_ends); 
		var checkbetwdate = this.calx.currentdate.between( new Date(m_starttime), new Date(m_endtime) ); 		
		//posicion inicial de la tarea 
		var diffstartinipos = this.calx.dateDiff( new Date(m_starttime), new Date(inittimetask),e2cs.dateParts.MINUTE); 
		if (diffstartinipos<0 ){
			initpos = 0; 
			flagstarttasttext = e2cs.cal_locale.task_LessDaysFromTask; // sample'(-)<br>'; 
		} else {
			initpos = diffstartinipos; 
			flagstarttasttext = ''; 
		}
		var diffendpos = this.calx.dateDiff(new Date(m_endtime), new Date(endtimetask),e2cs.dateParts.MINUTE); 
		if (diffendpos>0){ 
			endpos = (this.totalhours) * 60; //endpos = (this.totalhours + 1) * 60; 
			endpos = Math.abs(initpos - endpos); 
			flagendtasttext = e2cs.cal_locale.task_MoreDaysFromTask; // sample '<br>(+)'; 
	    } else { 
			var tmpdate = new Date(inittimetask); 
			var dtstartday =  new Date(  this.calx.currentdate.format('m/d/Y') + ' ' + this.vday.startTime ); 
			if  (tmpdate<dtstartday) { 
				endpos = this.calx.dateDiff( new Date(m_starttime), new Date(endtimetask) ,e2cs.dateParts.MINUTE); 
			}  else { 
				endpos = this.calx.dateDiff( new Date(inittimetask), new Date(endtimetask) ,e2cs.dateParts.MINUTE); 
			} 
			//if (endpos==(this.totalhours * 60) ) { endpos = endpos -76; }  0.0.4 bad behavior
			flagendtasttext = ''; 
		} 
		this.task_index = (this.vday.tasks.length); 
		this.taskobject = this.baseBody.createChild({ tag: 'div',	 cls: 'task',	html: flagstarttasttext + this.task_subject  + flagendtasttext });
		this.taskobject.dom.setAttribute('id', this.calx.id + '-ecaltask-' 	+  this.task_index + '');
		this.taskobject.dom.setAttribute('ec_id', '' 		+  this.task_id + '');
		this.taskobject.dom.setAttribute('ec_starts', '' 	+  inittimetask + '');
		this.taskobject.dom.setAttribute('ec_ends', '' 	 	+  endtimetask + '');
		this.taskobject.dom.setAttribute('ec_subject', '' 	+  this.task_subject + '');
		this.taskobject.dom.setAttribute('ec_cnt', '' 		+  this.task_description + '');
		this.taskobject.dom.setAttribute('ec_storeindex', ''+  this.task_index + '');
		this.taskobject.setStyle({top:'' + initpos + 'px' } );		
		this.taskobject.setStyle({height:'' + endpos + 'px' } );
		this.taskobject.setStyle({width :'' + this.task_width + 'px' } );
		if (this.tasksOffset=='auto'){ 
			if (this.task_index<=1){
				var anchoposx = 0; 
			}else{
				tmpoffset = this.task_width; 
				anchoposx= 0; //var anchoposx = Ext.get('ecaltask-' + (this.task_index-1)).getX() + tmpoffset;	
				for (var x=0;x<=(this.vday.tasks.length-1);x++){ 
					if (x!=0){ anchoposx+= Ext.get(this.calx.id + '-ecaltask-' + (x)).getWidth(false);	}
				}
			} 
		} else {  //is number 
			if (this.task_index<=1){
				var anchoposx = 0;
			} else { 
				tmpoffset = this.tasksOffset; //var anchoposx = Ext.get('ecaltask-' + (this.task_index-1)).getX() + tmpoffset;		
			} 
		} 
		//this.taskobject.setX(this.baseBody.getX() + anchoposx);
		newancho=0; 
		for (var x=0;x<=(this.vday.tasks.length);x++){ 
			if (x!=0){	newancho+= Ext.get(this.calx.id + '-ecaltask-' + (x)).getWidth(false);	}
		}
		if (  newancho >this.baseBody.getWidth(false) ){ 
			Ext.get(this.calx.id + '-daybody').setWidth(newancho); 
			Ext.get('tdbaseday').setWidth(newancho); 
			//Ext.get('tableallday').getWidth(false); 
			//Ext.get('tdbaseday').setWidth(this.taskobject.getX() + this.taskobject.getWidth(false) ); 
		    //Ext.get('daybody'); 
			//this.baseBody.setWidth( this.taskobject.getX() + this.taskobject.getWidth(false) ); 
		}
		if (Ext.isOpera) { 	/*fix for Opera 9x	*/	} else { this.taskobject.setX(this.baseBody.getX() + anchoposx);} 
		this.taskobject.setY(this.baseBody.getY() + initpos); // fix for moredays task and normal tasks		
		if (this.bgcolor){ 
			this.taskobject.setStyle('background-color' ,'' + this.bgcolor + ''); 
		} else { 
			this.taskobject.setStyle('background-color' ,'#99CC99'); 
		} 
		if(Ext.isIE){ // bug fix for IE6 didnt show taks cause they ewent at the bottom and also the base day element its at the top  :(  weird IE stuff 
			this.taskobject.setStyle('z-index' ,'2000'); 
		}else{
			this.taskobject.setStyle('z-index' ,'auto');
		}
		if (this.showQtip){ 
			var tmpdate = new Date(inittimetask);  			
			var startlabel = tmpdate.format(this.task_format); 
				tmpdate = new Date(endtimetask);            
			var endlabel =   tmpdate.format(this.task_format); 
			this.taskobject.dom.qtitle= this.task_subject;		
			// 0.0.4 new feature Qtip template 		
			var datatip = {starxl:   e2cs.cal_locale.task_qtip_starts,
						   startval: startlabel,
						   endxl:    e2cs.cal_locale.task_qtip_ends, 
						   endval:   endlabel,
						   details:  this.task_description};
			//this.taskobject.dom.qtip  = e2cs.cal_locale.task_qtip_starts + startlabel + "<br>" + e2cs.cal_locale.task_qtip_ends + endlabel + '<br>' + this.task_description ; 
			this.taskobject.dom.qtip = this.tplqTip.apply(datatip);
//			tplqTip: new Ext.XTemplate( 
//				'<tpl for=".">{starxl}:{startval}<br>{endxl}:{endval}<hr color="#003366" noshade>{details}</tpl>'
//		    ),			
		}
		//0.0.11 task_clsOver implemented
		if (this.task_clsOver!=''){ this.taskobject.addClassOnOver(this.task_clsOver); }
		//0.0.11 changed so you can decide wheter click or dobleclick or nothing for the task object 
		//this.taskobject.addListener('dblclick', this.onDblclick, this );
		this.taskobject.addListener(this.evenLaunch, this.onDblclick, this );		
		if (Ext.isOpera){ 
				this.taskobject.addListener('mousedown',this.operabuttons,this); 
		} else { 
				this.taskobject.addListener('contextmenu', 
						this.oncontextmenu, this, {
							   stopPropagation:true,
							   normalized :true,
							   preventDefault:true
				} );
		} 
		if (initpos==0 && endpos>=(this.totalhours * 60)) { // no resizable cause its all day task or more :P
		}  else { //here comes the trouble :P 
			if (this.editable){ 
				if (flagendtasttext==''){ 
					var snap = new Ext.Resizable(this.calx.id + '-ecaltask-' + this.task_index + '', {
						pinned:false,
						width:this.task_width,
						handles: 's',
						heightIncrement:this.task_increment,
						minHeight: 15,
						maxHeight: ((this.totalhours * 60) - initpos),
						dynamic: true,
						draggable : false
					});
					var tmpbody = this.baseBody; 						
					var tmpvday = this.vday;
					var tmptask = this;    			
					var tmpcalendar = this.calx;
					snap.on({
						'resize':{
							fn: function( objthis, width, height, evtObj){ 
								var datatask = tmptask.getTaskarray(objthis.el); 
								var check = tmpcalendar.fireEvent("beforeTaskMove", datatask, tmptask, tmpvday, tmpcalendar);
								if (!check){ // calc new position for - start time and end time  and updates Task's tags 
									tmptask.applyChange(objthis.el);  
									var newdatatask= tmptask.getTaskarray(objthis.el);  //with updates 
									tmpcalendar.fireEvent("TaskMoved", newdatatask, tmptask, tmpvday, null);// afterChange fires
								} 
							} 
							, scope:this	
						}
					}) ; 
					// if it has moredays (+) or (-) then drag does not apply
					if (flagstarttasttext=='' && flagendtasttext == ''){  
								var taskdrag  = new Ext.dd.DDProxy(this.calx.id + '-ecaltask-' + this.task_index + '','task-group',{xTicks : 0,	yTicks : 5});	
								// needed this vars cause in the endrag this i cant change it  :( 
								var tmpbody = this.baseBody; 	
								var tmpvday = this.vday;
								var tmptask = this;    			
								var tmpcalendar = this.calx;
								// --------------------------------------------------------------------
								taskdrag.startDrag = function(){
									  this.constrainTo( tmpbody.id );
									  this.setXConstraint(0,0,0); 
									  var dragEl = Ext.get(this.getDragEl());
									  var el = Ext.get(this.getEl());
									  dragEl.applyStyles({border:'','z-index':2000});
									  dragEl.update(el.dom.innerHTML);
									  dragEl.addClass('task-drag' + ' dd-proxy');		  
								};
								taskdrag.endDrag = function(){
										var dragEl = Ext.get(this.getDragEl());
										var el = Ext.get(this.getEl());
										var datatask = tmptask.getTaskarray(this.id); 
										// fire event before taskchange
										var check = tmpcalendar.fireEvent("beforeTaskMove", datatask, tmptask, tmpvday,tmpcalendar); 
										if (!check){ 
											el.setY(dragEl.getY()); // x never changes 
											tmptask.applyChange(this);  // calc new position for - start time and end time  and updates Task's tags 
											var newdatatask= tmptask.getTaskarray(this.id);  //with updates 
											// afterChange fires
											tmpcalendar.fireEvent("TaskMoved", newdatatask, tmptask, tmpvday,this); 
										} else { 
											// restore normal postion if canceled
											// cause nothing is done to update the element 
											//  to restore normal postion if canceled (beta)
											//	tmptask.resetChange(this);  
											//	** optional function no implementation yet 
										} 	
								};
					} 
				} 
			} 
		} 
	},
	operabuttons: function (evx,elx,obx){//alert ("boton:" + evx.button); 
			if (Ext.isOpera){ if (evx.button==2){ this.oncontextmenu(evx,elx,obx); }  
		}
	}, 
	oncontextmenu: function (evx,elx,obx){
		if (Ext.isOpera){ if (evx.button!=2){ return false; } }
		if (this.ShowMenuItems[0]!=true && this.ShowMenuItems[1]!=true && this.ShowMenuItems[2]!=true && this.ShowMenuItems[3]!=true  && this.ShowMenuItems[4]!=true && this.moreMenuItems.length<=0){ return false; }
		evx.stopEvent();		
		var tmpdata= Ext.get(elx.id);
			if (this.menu){ this.menu.removeAll();	}
		this.menu = new Ext.menu.Menu({
			shadow: true, 
			items:[{id: 'day_ctxbtn_task-add',		iconCls:'x-calendar-day-btnmv_add',		text: this.contextMenuLabels.taskAdd, 	scope:this},
				   {id: 'month_ctxbtn_task-delete', iconCls: 'x-calendar-day-btnmv_delete',	text: this.contextMenuLabels.taskDelete,scope:this},
				   '-',
				   {id:'month_ctxbtn_task-edit',	iconCls: 'x-calendar-day-btnmv_task',	text: this.contextMenuLabels.taskEdit + tmpdata.getAttributeNS('tag','ec_subject'),		scope:this	},
				   '-',
				   {id:'month_ctxbtn_task-go-nd', 	iconCls: 'x-calendar-day-btnmv_nextday',text: this.contextMenuLabels.NextDay,	 scope:this},
				   {id:'month_ctxbtn_task-go-pd', 	iconCls: 'x-calendar-day-btnmv_prevday',text: this.contextMenuLabels.PreviousDay,scope:this}
			]
		});
		if (this.vday.moreMenuItems.length>0) { 
			this.menu.add('-'); 
			for (var i=0; i<this.vday.moreMenuItems.length; i++){
				// var idmenuitem = this.moreMenuItems[i].id;  0.0.4 bug in custom action sending the id the problem was the last id was returned always
				this.moreMenuItems[i].rendered =false; 
				this.moreMenuItems[i].addListener('click', 
							function(parx,parz){ 
									this.onCustomMenuAction(parx.id,Ext.get(elx),this ); //this.onCustomMenuAction( idmenuitem , Ext.get(elx), this ); 0.0.4 bug 
							}, this); 
				this.menu.add( this.moreMenuItems[i]);
			}
		} 
		this.menu.items.items[0].addListener('click', function(){ this.onActionTask( 1, Ext.get(elx), this ); 	}, this); 
		this.menu.items.items[1].addListener('click', function(){ this.onActionTask( 2, Ext.get(elx), this ); 	}, this); 
		this.menu.items.items[3].addListener('click', function(){ this.onActionTask( 3, Ext.get(elx), this ); 	}, this); 		
		this.menu.items.items[5].addListener('click', function(){ this.vday.onclicknext_day(); }, this);  //next day		
		this.menu.items.items[6].addListener('click', function(){ this.vday.onclickprev_day(); }, this);  //prev day	
		//0.0.11 - check visibility on the menu-items according to the new property 
		//ShowMenuItems:[1,1,1,1,1],  //0.0.11 ADD, DELETE, EDIT, NEXT day, PREV DAY
		if (this.ShowMenuItems[0]!=true){this.menu.items.items[0].hidden=true; } 
		if (this.ShowMenuItems[1]!=true){this.menu.items.items[1].hidden=true; } 
		if (this.ShowMenuItems[0]!=true && this.ShowMenuItems[1]!=true){this.menu.items.items[2].hidden=true; } //sep
		if (this.ShowMenuItems[2]!=true){ this.menu.items.items[3].hidden=true; this.menu.items.items[4].hidden=true;} 
		if (this.ShowMenuItems[3]!=true){this.menu.items.items[5].hidden=true; } 
		if (this.ShowMenuItems[4]!=true){this.menu.items.items[6].hidden=true; } 
		if (this.vday.moreMenuItems.length>0) { 
			if (this.ShowMenuItems[3]!=true && this.ShowMenuItems[4]!=true){
				this.menu.items.items[7].hidden=true; 
			}
		} 
		//--------------------------------------------------------------------------
		this.menu.on('hide', this.onContextTaskMenuHide, this);
		this.menu.showAt(evx.xy);
	}, 
	onCustomMenuAction: function(MenuId,taskEl,TaskObj){
		var datatask = this.getTaskarray(taskEl); 
		this.calx.fireEvent("customMenuAction", MenuId,'day',datatask,taskEl, this.vday); 
	},
	// private use 
	applyChange: function (TaskEl){
		//recalcs position and Start time and End time  if its from the same date also calcs the new position
		var m_starttime =  this.calx.currentdate.format('m/d/Y ') + this.vday.startTime; 
		var m_endtime =    this.calx.currentdate.format('m/d/Y ') + this.vday.endTime; 			
		var tmpEl =  Ext.get(TaskEl.id); 
		var newposstart =  Math.abs(   tmpEl.getTop() - Ext.get(this.baseBody).getY() ); 
		var newposend   = tmpEl.getHeight(); 
		var newdateTaskstart = new Date(m_starttime).add(Date.MINUTE,newposstart); 
		var newdateTaskEnds  = newdateTaskstart.add(Date.MINUTE,newposend);
		//universal format for dates (in this control)		
		tmpEl.dom.setAttribute('ec_starts', '' 	+  newdateTaskstart.format('m/d/Y H:i:s a') + '');  
		tmpEl.dom.setAttribute('ec_ends'  , '' 	+  newdateTaskEnds.format('m/d/Y H:i:s a')  + '');
		if (this.showQtip){ 		
			var startlabel = newdateTaskstart.format(this.task_format);            
			var endlabel =   newdateTaskEnds.format(this.task_format); 
			//tmpEl.dom.qtitle= this.task_subject;
			tmpEl.dom.qtip  = e2cs.cal_locale.task_qtip_starts + startlabel + "<br>" + e2cs.cal_locale.task_qtip_ends + endlabel + '<br>' + this.task_description ; 
		} 		
	},
	onActionTask: function (action, taskEl, TaskObj ){
		var datatask = this.getTaskarray(taskEl); 
		switch(action){
			case 1:  //add				
				this.calx.fireEvent("taskAdd",this.calx.currentdate);	
				break; 
			case 2: // delete
				var check = this.calx.fireEvent("beforeTaskDelete", datatask,this.vday );  
				if (check!=true){ 
					if (this.calx.fireEvent("onTaskDelete",datatask)==true){ 
						this.calx.fireEvent("afterTaskDelete",datatask,true);
					} else { 
						this.calx.fireEvent("afterTaskDelete",null,false);
					} 
				} 
				break; 
			case 3: //edit
				var check = this.calx.fireEvent("beforeTaskEdit",datatask,this.vday);  
				if (check!=true){ 
					// 0.0.4  - code still missing
					if (this.calx.fireEvent("onTaskEdit",datatask)==true){ 
						this.calx.fireEvent("afterTaskEdit",datatask,true);
					} else { 
						this.calx.fireEvent("afterTaskEdit",null,false);
					}	
				}
				break; 			
			default: 
				break; 
		} 
	},
	onContextTaskMenuHide: function (){ /* nothing happens :( */ },
	onDblclick: function(evx,elx,obx){
		var tmpdata= Ext.get(elx.id);
		var datatask = this.getTaskarray(elx); 
		this.calx.fireEvent("taskDblClick",datatask,this.vday,this.calx,'day');
	},
	getTaskarray: function(TaskElx){ 
		var tmpdata= Ext.get(TaskElx);
		var datatask =[]; 
		datatask[0]=tmpdata.getAttributeNS('tag','id') ; 
		datatask[1]=tmpdata.getAttributeNS('tag','ec_id') ; 		
		datatask[2]=tmpdata.getAttributeNS('tag','ec_subject') ; 
		datatask[3]=tmpdata.getAttributeNS('tag','ec_starts') ; 
		datatask[4]=tmpdata.getAttributeNS('tag','ec_ends') ; 		
		datatask[5]=tmpdata.getAttributeNS('tag','ec_cnt') ; 
		datatask[6]=tmpdata.getAttributeNS('tag','ec_storeindex') ; 
		return 	datatask; 	
	},
	checkTasktime: function(taskvalue) { 
		var test = taskvalue.indexOf(":", 0); 
		if (test<=0){
			taskvaluefix = taskvalue + ' ' + this.vday.startTime; 
		} else { 
			taskvaluefix = taskvalue ; 
		}
		return taskvaluefix ; 
	}

});