jquery_gantt_rails 0.0.2

data/vendor/assets/javascripts/jquery_gantt/ganttDrawer.js

@@ -0,0 +1,752 @@
+/*
+  Copyright (c) 2012-2013 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.zoomLevels = ["d","w","m","q","s","y"];
+  this.zoomLevels = ["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);
+
+      //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) {
+    var th = $("<th>").html(lbl).attr("colSpan", span);
+    if (additionalClass)
+      th.addClass(additionalClass);
+    return th;
+  }
+
+  function createBodyCell(span, isEnd, additionalClass) {
+    var ret = $("<td>").html("&nbsp;").attr("colSpan", span).addClass("ganttBodyCell");
+    if (isEnd)
+      ret.addClass("end");
+    if (additionalClass)
+      ret.addClass(additionalClass);
+    return ret;
+  }
+
+  function createGantt(zoom, startPeriod, endPeriod) {
+    var tr1 = $("<tr>").addClass("ganttHead1");
+    var tr2 = $("<tr>").addClass("ganttHead2");
+    var trBody = $("<tr>").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["GANT_SEMESTER_SHORT"] + sem, 1));
+        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["GANT_QUARTER_SHORT"] + quarter, 1));
+        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));
+        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)) * 20); //1 day= 20px
+      iterate(function(date) {
+        var sm = date.getTime();
+        date.setMonth(date.getMonth() + 1);
+        var daysInMonth = parseInt((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));
+        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)) * 30); //1 day= 30px
+      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));
+        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)) * 200); //1 day= 200px
+      iterate(function(date) {
+        tr1.append(createHeadCell(date.format("EEEE d MMMM yyyy"), 4, isHoliday(date) ? "holyH" : null));
+        date.setDate(date.getDate() + 1);
+      }, function(date) {
+        tr2.append(createHeadCell(date.format("HH"), 1, isHoliday(date) ? "holyH" : null));
+        trBody.append(createBodyCell(1, date.getHours() > 17, isHoliday(date) ? "holy" : null));
+        date.setHours(date.getHours() + 6);
+      });
+
+    } else {
+      console.error("Wrong level " + zoom);
+    }
+
+    //set a minimal width
+    computedTableWidth = Math.max(computedTableWidth, self.minGanttSize);
+
+    var table = $("<table cellspacing=0 cellpadding=0>");
+    table.append(tr1).append(tr2).append(trBody).addClass("ganttTable").css({width:computedTableWidth});
+    table.height(self.master.editor.element.height());
+
+    var box = $("<div>");
+    box.addClass("gantt unselectable").attr("unselectable","true").css({position:"relative",width:computedTableWidth});
+    box.append(table);
+
+    //highlightBar
+    var hlb = $("<div>").addClass("ganttHighLight");
+    box.append(hlb);
+    self.highlightBar = hlb;
+
+    //create link container
+    var links = $("<div>");
+    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 = $("<div>").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<today ? today:originalEndMillis;
+  }
+
+
+  //get best dimension fo gantt
+  var period = getPeriod(zoom, originalStartmillis, originalEndMillis); //this is enlarged to match complete periods basing on zoom level
+
+  //console.debug(new Date(period.start) + "   " + new Date(period.end));
+  self.startMillis = period.start; //real dimension of gantt
+  self.endMillis = period.end;
+  self.originalStartMillis = originalStartmillis; //minimal dimension required by user or by task duration
+  self.originalEndMillis = originalEndMillis;
+
+  var table = createGantt(zoom, period.start, period.end);
+
+  return table;
+};
+
+
+//<%-------------------------------------- GANT TASK GRAPHIC ELEMENT --------------------------------------%>
+Ganttalendar.prototype.drawTask = function (task) {
+  //console.debug("drawTask", task.name,new Date(task.start));
+  var self = this;
+  //var prof = new Profiler("ganttDrawTask");
+  //var editorRow = self.master.editor.element.find("tr[taskId=" + task.id + "]");
+  editorRow = task.rowElement;
+  var top = editorRow.position().top+self.master.editor.element.parent().scrollTop();
+  var x = Math.round((task.start - self.startMillis) * self.fx);
+  var taskBox = $.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) {
+    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)
+        $(".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();
+      }
+
+    });
+
+  }
+
+  taskBox.dblclick(function() {
+    self.master.showTaskEditor($(this).closest("[taskId]").attr("taskId"));
+
+  }).mousedown(function() {
+    var task = self.master.getTask($(this).attr("taskId"));
+    task.rowElement.click();
+  });
+
+  //panning only in no depends
+  if (!task.depends && this.master.canWrite) {
+
+    taskBox.css("position", "absolute").draggable({
+      axis:'x',
+      drag:function (event, ui) {
+        $(".taskLabel[taskId=" + $(this).attr("taskId") + "]").css("width", ui.position.left);
+      },
+      stop:function(event, ui) {
+        //console.debug(ui,$(this))
+        var task = self.master.getTask($(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($(this).attr("taskId"));
+        var s = Math.round((ui.position.left / self.fx) + self.startMillis);
+        console.debug("start",new Date(s));
+      }*/
+    });
+  }
+
+
+  var taskBoxSeparator=$("<div class='ganttLines'></div>");
+  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 = $("<div>").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 = $("<div>").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 = $("<div>").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 = $("<img src='linkArrow.png'>").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 = $("<div>").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(peduncolusSize + (rectTo.left - rectFrom.left), currentY, currentX);
+      currentX = currentX + peduncolusSize + (rectTo.left - rectFrom.left);
+      ndo.append(l3);
+    }
+
+    //arrow
+    var arr = $("<img src='linkArrow.png'>").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();
+    for (var i=0;i<self.master.links.length;i++) {
+      var link = self.master.links[i];
+      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() {
+  for (var i=0;i<this.master.tasks.length;i++) {
+    var task = this.master.tasks[i];
+    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 = (this.originalEndMillis - this.originalStartMillis) / (3600000 * 24);
+    this.zoom = this.zoomLevels[days < 2 ? 0 : (days < 15 ? 1 : (days < 60 ? 2 : (days < 150 ? 3 : (days < 400 ? 4 : 5 ) ) ) )];
+  }
+  var domEl = this.create(this.zoom, this.originalStartMillis, this.originalEndMillis);
+  this.element = domEl;
+  par.append(domEl);
+  this.redrawTasks();
+
+  //set old scroll  
+  //console.debug("old scroll:",scrollX,scrollY)
+  par.scrollTop(scrollY);
+  par.scrollLeft(scrollX);
+
+  //set current task
+  if (this.master.currentTask) {
+    this.highlightBar.css("top", this.master.currentTask.ganttElement.position().top);
+  }
+};
+
+
+Ganttalendar.prototype.fitGantt = function() {
+  delete this.zoom;
+  this.refreshGantt();
+};
+
+Ganttalendar.prototype.centerOnToday = function() {
+  //console.debug("centerOnToday");
+  var x = Math.round(((new Date().getTime()) - this.startMillis) * this.fx);
+  this.element.parent().scrollLeft(x);
+};
+
+
+