/* 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"); };