var g = new JSGantt.GanttChart('g',document.getElementById('GanttChartDIV'), 'day');
- -var g = new JSGantt.GanttChart( - assign the gantt chart to a javascript variable called 'g' -'g' - the name of the variable that was just assigned (will be used later so that gantt object can reference itself) -document.getElementById('GanttChartDIV') - reference to the DIV that will hold the gantt chart -'day' - default format will be by day - -* -* @class GanttChart -* @param pGanttVar {String} the name of the gantt chart variable -* @param pDiv {String} reference to the DIV that will hold the gantt chart -* @param pFormat {String} default format (minute,hour,day,week,month,quarter) -* @return void -*/ - -JSGantt.GanttChart = function(pGanttVar, pDiv, pFormat) +JSGantt.TaskItem=function(pID, pName, pStart, pEnd, pClass, pLink, pMile, pRes, pComp, pGroup, pParent, pOpen, pDepend, pCaption, pNotes, pGantt) { -/** -* The name of the gantt chart variable -* @property vGanttVar -* @type String -* @default pGanttVar -* @private -*/ var vGanttVar = pGanttVar; -/** -* The name of the gantt chart DIV -* @property vDiv -* @type String -* @default pDiv -* @private -*/ var vDiv = pDiv; -/** -* Selected format (minute,hour,day,week,month) -* @property vFormat -* @type String -* @default pFormat -* @private -*/ var vFormat = pFormat; -/** -* Show resource column -* @property vShowRes -* @type Number -* @default 1 -* @private -*/ var vShowRes = 1; -/** -* Show duration column -* @property vShowDur -* @type Number -* @default 1 -* @private -*/ var vShowDur = 1; -/** -* Show percent complete column -* @property vShowComp -* @type Number -* @default 1 -* @private -*/ var vShowComp = 1; -/** -* Show start date column -* @property vShowStartDate -* @type Number -* @default 1 -* @private -*/ var vShowStartDate = 1; -/** -* Show end date column -* @property vShowEndDate -* @type Number -* @default 1 -* @private -*/ var vShowEndDate = 1; -/** -* Date input format -* @property vDateInputFormat -* @type String -* @default "mm/dd/yyyy" -* @private -*/var vDateInputFormat = "mm/dd/yyyy"; -/** -* Date display format -* @property vDateDisplayFormat -* @type String -* @default "mm/dd/yy" -* @private -*/var vDateDisplayFormat = "mm/dd/yy"; - var vNumUnits = 0; - var vCaptionType; - var vDepId = 1; - var vTaskList = new Array(); - var vFormatArr = new Array("day","week","month","quarter"); - var vQuarterArr = new Array(1,1,1,2,2,2,3,3,3,4,4,4); - var vMonthDaysArr = new Array(31,28,31,30,31,30,31,31,30,31,30,31); - var vMonthArr = new Array(i18n["January"],i18n["February"],i18n["March"],i18n["April"],i18n["May"],i18n["June"],i18n["July"],i18n["August"],i18n["September"],i18n["October"],i18n["November"],i18n["December"]); + var vID=parseInt(document.createTextNode(pID).data); + var vName=document.createTextNode(pName).data; + var vStart=new Date(0); + var vEnd=new Date(0); + var vGroupMinStart=null; + var vGroupMinEnd=null; + var vClass=document.createTextNode(pClass).data; + var vLink=document.createTextNode(pLink).data; + var vMile=parseInt(document.createTextNode(pMile).data); + var vRes=document.createTextNode(pRes).data; + var vComp=parseFloat(document.createTextNode(pComp).data); + var vGroup=parseInt(document.createTextNode(pGroup).data); + var vParent=document.createTextNode(pParent).data; + var vOpen=(vGroup==2)?1:parseInt(document.createTextNode(pOpen).data); + var vDepend=new Array(); + var vDependType=new Array(); + var vCaption=document.createTextNode(pCaption).data; + var vDuration=''; + var vLevel=0; + var vNumKid=0; + var vVisible=1; + var vSortIdx=0; + var vToDelete=false; + var x1, y1, x2, y2; + var vNotes; + var vParItem=null; + var vCellDiv=null; + var vGantt=(pGantt instanceof JSGantt.GanttChart)? pGantt : g; //hack for backwards compatibility + var vBarDiv=null; + var vTaskDiv=null; + var vListChildRow=null; + var vChildRow=null; + var vGroupSpan=null; - -/** -* Set current display format (minute/hour/day/week/month/quarter) -* Only the first 4 arguments are used, for example: -*
-* g.setFormatArr("day","week","month");
-*
-* will show 3 formatting options (day/week/month) at the bottom right of the gantt chart
-* @method setFormatArr
-* @return {void}
-*/ this.setFormatArr = function() {
- vFormatArr = new Array();
- for(var i = 0; i < arguments.length; i++) {vFormatArr[i] = arguments[i];}
- if(vFormatArr.length>4){vFormatArr.length=4;}
- };
-/**
-* Show/Hide resource column
-* @param pShow {Number} 1=Show,0=Hide
-* @method setShowRes
-* @return {void}
-*/ this.setShowRes = function(pShow) { vShowRes = pShow; };
-/**
-* Show/Hide duration column
-* @param pShow {Number} 1=Show,0=Hide
-* @method setShowDur
-* @return {void}
-*/ this.setShowDur = function(pShow) { vShowDur = pShow; };
-/**
-* Show/Hide completed column
-* @param pShow {Number} 1=Show,0=Hide
-* @method setShowComp
-* @return {void}
-*/ this.setShowComp = function(pShow) { vShowComp = pShow; };
-/**
-* Show/Hide start date column
-* @param pShow {Number} 1=Show,0=Hide
-* @method setShowStartDate
-* @return {void}
-*/ this.setShowStartDate = function(pShow) { vShowStartDate = pShow; };
-/**
-* Show/Hide end date column
-* @param pShow {Number} 1=Show,0=Hide
-* @method setShowEndDate
-* @return {void}
-*/ this.setShowEndDate = function(pShow) { vShowEndDate = pShow; };
-/**
-* Overall date input format
-* @param pShow {String} (mm/dd/yyyy,dd/mm/yyyy,yyyy-mm-dd)
-* @method setDateInputFormat
-* @return {void}
-*/ this.setDateInputFormat = function(pShow) { vDateInputFormat = pShow; };
-/**
-* Overall date display format
-* @param pShow {String} (mm/dd/yyyy,dd/mm/yyyy,yyyy-mm-dd)
-* @method setDateDisplayFormat
-* @return {void}
-*/ this.setDateDisplayFormat = function(pShow) { vDateDisplayFormat = pShow; };
-/**
-* Set gantt caption
-* @param pType {String}
-Caption-Displays a custom caption set in TaskItem
-Resource-Displays task resource
-Duration-Displays task duration
-Complete-Displays task percent complete
';
-
- if(vShowRes !=1) vNameWidth+=vStatusWidth;
- if(vShowDur !=1) vNameWidth+=vStatusWidth;
- if(vShowComp!=1) vNameWidth+=vStatusWidth;
- if(vShowStartDate!=1) vNameWidth+=vStatusWidth;
- if(vShowEndDate!=1) vNameWidth+=vStatusWidth;
-
- // DRAW the Left-side of the chart (names, resources, comp%)
- vLeftTable =
- '
| ';
+ this.getParent=function(){return vParent;};
+ this.getGroup=function(){return vGroup;};
+ this.getOpen=function(){return vOpen;};
+ this.getLevel=function(){return vLevel;};
+ this.getNumKids=function(){return vNumKid;};
+ this.getStartX=function(){return x1;};
+ this.getStartY=function(){return y1;};
+ this.getEndX=function(){return x2;};
+ this.getEndY=function(){return y2;};
+ this.getVisible=function(){return vVisible;};
+ this.getParItem=function(){return vParItem;};
+ this.getCellDiv=function(){return vCellDiv;};
+ this.getBarDiv=function(){return vBarDiv;};
+ this.getTaskDiv=function(){return vTaskDiv;};
+ this.getChildRow=function(){return vChildRow;};
+ this.getListChildRow=function(){return vListChildRow;};
+ this.getGroupSpan=function(){return vGroupSpan;};
+ this.setStart=function(pStart){if(pStart instanceof Date)vStart=pStart;};
+ this.setEnd=function(pEnd){if(pEnd instanceof Date)vEnd=pEnd;};
+ this.setGroupMinStart=function(pStart){if(pStart instanceof Date)vGroupMinStart=pStart;};
+ this.setGroupMinEnd=function(pEnd){if(pEnd instanceof Date)vGroupMinEnd=pEnd;};
+ this.setLevel=function(pLevel){vLevel=parseInt(document.createTextNode(pLevel).data);};
+ this.setNumKid=function(pNumKid){vNumKid=parseInt(document.createTextNode(pNumKid).data);};
+ this.setCompVal=function(pCompVal){vComp=parseFloat(document.createTextNode(pCompVal).data);};
+ this.setStartX=function(pX){x1=parseInt(document.createTextNode(pX).data);};
+ this.setStartY=function(pY){y1=parseInt(document.createTextNode(pY).data);};
+ this.setEndX=function(pX){x2=parseInt(document.createTextNode(pX).data);};
+ this.setEndY=function(pY){y2=parseInt(document.createTextNode(pY).data);};
+ this.setOpen=function(pOpen){vOpen=parseInt(document.createTextNode(pOpen).data);};
+ this.setVisible=function(pVisible){vVisible=parseInt(document.createTextNode(pVisible).data);};
+ this.setSortIdx=function(pSortIdx){vSortIdx=parseInt(document.createTextNode(pSortIdx).data);};
+ this.setToDelete=function(pToDelete){if (pToDelete) vToDelete=true; else vToDelete=false;};
+ this.setParItem=function(pParItem){if(pParItem instanceof JSGantt.TaskItem) vParItem=pParItem;};
+ this.setCellDiv=function(pCellDiv){if(typeof HTMLDivElement !== 'function' || pCellDiv instanceof HTMLDivElement) vCellDiv=pCellDiv;}; //"typeof HTMLDivElement !== 'function'" to play nice with ie6 and 7
+ this.setGroup=function(pGroup){vGroup=parseInt(document.createTextNode(pGroup).data);};
+ this.setBarDiv=function(pDiv){if(typeof HTMLDivElement !== 'function' || pDiv instanceof HTMLDivElement)vBarDiv=pDiv;};
+ this.setTaskDiv=function(pDiv){if(typeof HTMLDivElement !== 'function' || pDiv instanceof HTMLDivElement)vTaskDiv=pDiv;};
+ this.setChildRow=function(pRow){if(typeof HTMLTableRowElement !== 'function' || pRow instanceof HTMLTableRowElement)vChildRow=pRow;};
+ this.setListChildRow=function(pRow){if(typeof HTMLTableRowElement !== 'function' || pRow instanceof HTMLTableRowElement)vListChildRow=pRow;};
+ this.setGroupSpan=function(pSpan){if(typeof HTMLSpanElement !== 'function' || pSpan instanceof HTMLSpanElement)vGroupSpan=pSpan;};
+};
- vMainTable += vLeftTable;
+// function that loads the main gantt chart properties and functions
+// pDiv: (required) this is a div object created in HTML
+// pFormat: (required) - used to indicate whether chart should be drawn in "hour", "day", "week", "month", or "quarter" format
+JSGantt.GanttChart=function(pDiv, pFormat)
+{
+ var vDiv=pDiv;
+ var vFormat=pFormat;
+ var vDivId=null;
+ var vUseFade=1;
+ var vUseMove=1;
+ var vUseRowHlt=1;
+ var vUseToolTip=1;
+ var vUseSort=1;
+ var vUseSingleCell=25000;
+ var vShowRes=1;
+ var vShowDur=1;
+ var vShowComp=1;
+ var vShowStartDate=1;
+ var vShowEndDate=1;
+ var vShowEndWeekDate=1;
+ var vShowTaskInfoRes=1;
+ var vShowTaskInfoDur=1;
+ var vShowTaskInfoComp=1;
+ var vShowTaskInfoStartDate=1;
+ var vShowTaskInfoEndDate=1;
+ var vShowTaskInfoNotes=1;
+ var vShowTaskInfoLink=1;
+ var vShowDeps=1;
+ var vShowSelector=new Array('top');
+ var vDateInputFormat='yyyy-mm-dd';
+ var vDateTaskTableDisplayFormat=JSGantt.parseDateFormatStr('dd/mm/yyyy');
+ var vDateTaskDisplayFormat=JSGantt.parseDateFormatStr('dd month yyyy');
+ var vHourMajorDateDisplayFormat=JSGantt.parseDateFormatStr('day dd month yyyy');
+ var vHourMinorDateDisplayFormat=JSGantt.parseDateFormatStr('HH');
+ var vDayMajorDateDisplayFormat=JSGantt.parseDateFormatStr('dd/mm/yyyy');
+ var vDayMinorDateDisplayFormat=JSGantt.parseDateFormatStr('dd');
+ var vWeekMajorDateDisplayFormat=JSGantt.parseDateFormatStr('yyyy');
+ var vWeekMinorDateDisplayFormat=JSGantt.parseDateFormatStr('dd/mm');
+ var vMonthMajorDateDisplayFormat=JSGantt.parseDateFormatStr('yyyy');
+ var vMonthMinorDateDisplayFormat=JSGantt.parseDateFormatStr('mon');
+ var vQuarterMajorDateDisplayFormat=JSGantt.parseDateFormatStr('yyyy');
+ var vQuarterMinorDateDisplayFormat=JSGantt.parseDateFormatStr('qq');
+ var vUseFullYear=JSGantt.parseDateFormatStr('dd/mm/yyyy');
+ var vCaptionType;
+ var vDepId=1;
+ var vTaskList=new Array();
+ var vFormatArr=new Array('hour','day','week','month','quarter');
+ var vMonthDaysArr=new Array(31,28,31,30,31,30,31,31,30,31,30,31);
+ var vProcessNeeded=true;
+ var vMinGpLen=8;
+ var vScrollTo='';
+ var vHourColWidth=18;
+ var vDayColWidth=18;
+ var vWeekColWidth=36;
+ var vMonthColWidth=36;
+ var vQuarterColWidth=18;
+ var vRowHeight=20;
+ var vTodayPx=-1;
+ /*var vLangs={'en':
+ {'format':'Format','hour':'Hour','day':'Day','week':'Week','month':'Month','quarter':'Quarter','hours':'Hours','days':'Days',
+ 'weeks':'Weeks','months':'Months','quarters':'Quarters','hr':'Hr','dy':'Day','wk':'Wk','mth':'Mth','qtr':'Qtr','hrs':'Hrs',
+ 'dys':'Days','wks':'Wks','mths':'Mths','qtrs':'Qtrs','resource':'Resource','duration':'Duration','comp':'% Comp.',
+ 'completion':'Completion','startdate':'Start Date','enddate':'End Date','moreinfo':'More Information','notes':'Notes',
+ 'january':'January','february':'February','march':'March','april':'April','maylong':'May','june':'June','july':'July',
+ 'august':'August','september':'September','october':'October','november':'November','december':'December','jan':'Jan',
+ 'feb':'Feb','mar':'Mar','apr':'Apr','may':'May','jun':'Jun','jul':'Jul','aug':'Aug','sep':'Sep','oct':'Oct','nov':'Nov',
+ 'dec':'Dec','sunday':'Sunday','monday':'Monday','tuesday':'Tuesday','wednesday':'Wednesday','thursday':'Thursday',
+ 'friday':'Friday','saturday':'Saturday','sun':'Sun','mon':'Mon','tue':'Tue','wed':'Wed','thu':'Thu','fri':'Fri','sat':'Sat'}
+ };
+ var vLang='en';*/
+ var vChartBody=null;
+ var vChartHead=null;
+ var vListBody=null;
+ var vChartTable=null;
+ var vLines=null;
+ var vTimer=20;
+
+ this.setUseFade=function(pVal){vUseFade=pVal;};
+ this.setUseMove=function(pVal){vUseMove=pVal;};
+ this.setUseRowHlt=function(pVal){vUseRowHlt=pVal;};
+ this.setUseToolTip=function(pVal){vUseToolTip=pVal;};
+ this.setUseSort=function(pVal){vUseSort=pVal;};
+ this.setUseSingleCell=function(pVal){vUseSingleCell=pVal*1;};
+ this.setFormatArr=function()
+ {
+ var vValidFormats='hour day week month quarter';
+ vFormatArr=new Array();
+ for(var i=0, j=0; i|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
| ' ; - vRightTable += JSGantt.formatDateStr(vTmpDate, vDateDisplayFormat) + ' ' + vTmpDate.getHours() + ':00 -' + vTmpDate.getHours() + ':59 | '; - vTmpDate.setHours(vTmpDate.getHours()+1); - } - - if(vFormat == 'hour') - { - vRightTable += '' ; - vRightTable += JSGantt.formatDateStr(vTmpDate, vDateDisplayFormat) + ' | '; - vTmpDate.setDate(vTmpDate.getDate()+1); - } - - if(vFormat == 'day') - { - vRightTable += '' + - JSGantt.formatDateStr(vTmpDate,vDateDisplayFormat.substring(0,5)) + ' - '; - vTmpDate.setDate(vTmpDate.getDate()+6); - vRightTable += JSGantt.formatDateStr(vTmpDate, vDateDisplayFormat) + ' | '; - vTmpDate.setDate(vTmpDate.getDate()+1); - } - else if(vFormat == 'week') - { - vRightTable += '`'+ vStr + ' | '; - vTmpDate.setDate(vTmpDate.getDate()+7); - } - else if(vFormat == 'month') - { - vRightTable += '`'+ vStr + ' | '; - vTmpDate.setDate(vTmpDate.getDate() + 1); - while(vTmpDate.getDate() > 1) - { - vTmpDate.setDate(vTmpDate.getDate() + 1); - } - } - else if(vFormat == 'quarter') - { - vRightTable += '`'+ vStr + ' | '; - vTmpDate.setDate(vTmpDate.getDate() + 81); - while(vTmpDate.getDate() > 1) - { - vTmpDate.setDate(vTmpDate.getDate() + 1); - } - } + var vHeaderCellClass='gmajorheading'; + vCellContents=''; - } - - vRightTable += '||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
' + vTmpDate.getMinutes() + ' | ';
- vItemRowStr += '' + vTmpDate.getHours() + ' | ';
- vItemRowStr += '' + vTmpDate.getDate() + ' | ';
- vItemRowStr += '' + vTmpDate.getDate() + ' | ';
- if( JSGantt.formatDateStr(vCurrDate,'mm/dd/yyyy') == JSGantt.formatDateStr(vTmpDate,'mm/dd/yyyy'))
- vItemRowStr += '' + (vTmpDate.getMonth()+1) + '/' + vTmpDate.getDate() + ' | ';
- if( vCurrDate >= vTmpDate && vCurrDate < vNxtDate )
- vItemRowStr += '' + (vTmpDate.getMonth()+1) + '/' + vTmpDate.getDate() + ' | ';
- if( vCurrDate >= vTmpDate && vCurrDate < vNxtDate )
- vItemRowStr += '' + vMonthArr[vTmpDate.getMonth()].substr(0,3) + ' | ';
- if( vCurrDate >= vTmpDate && vCurrDate < vNxtDate )
- vItemRowStr += '' + vMonthArr[vTmpDate.getMonth()].substr(0,3) + ' | ';
- if( vCurrDate >= vTmpDate && vCurrDate < vNxtDate )
- vItemRowStr += 'Qtr. ' + vQuarterArr[vTmpDate.getMonth()] + ' | ';
- if( vCurrDate >= vTmpDate && vCurrDate < vNxtDate )
- vItemRowStr += 'Qtr. ' + vQuarterArr[vTmpDate.getMonth()] + ' | ';
- if( vCurrDate >= vTmpDate && vCurrDate < vNxtDate )
- vItemRowStr += '||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||