/*
Copyright (c) 2012-2014 Open Lab
Written by Roberto Bicchierai and Silvia Chelazzi http://roberto.open-lab.com
Permission is hereby granted, free of charge, to any person obtaining
a copy of this software and associated documentation files (the
"Software"), to deal in the Software without restriction, including
without limitation the rights to use, copy, modify, merge, publish,
distribute, sublicense, and/or sell copies of the Software, and to
permit persons to whom the Software is furnished to do so, subject to
the following conditions:
The above copyright notice and this permission notice shall be
included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
function Ganttalendar(zoom, startmillis, endMillis, master, minGanttSize) {
this.master = master; // is the a GantEditor instance
this.element; // is the jquery element containing gantt
this.highlightBar;
this.zoom = zoom;
this.minGanttSize = minGanttSize;
this.includeToday=true; //when true today is always visible. If false boundaries comes from tasks periods
this.showCriticalPath=false; //when true critical path is highlighted
this.zoomLevels = ["d","w", "m", "q", "s", "y"];
this.element = this.create(zoom, startmillis, endMillis);
}
Ganttalendar.prototype.zoomGantt = function(isPlus) {
var curLevel = this.zoom;
var pos = this.zoomLevels.indexOf(curLevel + "");
var newPos = pos;
if (isPlus) {
newPos = pos <= 0 ? 0 : pos - 1;
} else {
newPos = pos >= this.zoomLevels.length - 1 ? this.zoomLevels.length - 1 : pos + 1;
}
if (newPos != pos) {
curLevel = this.zoomLevels[newPos];
this.zoom = curLevel;
this.refreshGantt();
}
};
Ganttalendar.prototype.create = function(zoom, originalStartmillis, originalEndMillis) {
//console.debug("Gantt.create " + new Date(originalStartmillis) + " - " + new Date(originalEndMillis));
var self = this;
function getPeriod(zoomLevel, stMil, endMillis) {
var start = new Date(stMil);
var end = new Date(endMillis);
//reset hours
if (zoomLevel == "d") {
start.setHours(0, 0, 0, 0);
end.setHours(23, 59, 59, 999);
start.setFirstDayOfThisWeek();
end.setFirstDayOfThisWeek();
end.setDate(end.getDate() + 6);
//reset day of week
} else if (zoomLevel == "w") {
start.setHours(0, 0, 0, 0);
end.setHours(23, 59, 59, 999);
start.setFirstDayOfThisWeek();
end.setFirstDayOfThisWeek();
end.setDate(end.getDate() + 6);
//reset day of month
} else if (zoomLevel == "m") {
start.setHours(0, 0, 0, 0);
end.setHours(23, 59, 59, 999);
start.setDate(1);
end.setDate(1);
end.setMonth(end.getMonth() + 1);
end.setDate(end.getDate() - 1);
//reset to quarter
} else if (zoomLevel == "q") {
start.setHours(0, 0, 0, 0);
end.setHours(23, 59, 59, 999);
start.setDate(1);
start.setMonth(Math.floor(start.getMonth() / 3) * 3);
end.setDate(1);
end.setMonth(Math.floor(end.getMonth() / 3) * 3 + 3);
end.setDate(end.getDate() - 1);
//reset to semester
} else if (zoomLevel == "s") {
start.setHours(0, 0, 0, 0);
end.setHours(23, 59, 59, 999);
start.setDate(1);
start.setMonth(Math.floor(start.getMonth() / 6) * 6);
end.setDate(1);
end.setMonth(Math.floor(end.getMonth() / 6) * 6 + 6);
end.setDate(end.getDate() - 1);
//reset to year - > gen
} else if (zoomLevel == "y") {
start.setHours(0, 0, 0, 0);
end.setHours(23, 59, 59, 999);
start.setDate(1);
start.setMonth(0);
end.setDate(1);
end.setMonth(12);
end.setDate(end.getDate() - 1);
}
return {start:start.getTime(),end:end.getTime()};
}
function createHeadCell(lbl, span, additionalClass,width) {
var th = jQuery("
").html(lbl).attr("colSpan", span);
if (width)
th.width(width);
if (additionalClass)
th.addClass(additionalClass);
return th;
}
function createBodyCell(span, isEnd, additionalClass) {
var ret = jQuery(" | ").html("").attr("colSpan", span).addClass("ganttBodyCell");
if (isEnd)
ret.addClass("end");
if (additionalClass)
ret.addClass(additionalClass);
return ret;
}
function createGantt(zoom, startPeriod, endPeriod) {
var tr1 = jQuery(" | ").addClass("ganttHead1");
var tr2 = jQuery("
").addClass("ganttHead2");
var trBody = jQuery("
").addClass("ganttBody");
function iterate(renderFunction1, renderFunction2) {
var start = new Date(startPeriod);
//loop for header1
while (start.getTime() <= endPeriod) {
renderFunction1(start);
}
//loop for header2
start = new Date(startPeriod);
while (start.getTime() <= endPeriod) {
renderFunction2(start);
}
}
//this is computed by hand in order to optimize cell size
var computedTableWidth;
// year
if (zoom == "y") {
computedTableWidth = Math.floor(((endPeriod - startPeriod) / (3600000 * 24 * 180)) * 100); //180gg = 1 sem = 100px
iterate(function(date) {
tr1.append(createHeadCell(date.format("yyyy"), 2));
date.setFullYear(date.getFullYear() + 1);
}, function(date) {
var sem = (Math.floor(date.getMonth() / 6) + 1);
tr2.append(createHeadCell(GanttMaster.messages["GANTT_SEMESTER_SHORT"] + sem, 1,null,100));
trBody.append(createBodyCell(1, sem == 2));
date.setMonth(date.getMonth() + 6);
});
//semester
} else if (zoom == "s") {
computedTableWidth = Math.floor(((endPeriod - startPeriod) / (3600000 * 24 * 90)) * 100); //90gg = 1 quarter = 100px
iterate(function(date) {
var end = new Date(date.getTime());
end.setMonth(end.getMonth() + 6);
end.setDate(end.getDate() - 1);
tr1.append(createHeadCell(date.format("MMM") + " - " + end.format("MMM yyyy"), 2));
date.setMonth(date.getMonth() + 6);
}, function(date) {
var quarter = ( Math.floor(date.getMonth() / 3) + 1);
tr2.append(createHeadCell(GanttMaster.messages["GANTT_QUARTER_SHORT"] + quarter, 1,null,100));
trBody.append(createBodyCell(1, quarter % 2 == 0));
date.setMonth(date.getMonth() + 3);
});
//quarter
} else if (zoom == "q") {
computedTableWidth = Math.floor(((endPeriod - startPeriod) / (3600000 * 24 * 30)) * 300); //1 month= 300px
iterate(function(date) {
var end = new Date(date.getTime());
end.setMonth(end.getMonth() + 3);
end.setDate(end.getDate() - 1);
tr1.append(createHeadCell(date.format("MMM") + " - " + end.format("MMM yyyy"), 3));
date.setMonth(date.getMonth() + 3);
}, function(date) {
var lbl = date.format("MMM");
tr2.append(createHeadCell(lbl, 1,null,300));
trBody.append(createBodyCell(1, date.getMonth() % 3 == 2));
date.setMonth(date.getMonth() + 1);
});
//month
} else if (zoom == "m") {
computedTableWidth = Math.floor(((endPeriod - startPeriod) / (3600000 * 24 * 1)) * 25); //1 day= 20px
iterate(function(date) {
var sm = date.getTime();
date.setMonth(date.getMonth() + 1);
var daysInMonth = Math.round((date.getTime() - sm) / (3600000 * 24));
tr1.append(createHeadCell(new Date(sm).format("MMMM yyyy"), daysInMonth)); //spans mumber of dayn in the month
}, function(date) {
tr2.append(createHeadCell(date.format("d"), 1, isHoliday(date) ? "holyH" : null,25));
var nd = new Date(date.getTime());
nd.setDate(date.getDate() + 1);
trBody.append(createBodyCell(1, nd.getDate() == 1, isHoliday(date) ? "holy" : null));
date.setDate(date.getDate() + 1);
});
//week
} else if (zoom == "w") {
computedTableWidth = Math.floor(((endPeriod - startPeriod) / (3600000 * 24)) * 40); //1 day= 40px
iterate(function(date) {
var end = new Date(date.getTime());
end.setDate(end.getDate() + 6);
tr1.append(createHeadCell(date.format("MMM d") + " - " + end.format("MMM d'yy"), 7));
date.setDate(date.getDate() + 7);
}, function(date) {
tr2.append(createHeadCell(date.format("EEEE").substr(0, 1), 1, isHoliday(date) ? "holyH" : null, 40));
trBody.append(createBodyCell(1, date.getDay() % 7 == (self.master.firstDayOfWeek + 6) % 7, isHoliday(date) ? "holy" : null));
date.setDate(date.getDate() + 1);
});
//days
} else if (zoom == "d") {
computedTableWidth = Math.floor(((endPeriod - startPeriod) / (3600000 * 24)) * 100); //1 day= 100px
iterate(function(date) {
var end = new Date(date.getTime());
end.setDate(end.getDate() + 6);
tr1.append(createHeadCell(date.format("MMMM d") + " - " + end.format("MMMM d yyyy"), 7));
date.setDate(date.getDate() + 7);
}, function (date) {
tr2.append(createHeadCell(date.format("EEE d"), 1, isHoliday(date) ? "holyH" : null, 100));
trBody.append(createBodyCell(1, date.getDay() % 7 == (self.master.firstDayOfWeek + 6) % 7, isHoliday(date) ? "holy" : null));
date.setDate(date.getDate() + 1);
});
} else {
console.error("Wrong level " + zoom);
}
//set a minimal width
computedTableWidth = Math.max(computedTableWidth, self.minGanttSize);
var table = jQuery("");
table.append(tr1).append(tr2).css({width:computedTableWidth});
var head=table.clone().addClass("fixHead");
table.append(trBody).addClass("ganttTable");
table.height(self.master.editor.element.height());
var box = jQuery("");
box.addClass("gantt unselectable").attr("unselectable","true").css({position:"relative",width:computedTableWidth});
box.append(table);
box.append(head);
//highlightBar
var hlb = jQuery("
").addClass("ganttHighLight");
box.append(hlb);
self.highlightBar = hlb;
//create link container
var links = jQuery("
");
links.addClass("ganttLinks").css({position:"absolute",top:0,width:computedTableWidth,height:"100%"});
box.append(links);
//compute scalefactor fx
self.fx = computedTableWidth / (endPeriod - startPeriod);
// drawTodayLine
if (new Date().getTime() > self.startMillis && new Date().getTime() < self.endMillis) {
var x = Math.round(((new Date().getTime()) - self.startMillis) * self.fx);
var today = jQuery("
").addClass("ganttToday").css("left", x);
box.append(today);
}
return box;
}
//if include today synch extremes
if (this.includeToday){
var today=new Date().getTime();
originalStartmillis=originalStartmillis>today ? today:originalStartmillis;
originalEndMillis=originalEndMillis
Ganttalendar.prototype.drawTask = function (task) {
//console.debug("drawTask", task.name,new Date(task.start));
//var prof = new Profiler("ganttDrawTask");
var self = this;
editorRow = task.rowElement;
var top = editorRow.position().top+ editorRow.offsetParent().scrollTop();
var x = Math.round((task.start - self.startMillis) * self.fx);
var taskBox = jQuery.JST.createFromTemplate(task, "TASKBAR");
//save row element on task
task.ganttElement = taskBox;
//if I'm parent
if (task.isParent())
taskBox.addClass("hasChild");
taskBox.css({top:top,left:x,width:Math.round((task.end - task.start) * self.fx)});
if (this.master.canWrite && task.canWrite) {
taskBox.resizable({
handles: 'e' + ( task.depends ? "" : ",w"), //if depends cannot move start
//helper: "ui-resizable-helper",
//grid:[oneDaySize,oneDaySize],
resize:function(event, ui) {
//console.debug(ui)
jQuery(".taskLabel[taskId=" + ui.helper.attr("taskId") + "]").css("width", ui.position.left);
event.stopImmediatePropagation();
event.stopPropagation();
},
stop:function(event, ui) {
//console.debug(ui)
var task = self.master.getTask(ui.element.attr("taskId"));
var s = Math.round((ui.position.left / self.fx) + self.startMillis);
var e = Math.round(((ui.position.left + ui.size.width) / self.fx) + self.startMillis);
self.master.beginTransaction();
self.master.changeTaskDates(task, new Date(s), new Date(e));
self.master.endTransaction();
}
}).on("mouseup",function(){
jQuery(":focus").blur(); // in order to save grid field when moving task
});
}
taskBox.dblclick(function() {
self.master.showTaskEditor(jQuery(this).closest("[taskId]").attr("taskId"));
}).mousedown(function() {
var task = self.master.getTask(jQuery(this).attr("taskId"));
task.rowElement.click();
});
//panning only if no depends
if (!task.depends && this.master.canWrite && task.canWrite) {
taskBox.css("position", "absolute").draggable({
axis:'x',
drag:function (event, ui) {
jQuery(".taskLabel[taskId=" + jQuery(this).attr("taskId") + "]").css("width", ui.position.left);
},
stop:function(event, ui) {
//console.debug(ui,jQuery(this))
var task = self.master.getTask(jQuery(this).attr("taskId"));
var s = Math.round((ui.position.left / self.fx) + self.startMillis);
self.master.beginTransaction();
self.master.moveTask(task, new Date(s));
self.master.endTransaction();
}/*,
start:function(event, ui) {
var task = self.master.getTask(jQuery(this).attr("taskId"));
var s = Math.round((ui.position.left / self.fx) + self.startMillis);
}*/
});
}
var taskBoxSeparator=jQuery("");
taskBoxSeparator.css({top:top+taskBoxSeparator.height()});
// taskBoxSeparator.css({top:top+18});
self.element.append(taskBox);
self.element.append(taskBoxSeparator);
//ask for redraw link
self.redrawLinks();
//prof.stop();
};
Ganttalendar.prototype.addTask = function (task) {
//set new boundaries for gantt
this.originalEndMillis = this.originalEndMillis > task.end ? this.originalEndMillis : task.end;
this.originalStartMillis = this.originalStartMillis < task.start ? this.originalStartMillis : task.start;
};
//<%-------------------------------------- GANT DRAW LINK ELEMENT --------------------------------------%>
//'from' and 'to' are tasks already drawn
Ganttalendar.prototype.drawLink = function (from, to, type) {
var peduncolusSize = 10;
var lineSize = 2;
/**
* A representation of a Horizontal line
*/
HLine = function(width, top, left) {
var hl = jQuery("").addClass("taskDepLine");
hl.css({
height: lineSize,
left: left,
width: width,
top: top - lineSize / 2
});
return hl;
};
/**
* A representation of a Vertical line
*/
VLine = function(height, top, left) {
var vl = jQuery("
").addClass("taskDepLine");
vl.css({
height: height,
left:left - lineSize / 2,
width: lineSize,
top: top
});
return vl;
};
/**
* Given an item, extract its rendered position
* width and height into a structure.
*/
function buildRect(item) {
var rect = item.ganttElement.position();
rect.width = item.ganttElement.width();
rect.height = item.ganttElement.height();
return rect;
}
/**
* The default rendering method, which paints a start to end dependency.
*
* @see buildRect
*/
function drawStartToEnd(rectFrom, rectTo, peduncolusSize) {
var left, top;
var ndo = jQuery("
").attr({
from: from.id,
to: to.id
});
var currentX = rectFrom.left + rectFrom.width;
var currentY = rectFrom.height / 2 + rectFrom.top;
var useThreeLine = (currentX + 2 * peduncolusSize) < rectTo.left;
if (!useThreeLine) {
// L1
if (peduncolusSize > 0) {
var l1 = new HLine(peduncolusSize, currentY, currentX);
currentX = currentX + peduncolusSize;
ndo.append(l1);
}
// L2
var l2_4size = ((rectTo.top + rectTo.height / 2) - (rectFrom.top + rectFrom.height / 2)) / 2;
var l2;
if (l2_4size < 0) {
l2 = new VLine(-l2_4size, currentY + l2_4size, currentX);
} else {
l2 = new VLine(l2_4size, currentY, currentX);
}
currentY = currentY + l2_4size;
ndo.append(l2);
// L3
var l3size = rectFrom.left + rectFrom.width + peduncolusSize - (rectTo.left - peduncolusSize);
currentX = currentX - l3size;
var l3 = new HLine(l3size, currentY, currentX);
ndo.append(l3);
// L4
var l4;
if (l2_4size < 0) {
l4 = new VLine(-l2_4size, currentY + l2_4size, currentX);
} else {
l4 = new VLine(l2_4size, currentY, currentX);
}
ndo.append(l4);
currentY = currentY + l2_4size;
// L5
if (peduncolusSize > 0) {
var l5 = new HLine(peduncolusSize, currentY, currentX);
currentX = currentX + peduncolusSize;
ndo.append(l5);
}
} else {
//L1
var l1_3Size = (rectTo.left - currentX) / 2;
var l1 = new HLine(l1_3Size, currentY, currentX);
currentX = currentX + l1_3Size;
ndo.append(l1);
//L2
var l2Size = ((rectTo.top + rectTo.height / 2) - (rectFrom.top + rectFrom.height / 2));
var l2;
if (l2Size < 0) {
l2 = new VLine(-l2Size, currentY + l2Size, currentX);
} else {
l2 = new VLine(l2Size, currentY, currentX);
}
ndo.append(l2);
currentY = currentY + l2Size;
//L3
var l3 = new HLine(l1_3Size, currentY, currentX);
currentX = currentX + l1_3Size;
ndo.append(l3);
}
//arrow
var arr = jQuery("

").css({
position: 'absolute',
top: rectTo.top + rectTo.height / 2 - 5,
left: rectTo.left - 5
});
ndo.append(arr);
return ndo;
}
/**
* A rendering method which paints a start to start dependency.
*
* @see buildRect
*/
function drawStartToStart(rectFrom, rectTo, peduncolusSize) {
var left, top;
var ndo = jQuery("
").attr({
from: from.id,
to: to.id
});
var currentX = rectFrom.left;
var currentY = rectFrom.height / 2 + rectFrom.top;
var useThreeLine = (currentX + 2 * peduncolusSize) < rectTo.left;
if (!useThreeLine) {
// L1
if (peduncolusSize > 0) {
var l1 = new HLine(peduncolusSize, currentY, currentX - peduncolusSize);
currentX = currentX - peduncolusSize;
ndo.append(l1);
}
// L2
var l2_4size = ((rectTo.top + rectTo.height / 2) - (rectFrom.top + rectFrom.height / 2)) / 2;
var l2;
if (l2_4size < 0) {
l2 = new VLine(-l2_4size, currentY + l2_4size, currentX);
} else {
l2 = new VLine(l2_4size, currentY, currentX);
}
currentY = currentY + l2_4size;
ndo.append(l2);
// L3
var l3size = (rectFrom.left - peduncolusSize) - (rectTo.left - peduncolusSize);
currentX = currentX - l3size;
var l3 = new HLine(l3size, currentY, currentX);
ndo.append(l3);
// L4
var l4;
if (l2_4size < 0) {
l4 = new VLine(-l2_4size, currentY + l2_4size, currentX);
} else {
l4 = new VLine(l2_4size, currentY, currentX);
}
ndo.append(l4);
currentY = currentY + l2_4size;
// L5
if (peduncolusSize > 0) {
var l5 = new HLine(peduncolusSize, currentY, currentX);
currentX = currentX + peduncolusSize;
ndo.append(l5);
}
} else {
//L1
var l1 = new HLine(peduncolusSize, currentY, currentX - peduncolusSize);
currentX = currentX - peduncolusSize;
ndo.append(l1);
//L2
var l2Size = ((rectTo.top + rectTo.height / 2) - (rectFrom.top + rectFrom.height / 2));
var l2;
if (l2Size < 0) {
l2 = new VLine(-l2Size, currentY + l2Size, currentX);
} else {
l2 = new VLine(l2Size, currentY, currentX);
}
ndo.append(l2);
currentY = currentY + l2Size;
//L3
var l3 = new HLine(currentX + peduncolusSize + (rectTo.left - rectFrom.left), currentY, currentX);
currentX = currentX + peduncolusSize + (rectTo.left - rectFrom.left);
ndo.append(l3);
}
//arrow
var arr = jQuery("

").css({
position: 'absolute',
top: rectTo.top + rectTo.height / 2 - 5,
left: rectTo.left - 5
});
ndo.append(arr);
return ndo;
}
var rectFrom = buildRect(from);
var rectTo = buildRect(to);
// Dispatch to the correct renderer
if (type == 'start-to-start') {
this.element.find(".ganttLinks").append(
drawStartToStart(rectFrom, rectTo, peduncolusSize)
);
} else {
this.element.find(".ganttLinks").append(
drawStartToEnd(rectFrom, rectTo, peduncolusSize)
);
}
};
Ganttalendar.prototype.redrawLinks = function() {
//console.debug("redrawLinks ");
var self = this;
this.element.stopTime("ganttlnksredr");
this.element.oneTime(60, "ganttlnksredr", function() {
//var prof=new Profiler("gd_drawLink_real");
self.element.find(".ganttLinks").empty();
//[expand]
var collapsedDescendant = self.master.getCollapsedDescendant();
for (var i=0;i
= 0 || collapsedDescendant.indexOf(link.to) >= 0) continue;
self.drawLink(link.from, link.to);
}
//prof.stop();
});
};
Ganttalendar.prototype.reset = function() {
this.element.find(".ganttLinks").empty();
this.element.find("[taskid]").remove();
};
Ganttalendar.prototype.redrawTasks = function() {
//[expand]
var collapsedDescendant = this.master.getCollapsedDescendant();
for (var i=0;i= 0) continue;
this.drawTask(task);
}
};
Ganttalendar.prototype.refreshGantt = function() {
//console.debug("refreshGantt")
var par = this.element.parent();
//try to maintain last scroll
var scrollY=par.scrollTop();
var scrollX=par.scrollLeft();
this.element.remove();
//guess the zoom level in base of period
if (!this.zoom ){
var days = Math.round((this.originalEndMillis - this.originalStartMillis) / (3600000 * 24));
this.zoom = this.zoomLevels[days < 2 ? 0 : (days < 15 ? 1 : (days < 60 ? 2 : (days < 150 ? 3 : 4 ) ) )];
}
var domEl = this.create(this.zoom, this.originalStartMillis, this.originalEndMillis);
this.element = domEl;
par.append(domEl);
this.redrawTasks();
//set current task
this.synchHighlight();
//set old scroll
//console.debug("old scroll:",scrollX,scrollY)
par.scrollTop(scrollY);
par.scrollLeft(scrollX);
if (this.showCriticalPath){
this.master.computeCriticalPath();
this.gantt.showCriticalPath();
}
};
Ganttalendar.prototype.fitGantt = function() {
delete this.zoom;
this.refreshGantt();
};
Ganttalendar.prototype.synchHighlight = function() {
if (this.master.currentTask && this.master.currentTask.ganttElement)
this.highlightBar.css("top", this.master.currentTask.ganttElement.css("top"));
};
Ganttalendar.prototype.centerOnToday = function() {
var x = Math.round(((new Date().getTime()) - this.startMillis) * this.fx)-30;
//console.debug("centerOnToday "+x);
this.element.parent().scrollLeft(x);
};
Ganttalendar.prototype.showCriticalPath = function () {
console.error("To be implemented");
};