diff options
Diffstat (limited to 'js/dojo-1.6/dojox/gantt/GanttTaskItem.xd.js')
| -rw-r--r-- | js/dojo-1.6/dojox/gantt/GanttTaskItem.xd.js | 1373 |
1 files changed, 1373 insertions, 0 deletions
diff --git a/js/dojo-1.6/dojox/gantt/GanttTaskItem.xd.js b/js/dojo-1.6/dojox/gantt/GanttTaskItem.xd.js new file mode 100644 index 0000000..9740728 --- /dev/null +++ b/js/dojo-1.6/dojox/gantt/GanttTaskItem.xd.js @@ -0,0 +1,1373 @@ +/*
+ Copyright (c) 2004-2011, The Dojo Foundation All Rights Reserved.
+ Available via Academic Free License >= 2.1 OR the modified BSD license.
+ see: http://dojotoolkit.org/license for details
+*/
+
+
+dojo._xdResourceLoaded(function(dojo, dijit, dojox){
+return {depends: [["provide", "dojox.gantt.GanttTaskItem"],
+["require", "dojo.date.locale"]],
+defineResource: function(dojo, dijit, dojox){if(!dojo._hasResource["dojox.gantt.GanttTaskItem"]){ //_hasResource checks added by build. Do not use _hasResource directly in your code.
+dojo._hasResource["dojox.gantt.GanttTaskItem"] = true;
+dojo.provide("dojox.gantt.GanttTaskItem");
+
+dojo.require("dojo.date.locale");
+
+dojo.declare("dojox.gantt.GanttTaskControl", null, {
+ constructor: function(taskInfo, project, chart){
+ this.ganttChart = chart;
+ this.project = project;
+ this.taskItem = taskInfo;
+ //control variables
+ this.checkMove = false;
+ this.checkResize = false;
+ this.moveChild = false;
+ this.maxPosXMove = -1;
+ this.minPosXMove = -1;
+ this.maxWidthResize = -1;
+ this.minWidthResize = -1;
+ this.posX = 0;
+ this.posY = 0;
+ this.mouseX = 0;
+ this.taskItemWidth = 0;
+ this.isHide = false;
+ this.hideTasksHeight = 0;
+ this.isExpanded = true;
+ this.descrTask = null;
+ this.cTaskItem = null;
+ this.cTaskNameItem = null;
+ this.parentTask = null;
+ this.predTask = null;
+ this.childTask = [];
+ this.childPredTask = [];
+ this.nextChildTask = null;
+ this.previousChildTask = null;
+ this.nextParentTask = null;
+ this.previousParentTask = null;
+ },
+ createConnectingLinesPN: function(){
+ var arrConnectingLinesNames = [];
+ var lineVerticalLeft = dojo.create("div", {
+ innerHTML: " ",
+ className: "ganttTaskLineVerticalLeft"
+ }, this.ganttChart.panelNames.firstChild);
+ var cTaskName = this.cTaskNameItem[0], pcTaskName = this.parentTask.cTaskNameItem[0];
+ dojo.style(lineVerticalLeft, {
+ height: (cTaskName.offsetTop - pcTaskName.offsetTop) + "px",
+ top: (pcTaskName.offsetTop + 5) + "px",
+ left: (pcTaskName.offsetLeft - 9) + "px"
+ });
+ var LineHorizontalLeft = dojo.create("div", {
+ noShade: true,
+ color: "#000000",
+ className: "ganttTaskLineHorizontalLeft"
+ }, this.ganttChart.panelNames.firstChild);
+ dojo.style(LineHorizontalLeft, {
+ left: (pcTaskName.offsetLeft - 9) + "px",
+ top: (cTaskName.offsetTop + 5) + "px",
+ height: "1px",
+ width: (cTaskName.offsetLeft - pcTaskName.offsetLeft + 4) + "px"
+ });
+ arrConnectingLinesNames.push(lineVerticalLeft);
+ arrConnectingLinesNames.push(LineHorizontalLeft);
+ return arrConnectingLinesNames;
+ },
+ createConnectingLinesDS: function(){
+ var contentData = this.ganttChart.contentData.firstChild;
+ var arrLines = [];
+ var arrowImg = new Image();
+ var arrowImg = dojo.create("div", {
+ className: "ganttImageArrow"
+ });
+ //vertical line
+ var lineVerticalRight = document.createElement("div");
+ //horizontal line
+ var lineHorizontal = document.createElement("div");
+ var posXPreviousTask = dojo.style(this.predTask.cTaskItem[0], "left");
+ var posYPreviousTask = dojo.style(this.predTask.cTaskItem[0], "top");
+ var posXChildTask = dojo.style(this.cTaskItem[0], "left");
+ var posYChildTask = this.posY + 2;
+ //width task item
+ var widthChildTask = parseInt(this.predTask.cTaskItem[0].firstChild.firstChild.width);
+ var widthPreviousTask = parseInt(this.predTask.cTaskItem[0].firstChild.firstChild.width);
+ if(posYPreviousTask < posYChildTask){
+ dojo.addClass(lineVerticalRight, "ganttTaskLineVerticalRight");
+ dojo.style(lineVerticalRight, {
+ height: (posYChildTask - this.ganttChart.heightTaskItem / 2 - posYPreviousTask - 3) + "px",
+ width: "1px",
+ left: (posXPreviousTask + widthPreviousTask - 20) + "px",
+ top: (posYPreviousTask + this.ganttChart.heightTaskItem) + "px"
+ });
+ dojo.addClass(lineHorizontal, "ganttTaskLineHorizontal");
+ dojo.style(lineHorizontal, {
+ width: (15 + (posXChildTask - (widthPreviousTask + posXPreviousTask))) + "px",
+ left: (posXPreviousTask + widthPreviousTask - 20) + "px",
+ top: (posYChildTask + 2) + "px"
+ });
+ dojo.addClass(arrowImg, "ganttTaskArrowImg");
+ dojo.style(arrowImg, {
+ left: (posXChildTask - 7) + "px",
+ top: (posYChildTask - 1) + "px"
+ });
+ }else{
+ dojo.addClass(lineVerticalRight, "ganttTaskLineVerticalRightPlus");
+ dojo.style(lineVerticalRight, {
+ height: (posYPreviousTask + 2 - posYChildTask) + "px",
+ width: "1px",
+ left: (posXPreviousTask + widthPreviousTask - 20) + "px",
+ top: (posYChildTask + 2) + "px"
+ });
+ dojo.addClass(lineHorizontal, "ganttTaskLineHorizontalPlus");
+ dojo.style(lineHorizontal, {
+ width: (15 + (posXChildTask - (widthPreviousTask + posXPreviousTask))) + "px",
+ left: (posXPreviousTask + widthPreviousTask - 20) + "px",
+ top: (posYChildTask + 2) + "px"
+ });
+ dojo.addClass(arrowImg, "ganttTaskArrowImgPlus");
+ dojo.style(arrowImg, {
+ left: (posXChildTask - 7) + "px",
+ top: (posYChildTask - 1) + "px"
+ });
+ }
+ contentData.appendChild(lineVerticalRight);
+ contentData.appendChild(lineHorizontal);
+ contentData.appendChild(arrowImg);
+ arrLines.push(lineVerticalRight);
+ arrLines.push(arrowImg);
+ arrLines.push(lineHorizontal);
+ return arrLines;
+ },
+ showChildTasks: function(task, isOpen){
+ if(isOpen){
+ for(var i = 0; i < task.childTask.length; i++){
+ var cTask = task.childTask[i],
+ cTaskItem0 = cTask.cTaskItem[0], cTaskName0 = cTask.cTaskNameItem[0],
+ cTaskItem1 = cTask.cTaskItem[1], cTaskName1 = cTask.cTaskNameItem[1],
+ cTaskItem2 = cTask.cTaskItem[2], cTaskName2 = cTask.cTaskNameItem[2];
+ if(cTaskItem0.style.display == "none"){
+ cTaskItem0.style.display = "inline";
+ cTaskName0.style.display = "inline";
+ cTask.showDescTask();
+ task.isHide = false;
+ if(cTaskName2){
+ cTaskName2.style.display = "inline";
+ isOpen = cTask.isExpanded;
+ }
+ for(var k = 0; k < cTaskItem1.length; k++){
+ cTaskItem1[k].style.display = "inline";
+ }
+ for(var k = 0; k < cTaskName1.length; k++){
+ cTaskName1[k].style.display = "inline";
+ }
+ (cTask.taskIdentifier) && (cTask.taskIdentifier.style.display = "inline");
+ this.hideTasksHeight += this.ganttChart.heightTaskItem + this.ganttChart.heightTaskItemExtra;
+ if(cTask.childTask.length > 0){
+ this.showChildTasks(cTask, isOpen);
+ }
+ }
+ }
+ }
+ },
+ hideChildTasks: function(task){
+ for(var i = 0; i < task.childTask.length; i++){
+ var cTask = task.childTask[i],
+ cTaskItem0 = cTask.cTaskItem[0], cTaskName0 = cTask.cTaskNameItem[0],
+ cTaskItem1 = cTask.cTaskItem[1], cTaskName1 = cTask.cTaskNameItem[1],
+ cTaskItem2 = cTask.cTaskItem[2], cTaskName2 = cTask.cTaskNameItem[2];
+ if(cTaskItem0.style.display != "none"){
+ cTaskItem0.style.display = "none";
+ cTaskName0.style.display = "none";
+ cTask.hideDescTask();
+ task.isHide = true;
+ if(cTaskName2){
+ cTaskName2.style.display = "none";
+ }
+ for(var k = 0; k < cTaskItem1.length; k++){
+ cTaskItem1[k].style.display = "none";
+ }
+ for(var k = 0; k < cTaskName1.length; k++){
+ cTaskName1[k].style.display = "none";
+ }
+ (cTask.taskIdentifier) && (cTask.taskIdentifier.style.display = "none");
+ this.hideTasksHeight += (this.ganttChart.heightTaskItem + this.ganttChart.heightTaskItemExtra);
+ if(cTask.childTask.length > 0){
+ this.hideChildTasks(cTask);
+ }
+ }
+ }
+ },
+ shiftCurrentTasks: function(task, height){
+ this.shiftNextTask(this, height);
+ task.project.shiftNextProject(task.project, height);
+ },
+ shiftTask: function(task, height){
+ task.posY = task.posY + height;
+ var taskItem0 = task.cTaskItem[0], taskName0 = task.cTaskNameItem[0],
+ taskItem1 = task.cTaskItem[1], taskName1 = task.cTaskNameItem[1],
+ taskItem2 = task.cTaskItem[2], taskName2 = task.cTaskNameItem[2];
+ taskName0.style.top = parseInt(taskName0.style.top) + height + "px";
+ if(taskName2){
+ taskName2.style.top = parseInt(taskName2.style.top) + height + "px";
+ }
+ if(task.parentTask){
+ if(parseInt(this.cTaskNameItem[0].style.top) > parseInt(task.parentTask.cTaskNameItem[0].style.top) &&
+ (taskName1[0].style.display != "none")){
+ taskName1[0].style.height = parseInt(taskName1[0].style.height) + height + "px";
+ }else{
+ taskName1[0].style.top = parseInt(taskName1[0].style.top) + height + "px";
+ }
+ taskName1[1].style.top = parseInt(taskName1[1].style.top) + height + "px";
+ }
+ taskItem0.style.top = parseInt(taskItem0.style.top) + height + "px";
+ task.descrTask.style.top = parseInt(task.descrTask.style.top) + height + "px";
+ if(task.predTask){
+ if(((parseInt(this.cTaskItem[0].style.top) > parseInt(task.predTask.cTaskItem[0].style.top)) ||
+ (this.cTaskItem[0].id == task.predTask.taskItem.id)) &&
+ taskItem1[0].style.display != "none"){
+ taskItem1[0].style.height = parseInt(taskItem1[0].style.height) + height + "px";
+ }else{
+ taskItem1[0].style.top = parseInt(taskItem1[0].style.top) + height + "px";
+ }
+ taskItem1[1].style.top = parseInt(taskItem1[1].style.top) + height + "px";
+ taskItem1[2].style.top = parseInt(taskItem1[2].style.top) + height + "px";
+ }
+ },
+ shiftNextTask: function(task, height){
+ if(task.nextChildTask){
+ this.shiftTask(task.nextChildTask, height);
+ this.shiftChildTask(task.nextChildTask, height);
+ this.shiftNextTask(task.nextChildTask, height);
+ }else if(task.parentTask){
+ this.shiftNextTask(task.parentTask, height);
+ }else if(task.nextParentTask){
+ this.shiftTask(task.nextParentTask, height);
+ this.shiftChildTask(task.nextParentTask, height);
+ this.shiftNextTask(task.nextParentTask, height);
+ }
+ },
+ shiftChildTask: function(task, height){
+ dojo.forEach(task.childTask, function(cTask){
+ this.shiftTask(cTask, height);
+ if(cTask.childTask.length > 0){
+ this.shiftChildTask(cTask, height);
+ }
+ }, this);
+ },
+ endMove: function(){
+ var cTask0 = this.cTaskItem[0];
+ var width = dojo.style(cTask0, "left") - this.posX;
+ var startTime = this.getDateOnPosition(dojo.style(cTask0, "left"));
+ startTime = this.checkPos(startTime);
+ if(this.checkMove){
+ width = this.ganttChart.getPosOnDate(startTime) - this.posX;
+ this.moveCurrentTaskItem(width, this.moveChild);
+ this.project.shiftProjectItem();
+ }
+ this.checkMove = false;
+ this.posX = 0;
+ this.maxPosXMove = -1;
+ this.minPosXMove = -1;
+ cTask0.childNodes[1].firstChild.rows[0].cells[0].innerHTML = "";
+ this.adjustPanelTime();
+ if(this.ganttChart.resource){
+ this.ganttChart.resource.refresh();
+ }
+ },
+ checkPos: function(startTime){
+ var cTask0 = this.cTaskItem[0];
+ var h = startTime.getHours();
+ if(h >= 12){
+ startTime.setDate(startTime.getDate() + 1);
+ startTime.setHours(0);
+ if((parseInt(cTask0.firstChild.firstChild.width) + this.ganttChart.getPosOnDate(startTime) > this.maxPosXMove) && (this.maxPosXMove != -1)){
+ startTime.setDate(startTime.getDate() - 1);
+ startTime.setHours(0);
+ }
+ }else if((h < 12) && (h != 0)){
+ startTime.setHours(0);
+ if((this.ganttChart.getPosOnDate(startTime) < this.minPosXMove)){
+ startTime.setDate(startTime.getDate() + 1);
+ }
+ }
+ cTask0.style.left = this.ganttChart.getPosOnDate(startTime) + "px";
+ return startTime;
+ },
+ getMaxPosPredChildTaskItem: function(){
+ var posPredChildTaskItem = 0;
+ var nextPosPredChildTaskItem = 0;
+ for(var i = 0; i < this.childPredTask.length; i++){
+ nextPosPredChildTaskItem = this.getMaxPosPredChildTaskItemInTree(this.childPredTask[i]);
+ if(nextPosPredChildTaskItem > posPredChildTaskItem){
+ posPredChildTaskItem = nextPosPredChildTaskItem;
+ }
+ }
+ return posPredChildTaskItem;
+ },
+ getMaxPosPredChildTaskItemInTree: function(task){
+ var cTask0 = task.cTaskItem[0];
+ var currentPos = parseInt(cTask0.firstChild.firstChild.width) + dojo.style(cTask0, "left");
+ var posPredChildTaskItem = 0;
+ var nextPosPredChildTaskItem = 0;
+ dojo.forEach(task.childPredTask, function(cpTask){
+ nextPosPredChildTaskItem = this.getMaxPosPredChildTaskItemInTree(cpTask);
+ if(nextPosPredChildTaskItem > posPredChildTaskItem){
+ posPredChildTaskItem = nextPosPredChildTaskItem;
+ }
+ }, this);
+ return posPredChildTaskItem > currentPos ? posPredChildTaskItem : currentPos;
+ },
+ moveCurrentTaskItem: function(width, moveChild){
+ var taskItem = this.cTaskItem[0];
+ this.taskItem.startTime = new Date(this.ganttChart.startDate);
+ this.taskItem.startTime.setHours(this.taskItem.startTime.getHours() + (parseInt(taskItem.style.left) / this.ganttChart.pixelsPerHour));
+ this.showDescTask();
+ var cTask1 = this.cTaskItem[1];
+ if(cTask1.length > 0){
+ cTask1[2].style.width = parseInt(cTask1[2].style.width) + width + "px";
+ cTask1[1].style.left = parseInt(cTask1[1].style.left) + width + "px";
+ }
+ dojo.forEach(this.childTask, function(cTask){
+ if(!cTask.predTask){
+ this.moveChildTaskItems(cTask, width, moveChild);
+ }
+ }, this);
+ dojo.forEach(this.childPredTask, function(cpTask){
+ this.moveChildTaskItems(cpTask, width, moveChild);
+ }, this);
+ },
+ moveChildTaskItems: function(task, width, moveChild){
+ var taskItem = task.cTaskItem[0];
+ if(moveChild){
+ taskItem.style.left = parseInt(taskItem.style.left) + width + "px";
+ task.adjustPanelTime();
+ task.taskItem.startTime = new Date(this.ganttChart.startDate);
+ task.taskItem.startTime.setHours(task.taskItem.startTime.getHours() + (parseInt(taskItem.style.left) / this.ganttChart.pixelsPerHour));
+ var ctItem = task.cTaskItem[1];
+ dojo.forEach(ctItem, function(item){
+ item.style.left = parseInt(item.style.left) + width + "px";
+ }, this);
+ dojo.forEach(task.childTask, function(cTask){
+ if(!cTask.predTask){
+ this.moveChildTaskItems(cTask, width, moveChild);
+ }
+ }, this);
+ dojo.forEach(task.childPredTask, function(cpTask){
+ this.moveChildTaskItems(cpTask, width, moveChild);
+ }, this);
+ }else{
+ var ctItem = task.cTaskItem[1];
+ if(ctItem.length > 0){
+ var item0 = ctItem[0], item2 = ctItem[2];
+ item2.style.left = parseInt(item2.style.left) + width + "px";
+ item2.style.width = parseInt(item2.style.width) - width + "px";
+ item0.style.left = parseInt(item0.style.left) + width + "px";
+ }
+ }
+ task.moveDescTask();
+ },
+ adjustPanelTime: function(){
+ var taskItem = this.cTaskItem[0];
+ var width = parseInt(taskItem.style.left) + parseInt(taskItem.firstChild.firstChild.width) + this.ganttChart.panelTimeExpandDelta;
+ width += this.descrTask.offsetWidth;
+ this.ganttChart.adjustPanelTime(width);
+ },
+ getDateOnPosition: function(position){
+ var date = new Date(this.ganttChart.startDate);
+ date.setHours(date.getHours() + (position / this.ganttChart.pixelsPerHour));
+ return date;
+ },
+ moveItem: function(event){
+ var pageX = event.screenX;
+ var posTaskItem = (this.posX + (pageX - this.mouseX));
+ var widthTaskItem = parseInt(this.cTaskItem[0].childNodes[0].firstChild.width);
+ var posTaskItemR = posTaskItem + widthTaskItem;
+ if(this.checkMove){
+ if(((this.minPosXMove <= posTaskItem)) &&
+ ((posTaskItemR <= this.maxPosXMove) || (this.maxPosXMove == -1))){
+ this.moveTaskItem(posTaskItem);
+ }
+ }
+ },
+ moveTaskItem: function(posX){
+ var cTask = this.cTaskItem[0];
+ cTask.style.left = posX + "px";
+ cTask.childNodes[1].firstChild.rows[0].cells[0].innerHTML = this.getDateOnPosition(posX).getDate() + '.' + (this.getDateOnPosition(posX).getMonth() + 1) + '.' + this.getDateOnPosition(posX).getUTCFullYear();
+ },
+ resizeItem: function(event){
+ if(this.checkResize){
+ var taskItem = this.cTaskItem[0];
+ var mouseX = event.screenX;
+ var width = (mouseX - this.mouseX);
+ var widthTaskItem = this.taskItemWidth + (mouseX - this.mouseX);
+ if(widthTaskItem >= this.taskItemWidth){
+ if((widthTaskItem <= this.maxWidthResize) || (this.maxWidthResize == -1)){
+ this.resizeTaskItem(widthTaskItem);
+ }else if((this.maxWidthResize != -1) && (widthTaskItem > this.maxWidthResize)){
+ this.resizeTaskItem(this.maxWidthResize);
+ }
+ }else if(widthTaskItem <= this.taskItemWidth){
+ if(widthTaskItem >= this.minWidthResize){
+ this.resizeTaskItem(widthTaskItem);
+ }else if(widthTaskItem < this.minWidthResize){
+ this.resizeTaskItem(this.minWidthResize);
+ }
+ }
+ }
+ },
+ resizeTaskItem: function(width){
+ var taskItem = this.cTaskItem[0];
+ var countHours = Math.round(width / this.ganttChart.pixelsPerWorkHour);
+ var trow = taskItem.childNodes[0].firstChild.rows[0],
+ rc0 = trow.cells[0], rc1 = trow.cells[1];
+ rc0 && (rc0.firstChild.style.width = parseInt(rc0.width) * width / 100 + "px");
+ rc1 && (rc1.firstChild.style.width = parseInt(rc1.width) * width / 100 + "px");
+ taskItem.childNodes[0].firstChild.width = width + "px";
+ taskItem.childNodes[1].firstChild.width = width + "px";
+ //resize info
+ this.cTaskItem[0].childNodes[1].firstChild.rows[0].cells[0].innerHTML = countHours;
+ var tcNode2 = taskItem.childNodes[2];
+ tcNode2.childNodes[0].style.width = width + "px";
+ tcNode2.childNodes[1].style.left = width - 10 + "px";
+ },
+ endResizeItem: function(){
+ var taskItem = this.cTaskItem[0];
+ if((this.taskItemWidth != parseInt(taskItem.childNodes[0].firstChild.width))){
+ var posXL = taskItem.offsetLeft;
+ var posXR = taskItem.offsetLeft + parseInt(taskItem.childNodes[0].firstChild.width);
+ var countHours = Math.round((posXR - posXL) / this.ganttChart.pixelsPerWorkHour);
+ this.taskItem.duration = countHours;
+ if(this.childPredTask.length > 0){
+ for(var j = 0; j < this.childPredTask.length; j++){
+ var cpctItem = this.childPredTask[j].cTaskItem[1],
+ item0 = cpctItem[0], item2 = cpctItem[2], tcNode0 = taskItem.childNodes[0];
+ item2.style.width = parseInt(item2.style.width) - (parseInt(tcNode0.firstChild.width) - this.taskItemWidth) + "px";
+ item2.style.left = parseInt(item2.style.left) + (parseInt(tcNode0.firstChild.width) - this.taskItemWidth) + "px";
+ item0.style.left = parseInt(item0.style.left) + (parseInt(tcNode0.firstChild.width) - this.taskItemWidth) + "px";
+ }
+ }
+ }
+ this.cTaskItem[0].childNodes[1].firstChild.rows[0].cells[0].innerHTML = "";
+ this.checkResize = false;
+ this.taskItemWidth = 0;
+ this.mouseX = 0;
+ this.showDescTask();
+ this.project.shiftProjectItem();
+ this.adjustPanelTime();
+ if(this.ganttChart.resource){
+ this.ganttChart.resource.refresh();
+ }
+ },
+ startMove: function(event){
+ this.moveChild = event.ctrlKey;
+ this.mouseX = event.screenX;
+ this.getMoveInfo();
+ this.checkMove = true;
+ this.hideDescTask();
+ },
+ showDescTask: function(){
+ var posX = (parseInt(this.cTaskItem[0].style.left) + this.taskItem.duration * this.ganttChart.pixelsPerWorkHour + 10);
+ this.descrTask.style.left = posX + "px";
+ this.descrTask.innerHTML = this.objKeyToStr(this.getTaskOwner());
+ this.descrTask.style.visibility = 'visible';
+ },
+ hideDescTask: function(){
+ dojo.style(this.descrTask, "visibility", "hidden");
+ },
+ buildResourceInfo: function(resourceInfo){
+ if(this.childTask && this.childTask.length > 0){
+ for(var i = 0; i < this.childTask.length; i++){
+ var cTask = this.childTask[i];
+ cTask.buildResourceInfo(resourceInfo);
+ }
+ }
+ if(dojo.trim(this.taskItem.taskOwner).length > 0){
+ var owners = this.taskItem.taskOwner.split(";");
+ for(var i = 0; i < owners.length; i++){
+ var o = owners[i];
+ if(dojo.trim(o).length <= 0){
+ continue;
+ }
+ resourceInfo[o] ? (resourceInfo[o].push(this)) : (resourceInfo[o] = [this]);
+ }
+ }
+ },
+ objKeyToStr: function(obj, delm){
+ var returnStr = "";
+ delm = delm || " ";
+ if(obj){
+ for(var key in obj){
+ returnStr += delm + key;
+ }
+ }
+ return returnStr;
+ },
+ getTaskOwner: function(){
+ var tOwner = {};
+ if(dojo.trim(this.taskItem.taskOwner).length > 0){
+ var owners = this.taskItem.taskOwner.split(";");
+ for(var i = 0; i < owners.length; i++){
+ var o = owners[i];
+ tOwner[o] = 1;
+ }
+ }
+ dojo.forEach(this.childTask, function(ctask){
+ dojo.mixin(tOwner, ctask.getTaskOwner());
+ }, this);
+ return tOwner;
+ },
+ moveDescTask: function(){
+ var posX = (parseInt(this.cTaskItem[0].style.left) + this.taskItem.duration * this.ganttChart.pixelsPerWorkHour + 10);
+ this.descrTask.style.left = posX + "px";
+ },
+ getMoveInfo: function(){
+ this.posX = parseInt(this.cTaskItem[0].style.left);
+ var widthTaskItem = parseInt(this.cTaskItem[0].childNodes[0].firstChild.width);
+ var posParentTaskItem = !this.parentTask ? 0 : parseInt(this.parentTask.cTaskItem[0].style.left);
+ var posPredTaskItem = !this.predTask ? 0 : parseInt(this.predTask.cTaskItem[0].style.left) + parseInt(this.predTask.cTaskItem[0].childNodes[0].firstChild.width);
+ var widthParentTaskItem = !this.parentTask ? 0 : parseInt(this.parentTask.cTaskItem[0].childNodes[0].firstChild.width);
+
+ var childPredPosX = 0;
+ var childParentPosX = 0;
+ var childParentPosXR = 0;
+ if(this.childPredTask.length > 0){
+ var posChildTaskItem = null;
+ dojo.forEach(this.childPredTask, function(cpTask){
+ if((!posChildTaskItem) || ((posChildTaskItem) && (posChildTaskItem > parseInt(cpTask.cTaskItem[0].style.left)))){
+ posChildTaskItem = parseInt(cpTask.cTaskItem[0].style.left);
+ }
+ }, this);
+ childPredPosX = posChildTaskItem;
+ }
+ if(this.childTask.length > 0){
+ var posChildTaskItemR = null;
+ dojo.forEach(this.childTask, function(cTask){
+ if((!posChildTaskItemR) || ((posChildTaskItemR) && (posChildTaskItemR > (parseInt(cTask.cTaskItem[0].style.left))))){
+ posChildTaskItemR = parseInt(cTask.cTaskItem[0].style.left);
+ }
+ }, this);
+ childParentPosXR = posChildTaskItemR;
+ var posChildTaskItem = null;
+ dojo.forEach(this.childTask, function(cTask){
+ if((!posChildTaskItem) || ((posChildTaskItem)
+ && (posChildTaskItem < (parseInt(cTask.cTaskItem[0].style.left) + parseInt(cTask.cTaskItem[0].firstChild.firstChild.width))))){
+ posChildTaskItem = parseInt(cTask.cTaskItem[0].style.left) + parseInt(cTask.cTaskItem[0].firstChild.firstChild.width);
+ }
+ }, this);
+ childParentPosX = posChildTaskItem;
+ }
+ if(!this.moveChild){
+ if(this.childPredTask.length > 0){
+ if(this.maxPosXMove < childPredPosX) this.maxPosXMove = childPredPosX;
+ }
+ if(this.childTask.length > 0){
+ if((this.childPredTask.length > 0) && (this.maxPosXMove - widthTaskItem) > childParentPosXR){
+ this.maxPosXMove = this.maxPosXMove - ((this.maxPosXMove - widthTaskItem) - childParentPosXR);
+ }
+ if(!(this.childPredTask.length > 0)){
+ this.maxPosXMove = childParentPosXR + widthTaskItem;
+ }
+ this.minPosXMove = (childParentPosX - widthTaskItem);
+ }
+ if(posParentTaskItem > 0){
+ if((!(this.childPredTask.length > 0)) && (this.childTask.length > 0)){
+ if(this.maxPosXMove > posParentTaskItem + widthParentTaskItem){
+ this.maxPosXMove = posParentTaskItem + widthParentTaskItem;
+ }
+ }
+ if(this.minPosXMove <= posParentTaskItem){
+ this.minPosXMove = posParentTaskItem;
+ }
+ if((!(this.childTask.length > 0)) && (!(this.childPredTask.length > 0))){
+ this.maxPosXMove = posParentTaskItem + widthParentTaskItem;
+ }else if((!(this.childTask.length > 0)) && (this.childPredTask.length > 0)){
+ if((posParentTaskItem + widthParentTaskItem) > posPredTaskItem){
+ this.maxPosXMove = childPredPosX;
+ }
+ }
+ }
+ if(posPredTaskItem > 0){
+ if(this.minPosXMove <= posPredTaskItem){
+ this.minPosXMove = posPredTaskItem;
+ }
+ }
+ if((posPredTaskItem == 0) && (posParentTaskItem == 0)){
+ if(this.minPosXMove <= this.ganttChart.initialPos){
+ this.minPosXMove = this.ganttChart.initialPos;
+ }
+ }
+ }else{
+ if((posParentTaskItem > 0) && (posPredTaskItem == 0)){
+ this.minPosXMove = posParentTaskItem;
+ this.maxPosXMove = posParentTaskItem + widthParentTaskItem;
+ }else if((posParentTaskItem == 0) && (posPredTaskItem == 0)){
+ this.minPosXMove = this.ganttChart.initialPos;
+ this.maxPosXMove = -1;
+ }else if((posParentTaskItem > 0) && (posPredTaskItem > 0)){
+ this.minPosXMove = posPredTaskItem;
+ this.maxPosXMove = posParentTaskItem + widthParentTaskItem;
+ }else if((posParentTaskItem == 0) && (posPredTaskItem > 0)){
+ this.minPosXMove = posPredTaskItem;
+ this.maxPosXMove = -1;
+ }
+ if((this.parentTask) && (this.childPredTask.length > 0)){
+ var posChildTaskItem = this.getMaxPosPredChildTaskItem(this);
+ var posParentTaskItem = parseInt(this.parentTask.cTaskItem[0].style.left) + parseInt(this.parentTask.cTaskItem[0].firstChild.firstChild.width);
+ this.maxPosXMove = this.posX + widthTaskItem + posParentTaskItem - posChildTaskItem;
+ }
+ }
+ },
+ startResize: function(event){
+ this.mouseX = event.screenX;
+ this.getResizeInfo();
+ this.hideDescTask();
+ this.checkResize = true;
+ this.taskItemWidth = parseInt(this.cTaskItem[0].firstChild.firstChild.width);
+ },
+ getResizeInfo: function(){
+ var cTask = this.cTaskItem[0];
+ var posParentTaskItem = !this.parentTask ? 0 : parseInt(this.parentTask.cTaskItem[0].style.left);
+ var widthParentTaskItem = !this.parentTask ? 0 : parseInt(this.parentTask.cTaskItem[0].childNodes[0].firstChild.width);
+ var posTaskItem = parseInt(cTask.style.left);
+ var childPredPosX = 0;
+ var childParentPosX = 0;
+ if(this.childPredTask.length > 0){
+ var posChildTaskItem = null;
+ dojo.forEach(this.childPredTask, function(cpTask){
+ if((!posChildTaskItem) || ((posChildTaskItem) && (posChildTaskItem > parseInt(cpTask.cTaskItem[0].style.left)))){
+ posChildTaskItem = parseInt(cpTask.cTaskItem[0].style.left);
+ }
+ }, this);
+ childPredPosX = posChildTaskItem;
+ }
+ if(this.childTask.length > 0){
+ var posChildTaskItem = null;
+ dojo.forEach(this.childTask, function(cTask){
+ if((!posChildTaskItem) || ((posChildTaskItem) && (posChildTaskItem < (parseInt(cTask.cTaskItem[0].style.left) + parseInt(cTask.cTaskItem[0].firstChild.firstChild.width))))){
+ posChildTaskItem = parseInt(cTask.cTaskItem[0].style.left) + parseInt(cTask.cTaskItem[0].firstChild.firstChild.width);
+ }
+ }, this);
+ childParentPosX = posChildTaskItem;
+ }
+ this.minWidthResize = this.ganttChart.pixelsPerDay;
+ if(this.childTask.length > 0){
+ this.minWidthResize = childParentPosX - posTaskItem;
+ }
+ if((this.childPredTask.length > 0) && (!this.parentTask)){
+ this.maxWidthResize = childPredPosX - posTaskItem;
+ }else if((this.childPredTask.length > 0) && (this.parentTask)){
+ var w1 = posParentTaskItem + widthParentTaskItem - posTaskItem;
+ var w2 = childPredPosX - posTaskItem;
+ this.maxWidthResize = Math.min(w1, w2);
+ }else if((this.childPredTask.length == 0) && (this.parentTask)){
+ this.maxWidthResize = posParentTaskItem + widthParentTaskItem - posTaskItem;
+ }
+ },
+ createTaskItem: function(){
+ this.posX = this.ganttChart.getPosOnDate(this.taskItem.startTime);
+ var itemControl = dojo.create("div", {
+ id: this.taskItem.id,
+ className: "ganttTaskItemControl"
+ });
+ dojo.style(itemControl, {
+ left: this.posX + "px",
+ top: this.posY + "px"
+ });
+ var divTaskItem = dojo.create("div", {className: "ganttTaskDivTaskItem"}, itemControl);
+ var tblTaskItem = dojo.create("table", {
+ cellPadding: "0",
+ cellSpacing: "0",
+ width: this.taskItem.duration * this.ganttChart.pixelsPerWorkHour + "px",
+ className: "ganttTaskTblTaskItem"
+ }, divTaskItem);
+ var rowTblTask = tblTaskItem.insertRow(tblTaskItem.rows.length);
+ if(this.taskItem.percentage != 0){
+ var cellTblTask = dojo.create("td", {
+ height: this.ganttChart.heightTaskItem + "px",
+ width: this.taskItem.percentage + "%"
+ }, rowTblTask);
+ cellTblTask.style.lineHeight = "1px";
+ var imageProgress = dojo.create("div", {
+ className: "ganttImageTaskProgressFilled"
+ }, cellTblTask);
+ dojo.style(imageProgress, {
+ width: (this.taskItem.percentage * this.taskItem.duration * this.ganttChart.pixelsPerWorkHour) / 100 + "px",
+ height: this.ganttChart.heightTaskItem + "px"
+ });
+ }
+ if(this.taskItem.percentage != 100){
+ var cellTblTask = dojo.create("td", {
+ height: this.ganttChart.heightTaskItem + "px",
+ width: (100 - this.taskItem.percentage) + "%"
+ }, rowTblTask);
+ cellTblTask.style.lineHeight = "1px";
+ var imageProgressFill = dojo.create("div", {
+ className: "ganttImageTaskProgressBg"
+ }, cellTblTask);
+ dojo.style(imageProgressFill, {
+ width: ((100 - this.taskItem.percentage) * this.taskItem.duration * this.ganttChart.pixelsPerWorkHour) / 100 + "px",
+ height: this.ganttChart.heightTaskItem + "px"
+ });
+ }
+ if(this.ganttChart.isContentEditable){
+ var divTaskInfo = dojo.create("div", {className: "ganttTaskDivTaskInfo"}, itemControl);
+ var tblTaskInfo = dojo.create("table", {
+ cellPadding: "0",
+ cellSpacing: "0",
+ height: this.ganttChart.heightTaskItem + "px",
+ width: this.taskItem.duration * this.ganttChart.pixelsPerWorkHour + "px"
+ }, divTaskInfo);
+ var rowTaskInfo = tblTaskInfo.insertRow(0);
+ var cellTaskInfo = dojo.create("td", {
+ align: "center",
+ vAlign: "top",
+ height: this.ganttChart.heightTaskItem + "px",
+ className: "ganttMoveInfo"
+ }, rowTaskInfo);
+ var divTaskName = dojo.create("div", {className: "ganttTaskDivTaskName"}, itemControl);
+ var divMove = dojo.create("div", {}, divTaskName);
+ dojo.create("input", {
+ className: "ganttTaskDivMoveInput",
+ type: "text"
+ }, divMove);
+ dojo.isIE && dojo.style(divMove, {
+ background: "#000000",
+ filter: "alpha(opacity=0)"
+ });
+ dojo.style(divMove, {
+ height: this.ganttChart.heightTaskItem + "px",
+ width: this.taskItem.duration * this.ganttChart.pixelsPerWorkHour + "px"
+ });
+ //Creation resize area
+ var divResize = dojo.create("div", {className: "ganttTaskDivResize"}, divTaskName);
+ dojo.create("input", {
+ className: "ganttTaskDivResizeInput",
+ type: "text"
+ }, divResize);
+ dojo.style(divResize, {
+ left: (this.taskItem.duration * this.ganttChart.pixelsPerWorkHour - 10) + "px",
+ height: this.ganttChart.heightTaskItem + "px",
+ width: "10px"
+ });
+ this.ganttChart._events.push(
+ dojo.connect(divMove, "onmousedown", this, function(event){
+ //start move
+ this.moveMoveConn = dojo.connect(document, "onmousemove", this, function(e){
+ this.checkMove && this.moveItem(e);
+ });
+ this.moveUpConn = dojo.connect(document, "onmouseup", this, function(e){
+ if(this.checkMove){
+ this.endMove();
+ this.ganttChart.isMoving = false;
+ document.body.releaseCapture && document.body.releaseCapture();
+ dojo.disconnect(this.moveMoveConn);
+ dojo.disconnect(this.moveUpConn);
+ }
+ });
+ this.startMove(event);
+ this.ganttChart.isMoving = true;
+ document.body.setCapture && document.body.setCapture(false);
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(divMove, "onmouseover", this, function(event){
+ event.target && (event.target.style.cursor = "move");
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(divMove, "onmouseout", this, function(event){
+ event.target.style.cursor = "";
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(divResize, "onmousedown", this, function(event){
+ //start resize
+ this.resizeMoveConn = dojo.connect(document, "onmousemove", this, function(e){
+ this.checkResize && this.resizeItem(e);
+ });
+ this.resizeUpConn = dojo.connect(document, "onmouseup", this, function(e){
+ if(this.checkResize){
+ this.endResizeItem();
+ this.ganttChart.isResizing = false;
+ document.body.releaseCapture && document.body.releaseCapture();
+ dojo.disconnect(this.resizeMoveConn);
+ dojo.disconnect(this.resizeUpConn);
+ }
+ });
+ this.startResize(event);
+ this.ganttChart.isResizing = true;
+ document.body.setCapture && document.body.setCapture(false);
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(divResize, "onmouseover", this, function(event){
+ (!this.ganttChart.isMoving) && (!this.ganttChart.isResizing) && event.target && (event.target.style.cursor = "e-resize");
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(divResize, "onmouseout", this, function(event){
+ !this.checkResize && event.target && (event.target.style.cursor = "");
+ })
+ );
+ }
+ return itemControl;
+ },
+ createTaskNameItem: function(){
+ var divName = dojo.create("div", {
+ id: this.taskItem.id,
+ className: "ganttTaskTaskNameItem",
+ title: this.taskItem.name + ", id: " + this.taskItem.id + " ",
+ innerHTML: this.taskItem.name
+ });
+ dojo.style(divName, "top", this.posY + "px");
+ dojo.attr(divName, "tabIndex", 0);
+ if(this.ganttChart.isShowConMenu){
+ this.ganttChart._events.push(
+ dojo.connect(divName, "onmouseover", this, function(event){
+ dojo.addClass(divName, "ganttTaskTaskNameItemHover");
+ clearTimeout(this.ganttChart.menuTimer);
+ this.ganttChart.tabMenu.clear();
+ this.ganttChart.tabMenu.show(event.target, this);
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(divName, "onkeydown", this, function(event){
+ if(event.keyCode == dojo.keys.ENTER){
+ this.ganttChart.tabMenu.clear();
+ this.ganttChart.tabMenu.show(event.target, this);
+ }
+ if(this.ganttChart.tabMenu.isShow && (event.keyCode == dojo.keys.LEFT_ARROW || event.keyCode == dojo.keys.RIGHT_ARROW)){
+ dijit.focus(this.ganttChart.tabMenu.menuPanel.firstChild.rows[0].cells[0]);
+ }
+ if(this.ganttChart.tabMenu.isShow && event.keyCode == dojo.keys.ESCAPE){
+ this.ganttChart.tabMenu.hide();
+ }
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(divName, "onmouseout", this, function(){
+ dojo.removeClass(divName, "ganttTaskTaskNameItemHover");
+ clearTimeout(this.ganttChart.menuTimer);
+ this.ganttChart.menuTimer = setTimeout(dojo.hitch(this, function(){
+ this.ganttChart.tabMenu.hide();
+ }), 200);
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(this.ganttChart.tabMenu.menuPanel, "onmouseover", this, function(){
+ clearTimeout(this.ganttChart.menuTimer);
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(this.ganttChart.tabMenu.menuPanel, "onkeydown", this, function(event){
+ if(this.ganttChart.tabMenu.isShow && event.keyCode == dojo.keys.ESCAPE){
+ this.ganttChart.tabMenu.hide();
+ }
+ })
+ );
+ this.ganttChart._events.push(
+ dojo.connect(this.ganttChart.tabMenu.menuPanel, "onmouseout", this, function(){
+ clearTimeout(this.ganttChart.menuTimer);
+ this.ganttChart.menuTimer = setTimeout(dojo.hitch(this, function(){
+ this.ganttChart.tabMenu.hide();
+ }), 200);
+ })
+ );
+ }
+ return divName;
+ },
+ createTaskDescItem: function(){
+ var posX = (this.posX + this.taskItem.duration * this.ganttChart.pixelsPerWorkHour + 10);
+ var divDesc = dojo.create("div", {
+ innerHTML: this.objKeyToStr(this.getTaskOwner()),
+ className: "ganttTaskDescTask"
+ });
+ dojo.style(divDesc, {
+ left: posX + "px",
+ top: this.posY + "px"
+ });
+ return this.descrTask = divDesc;
+ },
+ checkWidthTaskNameItem: function(){
+ if(this.cTaskNameItem[0].offsetWidth + this.cTaskNameItem[0].offsetLeft > this.ganttChart.maxWidthTaskNames){
+ var width = this.cTaskNameItem[0].offsetWidth + this.cTaskNameItem[0].offsetLeft - this.ganttChart.maxWidthTaskNames;
+ var countChar = Math.round(width / (this.cTaskNameItem[0].offsetWidth / this.cTaskNameItem[0].firstChild.length));
+ var tName = this.taskItem.name.substring(0, this.cTaskNameItem[0].firstChild.length - countChar - 3);
+ tName += "...";
+ this.cTaskNameItem[0].innerHTML = tName;
+ }
+ },
+ refreshTaskItem: function(itemControl){
+ this.posX = this.ganttChart.getPosOnDate(this.taskItem.startTime);
+ dojo.style(itemControl, {
+ "left": this.posX + "px"
+ });
+ var divTaskItem = itemControl.childNodes[0];
+ var tblTaskItem = divTaskItem.firstChild;
+ tblTaskItem.width = (!this.taskItem.duration ? 1 : this.taskItem.duration * this.ganttChart.pixelsPerWorkHour) + "px";
+ var rowTblTask = tblTaskItem.rows[0];
+ if(this.taskItem.percentage != 0){
+ var cellTblTask = rowTblTask.firstChild;
+ cellTblTask.height = this.ganttChart.heightTaskItem + "px";
+ cellTblTask.width = this.taskItem.percentage + "%";
+ cellTblTask.style.lineHeight = "1px";
+ var imageProgress = cellTblTask.firstChild;
+ dojo.style(imageProgress, {
+ width: (!this.taskItem.duration ? 1 : (this.taskItem.percentage * this.taskItem.duration * this.ganttChart.pixelsPerWorkHour / 100)) + "px",
+ height: this.ganttChart.heightTaskItem + "px"
+ });
+ }
+ if(this.taskItem.percentage != 100){
+ var cellTblTask = rowTblTask.lastChild;
+ cellTblTask.height = this.ganttChart.heightTaskItem + "px";
+ cellTblTask.width = (100 - this.taskItem.percentage) + "%";
+ cellTblTask.style.lineHeight = "1px";
+ var imageProgressFill = cellTblTask.firstChild;
+ dojo.style(imageProgressFill, {
+ width: (!this.taskItem.duration ? 1 : ((100 - this.taskItem.percentage) * this.taskItem.duration * this.ganttChart.pixelsPerWorkHour / 100)) + "px",
+ height: this.ganttChart.heightTaskItem + "px"
+ });
+ }
+ if(this.ganttChart.isContentEditable){
+ var divTaskInfo = itemControl.childNodes[1];
+ var tblTaskInfo = divTaskInfo.firstChild;
+ tblTaskInfo.height = this.ganttChart.heightTaskItem + "px";
+ tblTaskInfo.width = (!this.taskItem.duration ? 1 : (this.taskItem.duration * this.ganttChart.pixelsPerWorkHour)) + "px";
+ var rowTaskInfo = tblTaskInfo.rows[0];
+ var cellTaskInfo = rowTaskInfo.firstChild;
+ cellTaskInfo.height = this.ganttChart.heightTaskItem + "px";
+ var divTaskName = itemControl.childNodes[2];
+ var divMove = divTaskName.firstChild;
+ divMove.style.height = this.ganttChart.heightTaskItem + "px";
+ divMove.style.width = (!this.taskItem.duration ? 1 : (this.taskItem.duration * this.ganttChart.pixelsPerWorkHour)) + "px";
+ //Creation resize area
+ var divResize = divTaskName.lastChild;
+ dojo.style(divResize, {
+ "left": (this.taskItem.duration * this.ganttChart.pixelsPerWorkHour - 10) + "px"
+ });
+ divResize.style.height = this.ganttChart.heightTaskItem + "px";
+ divResize.style.width = "10px";
+ }
+ return itemControl;
+ },
+ refreshTaskDesc: function(divDesc){
+ var posX = (this.posX + this.taskItem.duration * this.ganttChart.pixelsPerWorkHour + 10);
+ dojo.style(divDesc, {
+ "left": posX + "px"
+ });
+ return divDesc;
+ },
+ refreshConnectingLinesDS: function(arrLines){
+ var arrowImg = arrLines[1];
+ var lineVerticalRight = arrLines[0];
+ //horizontal line
+ var lineHorizontal = arrLines[2];
+ var posXPreviousTask = dojo.style(this.predTask.cTaskItem[0], "left");
+ var posYPreviousTask = dojo.style(this.predTask.cTaskItem[0], "top");
+ var posXChildTask = dojo.style(this.cTaskItem[0], "left");
+ var posYChildTask = this.posY + 2;
+ //width task item
+ var widthChildTask = parseInt(this.predTask.cTaskItem[0].firstChild.firstChild.width);
+ var widthPreviousTask = parseInt(this.predTask.cTaskItem[0].firstChild.firstChild.width);
+ if(posYPreviousTask < posYChildTask){
+ dojo.style(lineVerticalRight, {
+ "height": (posYChildTask - this.ganttChart.heightTaskItem / 2 - posYPreviousTask - 3) + "px",
+ "left": (posXPreviousTask + widthPreviousTask - 20) + "px"
+ });
+ dojo.style(lineHorizontal, {
+ "width": (15 + (posXChildTask - (widthPreviousTask + posXPreviousTask))) + "px",
+ "left": (posXPreviousTask + widthPreviousTask - 20) + "px"
+ });
+
+ dojo.style(arrowImg, {
+ "left": (posXChildTask - 7) + "px"
+ });
+ }else{
+ dojo.style(lineVerticalRight, {
+ "height": (posYPreviousTask + 2 - posYChildTask) + "px",
+ "left": (posXPreviousTask + widthPreviousTask - 20) + "px"
+ });
+ dojo.style(lineHorizontal, {
+ "width": (15 + (posXChildTask - (widthPreviousTask + posXPreviousTask))) + "px",
+ "left": (posXPreviousTask + widthPreviousTask - 20) + "px"
+ });
+ dojo.style(arrowImg, {
+ "left": (posXChildTask - 7) + "px"
+ });
+ }
+ return arrLines;
+ },
+ postLoadData: function(){
+ //TODO e.g. task relative info...
+ },
+ refresh: function(){
+ if(this.childTask && this.childTask.length > 0){
+ dojo.forEach(this.childTask, function(cTask){
+ cTask.refresh();
+ }, this);
+ }
+ //creation task item
+ this.refreshTaskItem(this.cTaskItem[0]);
+ this.refreshTaskDesc(this.cTaskItem[0].nextSibling);
+ //Create Connecting Lines
+ var arrConnectingLines = [];
+ if(this.taskItem.previousTask && this.predTask){
+ this.refreshConnectingLinesDS(this.cTaskItem[1]);
+ }
+ return this;
+ },
+ create: function(){
+ var containerTasks = this.ganttChart.contentData.firstChild;
+ var containerNames = this.ganttChart.panelNames.firstChild;
+ var previousTask = this.taskItem.previousTask;
+ var parentTask = this.taskItem.parentTask;
+ var isCParentTask = (this.taskItem.cldTasks.length > 0) ? true : false;
+ this.cTaskItem = [];
+ this.cTaskNameItem = [];
+ //creation arrTasks
+ if(!parentTask){
+ if(this.taskItem.previousParentTask){
+ this.previousParentTask = this.project.getTaskById(this.taskItem.previousParentTask.id);
+ var lastChildTask = this.ganttChart.getLastChildTask(this.previousParentTask);
+ this.posY = parseInt(lastChildTask.cTaskItem[0].style.top)
+ + this.ganttChart.heightTaskItem + this.ganttChart.heightTaskItemExtra;
+ this.previousParentTask.nextParentTask = this;
+ }else{
+ this.posY = parseInt(this.project.projectItem[0].style.top)
+ + this.ganttChart.heightTaskItem + this.ganttChart.heightTaskItemExtra;
+ }
+ }
+ if(parentTask){
+ var task = this.project.getTaskById(this.taskItem.parentTask.id);
+ this.parentTask = task;
+
+ if(this.taskItem.previousChildTask){
+ this.previousChildTask = this.project.getTaskById(this.taskItem.previousChildTask.id);
+ var lastChildTask = this.ganttChart.getLastChildTask(this.previousChildTask);
+ this.posY = dojo.style(lastChildTask.cTaskItem[0], "top")
+ + this.ganttChart.heightTaskItem + this.ganttChart.heightTaskItemExtra;
+ this.previousChildTask.nextChildTask = this;
+ }else{
+ this.posY = dojo.style(task.cTaskItem[0], "top")
+ + this.ganttChart.heightTaskItem + this.ganttChart.heightTaskItemExtra;
+ }
+ task.childTask.push(this);
+ }
+ if(previousTask){
+ var task = this.project.getTaskById(previousTask.id);
+ this.predTask = task;
+ task.childPredTask.push(this);
+ }
+ //creation task item
+ this.cTaskItem.push(this.createTaskItem());
+ containerTasks.appendChild(this.cTaskItem[0]);
+ if(this.ganttChart.panelNames){
+ this.cTaskNameItem.push(this.createTaskNameItem());
+ this.ganttChart.panelNames.firstChild.appendChild(this.cTaskNameItem[0]);
+ }
+ containerTasks.appendChild(this.createTaskDescItem());
+ //Create Connecting Lines
+ var arrConnectingLines = [];
+ if(previousTask){
+ arrConnectingLines = this.createConnectingLinesDS();
+ }
+ this.cTaskItem.push(arrConnectingLines);
+ if(this.ganttChart.panelNames){
+ //Create Connecting Lines
+ var arrConnectingLinesNames = [];
+ if(parentTask){
+ this.cTaskNameItem[0].style.left = dojo.style(this.parentTask.cTaskNameItem[0], "left") + 15 + "px";
+ arrConnectingLinesNames = this.createConnectingLinesPN();
+ }
+ this.checkWidthTaskNameItem();
+ //Identifier
+ this.checkPosition();
+ var treeImg = null;
+ if(isCParentTask){
+ treeImg = this.createTreeImg();
+ }
+ this.cTaskNameItem.push(arrConnectingLinesNames);
+ this.cTaskNameItem.push(treeImg);
+ }
+ this.adjustPanelTime();
+ return this;
+ },
+ checkPosition: function(){
+ //task name position: check Task Identifier
+ if(!this.ganttChart.withTaskId){
+ return;
+ }
+ var pos = dojo.coords(this.cTaskNameItem[0], true);
+ if(this.taskIdentifier){
+ if(this.childTask && this.childTask.length > 0){
+ dojo.forEach(this.childTask, function(cTask){
+ cTask.checkPosition();
+ }, this);
+ }
+ dojo.style(this.taskIdentifier, {
+ "left": (pos.l + pos.w + 4) + "px",
+ "top": (pos.t - 1) + "px"
+ });
+ }else{
+ this.taskIdentifier = dojo.create("div", {
+ id: "TaskId_" + this.taskItem.id,
+ className: "ganttTaskIdentifier",
+ title: this.taskItem.id,
+ innerHTML: this.taskItem.id
+ }, this.cTaskNameItem[0].parentNode);
+ dojo.style(this.taskIdentifier, {
+ left: (pos.l + pos.w + 4) + "px",
+ top: (pos.t - 1) + "px"
+ });
+ }
+ },
+ createTreeImg: function(){
+ var treeImg = dojo.create("div", {
+ id: this.taskItem.id,
+ className: "ganttImageTreeCollapse"
+ });
+ dojo.attr(treeImg, "tabIndex", 0);
+ dojo.forEach(["onclick", "onkeydown"], function(e){
+ this.ganttChart._events.push(
+ dojo.connect(treeImg, e, this, function(evt){
+ if(e == "onkeydown" && evt.keyCode != dojo.keys.ENTER){ return; }
+ if(this.isExpanded){
+ dojo.removeClass(treeImg, "ganttImageTreeCollapse");
+ dojo.addClass(treeImg, "ganttImageTreeExpand");
+ this.isExpanded = false;
+ this.hideChildTasks(this);
+ this.shiftCurrentTasks(this, -this.hideTasksHeight);
+ this.ganttChart.checkPosition();
+ }else{
+ dojo.removeClass(treeImg, "ganttImageTreeExpand");
+ dojo.addClass(treeImg, "ganttImageTreeCollapse");
+ this.isExpanded = true;
+ this.shiftCurrentTasks(this, this.hideTasksHeight);
+ this.showChildTasks(this, true);
+ this.hideTasksHeight = 0;
+ this.ganttChart.checkPosition();
+ }
+ })
+ );
+ }, this);
+ this.ganttChart.panelNames.firstChild.appendChild(treeImg);
+ dojo.addClass(treeImg, "ganttTaskTreeImage");
+ dojo.style(treeImg, {
+ left: (dojo.style(this.cTaskNameItem[0], "left") - 12) + "px",
+ top: (dojo.style(this.cTaskNameItem[0], "top") + 3) + "px"
+ });
+ return treeImg;
+ },
+ setPreviousTask: function(previousTaskId){
+ if(previousTaskId == ""){
+ this.clearPredTask();
+ }else{
+ var task = this.taskItem;
+ if(task.id == previousTaskId){
+ return false;
+ }
+ var predTaskObj = this.project.getTaskById(previousTaskId);
+ if(!predTaskObj){
+ return false;
+ }
+ var predTask = predTaskObj.taskItem;
+ var a1 = predTask.parentTask == null, a2 = task.parentTask == null;
+ if(a1 && !a2 || !a1 && a2 || !a1 && !a2 && (predTask.parentTask.id != task.parentTask.id)){
+ return false;
+ }
+ //check time
+ var startTime = task.startTime.getTime(),
+ pest = predTask.startTime.getTime(),
+ pdur = predTask.duration * 24 * 60 * 60 * 1000 / predTaskObj.ganttChart.hsPerDay;
+ if((pest+pdur) > startTime){
+ return false;
+ }
+ // remove current connection
+ this.clearPredTask();
+ if(!this.ganttChart.checkPosPreviousTask(predTask, task)){
+ this.ganttChart.correctPosPreviousTask(predTask, task, this);
+ }
+ task.previousTaskId = previousTaskId;
+ task.previousTask = predTask;
+ this.predTask = predTaskObj;
+ predTaskObj.childPredTask.push(this);
+ this.cTaskItem[1] = this.createConnectingLinesDS();
+ }
+ return true;
+ },
+ clearPredTask: function(){
+ if(this.predTask){
+ var ch = this.predTask.childPredTask;
+ for(var i = 0; i < ch.length; i++){
+ if(ch[i] == this){
+ ch.splice(i, 1);
+ break;
+ }
+ }
+ for(var i = 0; i < this.cTaskItem[1].length; i++){
+ this.cTaskItem[1][i].parentNode.removeChild(this.cTaskItem[1][i]);
+ }
+ this.cTaskItem[1] = [];
+ this.taskItem.previousTaskId = null;
+ this.taskItem.previousTask = null;
+ this.predTask = null;
+ }
+ },
+ setStartTime: function(startTime, shiftChild){
+ this.moveChild = shiftChild;
+ this.getMoveInfo();
+ var pos = this.ganttChart.getPosOnDate(startTime);
+ if((parseInt(this.cTaskItem[0].firstChild.firstChild.width) + pos > this.maxPosXMove) && (this.maxPosXMove != -1)){
+ this.maxPosXMove = -1;
+ this.minPosXMove = -1;
+ return false;
+ }
+ if(pos < this.minPosXMove){
+ this.maxPosXMove = -1;
+ this.minPosXMove = -1;
+ return false;
+ }
+ this.cTaskItem[0].style.left = pos;
+ var width = pos - this.posX;
+ this.moveCurrentTaskItem(width, shiftChild);
+ this.project.shiftProjectItem();
+ this.descrTask.innerHTML = this.objKeyToStr(this.getTaskOwner());
+ this.adjustPanelTime();
+ this.posX = 0;
+ this.maxPosXMove = -1;
+ this.minPosXMove = -1;
+ return true;
+ },
+ setDuration: function(duration){
+ this.getResizeInfo();
+ var width = this.ganttChart.getWidthOnDuration(duration);
+ if((width > this.maxWidthResize) && (this.maxWidthResize != -1)){
+ return false;
+ }else if(width < this.minWidthResize){
+ return false;
+ }else{
+ this.taskItemWidth = parseInt(this.cTaskItem[0].firstChild.firstChild.width);
+ this.resizeTaskItem(width);
+ this.endResizeItem();
+ this.descrTask.innerHTML = this.objKeyToStr(this.getTaskOwner());
+ return true;
+ }
+ },
+ setTaskOwner: function(owner){
+ owner = (owner == null || owner == undefined) ? "" : owner;
+ this.taskItem.taskOwner = owner;
+ this.descrTask.innerHTML = this.objKeyToStr(this.getTaskOwner());
+ return true;
+ },
+ setPercentCompleted: function(percentage){
+ percentage = parseInt(percentage);
+ if(isNaN(percentage) || percentage > 100 || percentage < 0){
+ return false;
+ }
+ var trow = this.cTaskItem[0].childNodes[0].firstChild.rows[0],
+ rc0 = trow.cells[0], rc1 = trow.cells[1];
+ if((percentage != 0) && (percentage != 100)){
+ if((this.taskItem.percentage != 0) && (this.taskItem.percentage != 100)){
+ rc0.width = percentage + "%";
+ rc1.width = 100 - percentage + "%";
+ }else if((this.taskItem.percentage == 0) || (this.taskItem.percentage == 100)){
+ rc0.parentNode.removeChild(rc0);
+ var cellTblTask = dojo.create("td", {
+ height: this.ganttChart.heightTaskItem + "px",
+ width: percentage + "%"
+ }, trow);
+ cellTblTask.style.lineHeight = "1px";
+ var imageProgressFill = dojo.create("div", {
+ className: "ganttImageTaskProgressFilled"
+ }, cellTblTask);
+ dojo.style(imageProgressFill, {
+ width: (percentage * this.taskItem.duration * this.ganttChart.pixelsPerWorkHour) / 100 + "px",
+ height: this.ganttChart.heightTaskItem + "px"
+ });
+
+ cellTblTask = dojo.create("td", {
+ height: this.ganttChart.heightTaskItem + "px",
+ width: (100 - percentage) + "%"
+ }, trow);
+ cellTblTask.style.lineHeight = "1px";
+ imageProgressFill = dojo.create("div", {
+ className: "ganttImageTaskProgressBg"
+ }, cellTblTask);
+ dojo.style(imageProgressFill, {
+ width: ((100 - percentage) * this.taskItem.duration * this.ganttChart.pixelsPerWorkHour) / 100 + "px",
+ height: this.ganttChart.heightTaskItem + "px"
+ });
+ }
+ }else if(percentage == 0){
+ if((this.taskItem.percentage != 0) && (this.taskItem.percentage != 100)){
+ rc0.parentNode.removeChild(rc0);
+ rc1.width = 100 + "%";
+ }else{
+ dojo.removeClass(rc0.firstChild, "ganttImageTaskProgressFilled");
+ dojo.addClass(rc0.firstChild, "ganttImageTaskProgressBg");
+ }
+ }else if(percentage == 100){
+ if((this.taskItem.percentage != 0) && (this.taskItem.percentage != 100)){
+ rc1.parentNode.removeChild(rc1);
+ rc0.width = 100 + "%";
+ }else{
+ dojo.removeClass(rc0.firstChild, "ganttImageTaskProgressBg");
+ dojo.addClass(rc0.firstChild, "ganttImageTaskProgressFilled");
+ }
+ }
+ this.taskItem.percentage = percentage;
+ this.taskItemWidth = parseInt(this.cTaskItem[0].firstChild.firstChild.width);
+ this.resizeTaskItem(this.taskItemWidth);
+ this.endResizeItem();
+ this.descrTask.innerHTML = this.objKeyToStr(this.getTaskOwner());
+ return true;
+ },
+ setName: function(name){
+ if(name){
+ this.taskItem.name = name;
+ this.cTaskNameItem[0].innerHTML = name;
+ this.cTaskNameItem[0].title = name;
+ this.checkWidthTaskNameItem();
+ this.checkPosition();
+ this.descrTask.innerHTML = this.objKeyToStr(this.getTaskOwner());
+ this.adjustPanelTime();
+ }
+ }
+});
+
+dojo.declare("dojox.gantt.GanttTaskItem", null, {
+ constructor: function(configuration){
+ //id is required
+ this.id = configuration.id;
+ this.name = configuration.name || this.id;
+ this.startTime = configuration.startTime || new Date();
+ this.duration = configuration.duration || 8;
+ this.percentage = configuration.percentage || 0;
+ this.previousTaskId = configuration.previousTaskId || "";
+ this.taskOwner = configuration.taskOwner || "";
+ this.cldTasks = [];
+ this.cldPreTasks = [];
+ this.parentTask = null;
+ this.previousTask = null;
+ this.project = null;
+ this.nextChildTask = null;
+ this.previousChildTask = null;
+ this.nextParentTask = null;
+ this.previousParentTask = null;
+ },
+ addChildTask: function(task){
+ this.cldTasks.push(task);
+ task.parentTask = this;
+ },
+ setProject: function(project){
+ this.project = project;
+ for(var j = 0; j < this.cldTasks.length; j++){
+ this.cldTasks[j].setProject(project);
+ }
+ }
+});
+
+
+}
+
+}};});
|