jquery_gantt_rails 0.0.2

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

@@ -0,0 +1,237 @@
+/*
+  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.
+*/
+
+$.fn.gridify = function(options) {
+  this.options = {
+    colResizeZoneWidth:10
+  };
+
+  $.extend(this.options, options);
+  $.gridify.init($(this), this.options);
+  return this;
+};
+
+$.gridify = {
+  init: function(elems, opt) {
+    elems.each(function() {
+      var table = $(this);
+
+      //----------------------  header management start
+      table.find("th.gdfColHeader.gdfResizable:not(.gdfied)").mouseover(function() {
+        $(this).addClass("gdfColHeaderOver");
+
+      }).bind("mouseout.gdf", function() {
+        $(this).removeClass("gdfColHeaderOver");
+        if (!$.gridify.columInResize) {
+          $("body").removeClass("gdfHResizing");
+        }
+
+      }).bind("mousemove.gdf", function(e) {
+        if (!$.gridify.columInResize) {
+          var colHeader = $(this);
+          var mousePos = e.pageX - colHeader.offset().left;
+
+          if (colHeader.width() - mousePos < opt.colResizeZoneWidth) {
+            $("body").addClass("gdfHResizing");
+          } else {
+            $("body").removeClass("gdfHResizing");
+          }
+        }
+
+      }).bind("mousedown.gdf", function(e) {
+        var colHeader = $(this);
+        var mousePos = e.pageX - colHeader.offset().left;
+        if (colHeader.width() - mousePos < opt.colResizeZoneWidth) {
+          $.gridify.columInResize = $(this);
+          //bind event for start resizing
+          //console.debug("start resizing");
+          $(document).bind("mousemove.gdf", function(e) {
+            //manage resizing
+            //console.debug(e.pageX - $.gridify.columInResize.offset().left)
+            $.gridify.columInResize.width(e.pageX - $.gridify.columInResize.offset().left);
+
+
+            //bind mouse up on body to stop resizing
+          }).bind("mouseup.gdf", function() {
+            //console.debug("stop resizing");
+            $(this).unbind("mousemove.gdf").unbind("mouseup.gdf");
+            $("body").removeClass("gdfHResizing");
+            delete $.gridify.columInResize;
+          });
+        }
+      }).addClass("gdfied unselectable").attr("unselectable","true");
+
+
+      //----------------------  cell management start wrapping
+      table.find("td.gdfCell:not(.gdfied)").each(function() {
+        var cell = $(this);
+        if (cell.is(".gdfEditable")) {
+          var inp = $("<input type='text'>").addClass("gdfCellInput");
+          inp.val(cell.text());
+          cell.empty().append(inp);
+        } else {
+          var wrp = $("<div>").addClass("gdfCellWrap");
+          wrp.html(cell.html());
+          cell.empty().append(wrp);
+        }
+      }).addClass("gdfied");
+      ;
+
+    });
+  }
+};
+
+$.splittify = {
+  init: function(where, first, second,perc) {
+
+    perc=perc || 50;
+
+    var splitter = $("<div>").addClass("splitterContainer");
+
+    var firstBox = $("<div>").addClass("splitElement splitBox1");
+    var splitterBar = $("<div>").addClass("splitElement vSplitBar").attr("unselectable", "on").html("|").css("padding-top",where.height()/2+"px");
+    var secondBox = $("<div>").addClass("splitElement splitBox2");
+
+    firstBox.append(first);
+    secondBox.append(second);
+
+    splitter.append(firstBox);
+    splitter.append(secondBox);
+    splitter.append(splitterBar);
+
+
+    where.append(splitter);
+
+    var w = where.innerWidth();
+    firstBox.width(w *perc/ 100 - splitterBar.width()).css({left:0});
+    splitterBar.css({left:firstBox.width()});
+    secondBox.width(w -firstBox.width()-splitterBar.width() ).css({left:firstBox.width() + splitterBar.width()});
+
+
+
+    splitterBar.bind("mousedown.gdf", function(e) {
+      $.splittify.splitterBar = $(this);
+      //bind event for start resizing
+      //console.debug("start splitting");
+      $("body").unselectable().bind("mousemove.gdf", function(e) {
+        //manage resizing
+        //console.debug(e.pageX - $.gridify.columInResize.offset().left)
+        var sb = $.splittify.splitterBar;
+        var pos = e.pageX - sb.parent().offset().left;
+        var w = sb.parent().width();
+        if (pos > 10 && pos < w - 20) {
+          sb.css({left:pos});
+          firstBox.width(pos);
+          secondBox.css({left:pos + sb.width(),width:w - pos - sb.width()});
+        }
+
+        //bind mouse up on body to stop resizing
+      }).bind("mouseup.gdf", function() {
+        //console.debug("stop splitting");
+        $(this).unbind("mousemove.gdf").unbind("mouseup.gdf").clearUnselectable();
+        delete $.splittify.splitterBar;
+
+      });
+    });
+
+    return {firstBox:firstBox,secondBox:secondBox,splitterBar:splitterBar};
+  }
+};
+
+
+
+
+//<%------------------------------------------------------------------------  UTILITIES ---------------------------------------------------------------%>
+  function computeStart(start) {
+    var d = new Date(start+3600000*12);
+    d.setHours(0, 0, 0, 0);
+    //move to next working day
+    while (isHoliday(d)) {
+      d.setDate(d.getDate() + 1);
+    } 
+    d.setHours(0, 0, 0, 0);
+    return d.getTime();
+  }
+
+  function computeEnd(end) {
+    var d = new Date(end-3600000*12);
+    d.setHours(23, 59, 59, 999);
+    //move to next working day
+    while (isHoliday(d)) {
+      d.setDate(d.getDate() + 1);
+    }
+    d.setHours(23, 59, 59, 999);
+    return d.getTime();
+  }
+
+  function computeEndByDuration(start, duration) {
+    var d = new Date(start);
+    //console.debug("computeEndByDuration start ",d,duration)
+    var q = duration - 1;
+    while (q > 0) {
+      d.setDate(d.getDate() + 1);
+      if (!isHoliday(d))
+        q--;
+    }
+    d.setHours(23, 59, 59, 999);
+    return d.getTime();
+  }
+
+  function incrementDateByWorkingDays(date, days) {
+    var d = new Date(date);
+    d.incrementDateByWorkingDays(days);
+    return d.getTime();
+  }
+
+function recomputeDuration(start, end) {
+   //console.debug("recomputeDuration");
+   return new Date(start).distanceInWorkingDays(new Date(end));
+ }
+
+
+
+//This prototype is provided by the Mozilla foundation and
+//is distributed under the MIT license.
+//http://www.ibiblio.org/pub/Linux/LICENSES/mit.license
+
+if (!Array.prototype.filter){
+  Array.prototype.filter = function(fun )
+  {
+    var len = this.length;
+    if (typeof fun != "function")
+      throw new TypeError();
+
+    var res = new Array();
+    var thisp = arguments[1];
+    for (var i = 0; i < len; i++)
+    {
+      if (i in this)
+      {
+        var val = this[i]; // in case fun mutates this
+        if (fun.call(thisp, val, i, this))
+          res.push(val);
+      }
+    }
+    return res;
+  };
+}

data/vendor/assets/javascripts/jquery_gantt/gantt_compact.css

@@ -0,0 +1,323 @@
+.gdfTable {
+  table-layout: fixed;
+  border-collapse: separate;
+  border-spacing: 0;
+}
+
+.gdfTable td, .gdfTable th {
+  vertical-align: middle;
+  overflow: hidden;
+  text-overflow: clip;
+  white-space: nowrap;
+  font-size: 10px
+}
+
+.gdfCell {
+  overflow: hidden;
+  padding:1px
+}
+
+.gdfColHeader {
+  min-width: 5px;
+  height: 30px;
+}
+
+.gdfCell, .gdfColHeader {
+  border-bottom: 1px solid #eee;
+  border-right: 1px solid #eee;
+}
+
+
+.ganttLines{
+  position:absolute;
+  width:100%;
+  height:1px;
+  border-top:1px solid #eee;
+  z-index:1;
+}
+
+.gdfCellInput {
+  border: 0 none;
+  font-size: 12px;
+  height: 14px;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  background-color: #d4fbe8;
+}
+
+.gdfCellWrap {
+  border: 0 none;
+  font-size: 12px;
+  height: 14px;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  overflow: hidden;
+
+  background-color: #ffcccc;
+}
+
+.gdfColHeaderOver {
+  opacity: .7;
+}
+
+.gdfHResizing {
+  cursor: w-resize;
+}
+
+.splitterContainer {
+  width: 100%;
+  height: 100%;
+}
+
+.splitBox1, .splitBox2 {
+  overflow-x: scroll;
+  overflow-y: hidden;
+
+  /*background-color: yellow;*/
+}
+
+.splitBox2 {
+  /*background-color: orange;*/
+}
+
+.unselectable {
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -o-user-select: none;
+  user-select: none;
+}
+
+.splitElement {
+  outline-style: none;
+  position: absolute;
+  height: 100%;
+}
+
+.vSplitBar {
+  width: 5px;
+  background-color: #aaa;
+  cursor: w-resize;
+  text-align: center;
+  color: white;
+}
+
+.end{
+  border-right:1px dotted #666
+}
+
+.holyH{
+    background-color: #9CB7AA;
+}
+.holy{
+  background-color: #FFF5E6;
+}
+
+
+.expcoll{
+  width:6px;
+  height:6px;
+  margin:1px;
+  padding:1px;
+  background-color:yellow;
+  display:inline-block;
+  border:1px solid gray;
+}
+.expcoll.exp{
+  display:none;
+}
+
+
+.ganttTable{
+  table-layout:fixed;
+}
+
+.ganttTable td,.ganttTable th{
+  overflow: hidden;
+  text-overflow: clip;
+  white-space: nowrap;
+}
+
+.ganttHead1,.ganttHead2{
+  height:20px;
+}
+
+.ganttHead1 th,.ganttHead2 th{
+  border-left:1px solid white;
+}
+
+.ganttToday{
+  position:absolute;
+  top:0;
+  width:1px;
+  height:100%;
+  border-left:2px dotted #13AFA5;
+}
+
+.ganttHighLight{
+  position:absolute;
+  width:100%;
+  height:18px;
+  background-color:yellow;
+  opacity:.4;
+}
+
+.ganttButtonBar{
+  position:relative;
+  padding:5px;
+}
+
+.ganttButtonBar .buttons {
+    float:left; margin:45px 0 0 40px
+}
+
+
+.ganttButtonBar .button span.teamworkIcon{
+  font-size: 150%
+}
+
+.ganttButtonSeparator{
+  border-left:1px solid gray;
+  padding-right:10px;
+  margin-left:10px;
+  font-size: 130%
+}
+
+.ganttLinks{
+  z-index:10;
+}
+
+.taskBox{
+  position:absolute;
+  height:18px;
+  margin-top:1px;
+  z-index:100;
+}
+
+.taskBox .layout {
+  height:100%;
+  color:red;
+  border-radius:2px;
+  background: #eee; /* Old browsers */
+  border:1px solid #bbb;
+}
+
+.taskBox .taskStatus {
+    left:5px;
+    top:4px;
+    position:absolute;
+    width:10px;
+    height:10px;
+}
+
+.taskBox .layout .milestone{
+  top:0px;
+  position:absolute;
+  width:16px;
+  background: url(milestone.png) no-repeat;
+  height:16px;
+  display:none;
+}
+.taskBox .layout .milestone.end{
+  right:0;
+}
+.taskBox .layout .milestone.active{
+  display:block;
+}
+
+.taskBox.hasChild .layout{
+  border-top:2px solid black;
+}
+
+.taskBox .taskProgress{
+  height:5px;
+  position:absolute;
+}
+
+.taskBox .layout.extDep{
+  background-image:url(hasExternalDeps.png);
+}
+
+
+.taskLabel{
+  position:absolute;
+  height:18px;
+  color:black;
+  text-align:right;
+  padding-right:5px;
+  overflow:hidden;
+  left:-200px;
+  width:195px;
+  white-space:nowrap;
+}
+
+
+.taskDepLine {
+  border: 1px solid #9999ff;
+  overflow: hidden;
+  position: absolute;
+}
+
+
+.taskEditRow,.emptyRow {
+  height:18px;
+}
+
+.taskEditRow input{
+  border: 0 none;
+  font-size: 10px;
+  height: 14px;
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  font-family: Arial, sans-serif
+}
+
+.taskEditRow.rowSelected td,.taskEditRow.rowSelected input{
+  background-color:#FFFF99;  
+}
+
+.taskStatusBox{
+  position:absolute;
+  width:100px;
+  height:18px;
+  border:1px solid #a0a0a0;
+  background-color:#fff;
+  margin-top:2px;
+  margin-left:-1px;
+  padding: 2px
+}
+.taskStatus{
+  width:12px;
+  height:12px;
+  display:inline-block;
+}
+.taskStatus[status=STATUS_ACTIVE]{
+ background-color: #66FF99;
+}
+.taskStatus[status=STATUS_DONE]{
+ background-color: #0099FF;
+}
+.taskStatus[status=STATUS_FAILED]{
+ background-color: #660066;
+}
+.taskStatus[status=STATUS_SUSPENDED]{
+ background-color: #fbb11e;
+}
+.taskStatus[status=STATUS_UNDEFINED]{
+ background-color: #ffffff;
+}
+.taskStatus.selected{
+  border:#666 2px solid;
+}
+
+
+.ui-resizable-helper { border: 1px dotted #00F;  }
+.ui-resizable-e, .ui-resizable-w {width: 5px;}
+.ui-draggable{
+  cursor:move;
+}
+
+

data/vendor/assets/javascripts/jquery_gantt/libs/JST/jquery.JST.js

@@ -0,0 +1,167 @@
+$.fn.loadTemplates = function() {
+  $.JST.loadTemplates($(this));
+  return this;
+};
+
+$.JST = {
+  _templates: new Object(),
+  _decorators:new Object(),
+
+  loadTemplates: function(elems) {
+    elems.each(function() {
+      $(this).find(".__template__").each(function() {
+          var tmpl = $(this);
+          var type = tmpl.attr("type");
+
+          //template may be inside <!-- ... --> or not in case of ajax loaded templates
+          if (tmpl.get(0).firstChild.nodeType == 8) // 8==comment
+            var templateBody = tmpl.get(0).firstChild.nodeValue; // this is inside the comment
+          else
+            var templateBody = tmpl.html(); // this is the whole template
+
+          if (!templateBody.match(/##\w+##/)) { // is Resig' style? e.g. (#=id#) or (# ...some javascript code 'obj' is the alias for the object #)
+            var strFunc =
+                    "var p=[],print=function(){p.push.apply(p,arguments);};" +
+                    "with(obj){p.push('" +
+                    templateBody.replace(/[\r\t\n]/g, " ")
+                            .replace(/'(?=[^#]*#\))/g, "\t")
+                            .split("'").join("\\'")
+                            .split("\t").join("'")
+                            .replace(/\(#=(.+?)#\)/g, "',$1,'")
+                            .split("(#").join("');")
+                            .split("#)").join("p.push('")
+                            + "');}return p.join('');";
+
+          try {
+            $.JST._templates[type] = new Function("obj", strFunc);
+          } catch (e) {
+            console.error("JST error: "+type, e,strFunc);
+          }
+
+          } else { //plain template   e.g. ##id##
+          try {
+            $.JST._templates[type] = templateBody;
+          } catch (e) {
+            console.error("JST error: "+type, e,templateBody);
+          }
+          }
+
+          tmpl.remove();
+
+      });
+    });
+  },
+
+  createFromTemplate: function(jsonData, template, transformToPrintable) {
+    var templates = $.JST._templates;
+
+    var jsData=new Object();
+    if (transformToPrintable){
+      for (var prop in jsonData){
+        var value = jsonData[prop];
+        if (typeof(value) == "string")
+          value = (value + "").replace(/\n/g, "<br>");
+        jsData[prop]=value;
+      }
+    } else {
+      jsData=jsonData;
+    }
+
+
+    function fillStripData(strip, data) {
+      for (var prop in data) {
+        var value = data[prop];
+
+        strip = strip.replace(new RegExp("##" + prop + "##", "gi"), value);
+      }
+      // then clean the remaining ##xxx##
+      strip = strip.replace(new RegExp("##\\w+##", "gi"), "");
+      return strip;
+    }
+
+    var stripString = "";
+    if (typeof(template) == "undefined") {
+      alert("Template is required");
+      stripString = "<div>Template is required</div>";
+
+    } else if (typeof(templates[template]) == "function") { // resig template
+      try {
+        stripString = templates[template](jsData);// create a jquery object in memory
+      } catch (e) {
+        console.error("JST error: "+template,e.message);
+        stripString = "<div> ERROR: "+template+"<br>" + e.message + "</div>";
+      }
+
+    } else {
+      stripString = templates[template]; // recover strip template
+      if (!stripString || stripString.trim() == "") {
+        console.error("No template found for type '" + template + "'");
+        return $("<div>");
+
+      } else {
+        stripString = fillStripData(stripString, jsData); //replace placeholders with data
+      }
+    }
+
+    var ret = $(stripString);// create a jquery object in memory
+    ret.attr("__template", template); // set __template attribute
+
+    //decorate the strip
+    var dec = $.JST._decorators[template];
+    if (typeof (dec) == "function")
+      dec(ret, jsData);
+
+    return ret;
+  },
+
+
+  existsTemplate: function(template) {
+    return $.JST._templates[template];
+  },
+
+  //decorate function is like function(domElement,jsonData){...}
+  loadDecorator:function(template, decorator) {
+    $.JST._decorators[template] = decorator;
+  },
+
+  getDecorator:function(template) {
+    return $.JST._decorators[template];
+  },
+
+  decorateTemplate:function(element) {
+    var dec = $.JST._decorators[element.attr("__template")];
+    if (typeof (dec) == "function")
+      dec(editor);
+  },
+
+  // asynchronous
+  ajaxLoadAsynchTemplates: function(templateUrl, callback) {
+
+    $.get(templateUrl, function(data) {
+
+      var div = $("<div>");
+      div.html(data);
+
+      $.JST.loadTemplates(div);
+
+      if (typeof(callback == "function"))
+        callback();
+    },"html");
+  },
+
+  ajaxLoadTemplates: function(templateUrl) {
+    $.ajax({
+      async:false,
+      url: templateUrl,
+      dataType: "html",
+      success: function(data) {
+        var div = $("<div>");
+        div.html(data);
+        $.JST.loadTemplates(div);
+      }
+    });
+
+  }
+
+
+};