gantt_rails 0.0.1

data/app/assets/javascripts/ganttUtilities.js

@@ -0,0 +1,304 @@
+/*
+  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.
+*/
+
+$.gridify = function (table, opt) {
+  var options = {
+    resizeZoneWidth:10
+  };
+
+  $.extend(options, opt);
+
+  var box = $("<div>").addClass("gdfWrapper");
+  box.append(table);
+
+  var head = table.clone();
+  head.addClass("fixHead");
+  //remove non head
+  head.find("tbody").remove();
+  box.append(head);
+
+  box.append(table);
+
+  var hTh=head.find(".gdfColHeader");
+  var cTh=table.find(".gdfColHeader");
+  for (var i=0; i<hTh.length;i++){
+    hTh.eq(i).data("fTh",cTh.eq(i));
+  }
+
+  //--------- set table to 0 to prevent a strange 100%
+  table.width(0);
+  head.width(0);
+
+
+  //----------------------  header management start
+  head.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 < options.resizeZoneWidth) {
+          $("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 < options.resizeZoneWidth) {
+        $("body").unselectable();
+        $.gridify.columInResize = $(this);
+        //bind event for start resizing
+        //console.debug("start resizing");
+        $(document).bind("mousemove.gdf",function (e) {
+          //manage resizing
+          var w = e.pageX - $.gridify.columInResize.offset().left;
+          $.gridify.columInResize.width(w);
+          $.gridify.columInResize.data("fTh").width(w);
+
+          //bind mouse up on body to stop resizing
+        }).bind("mouseup.gdf", function () {
+            //console.debug("stop resizing");
+            $(this).unbind("mousemove.gdf").unbind("mouseup.gdf").clearUnselectable();
+            $("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");
+
+  return box;
+};
+
+$.splittify = {
+  init: function(where, first, second,perc) {
+
+    perc=perc || 50;
+
+    var element = $("<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");
+
+    var splitter= new Splitter(element,firstBox,secondBox,splitterBar);
+    splitter.perc=perc;
+
+
+    firstBox.append(first);
+    secondBox.append(second);
+
+    element.append(firstBox).append(secondBox).append(splitterBar);
+
+    where.append(element);
+
+    var w = where.innerWidth();
+    var fbw = w *perc/ 100 - splitterBar.width();
+    var realW=firstBox.get(0).scrollWidth;
+    fbw=fbw>realW?realW:fbw;
+    firstBox.width(fbw).css({left:0});
+    splitterBar.css({left:firstBox.width()});
+    secondBox.width(w -fbw-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");
+      var realW=firstBox.get(0).scrollWidth;
+      $("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();
+        var fbw=firstBox;
+
+        pos=pos>splitter.firstBoxMinWidth?pos:splitter.firstBoxMinWidth;
+        pos=pos<realW-10?pos:realW-10;
+        sb.css({left:pos});
+        firstBox.width(pos);
+        secondBox.css({left:pos + sb.width(),width:w - pos - sb.width()});
+        splitter.perc=(firstBox.width()/splitter.element.width())*100;
+
+        //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;
+
+      });
+    });
+
+
+    // keep both side in synch when scroll
+    var stopScroll=false;
+    var fs=firstBox.add(secondBox);
+    fs.scroll(function(e) {
+      var el = $(this);
+      var top = el.scrollTop();
+      if (el.is(".splitBox1") && stopScroll!="splitBox2"){
+        stopScroll="splitBox1";
+        secondBox.scrollTop(top);
+      }else if (el.is(".splitBox2") && stopScroll!="splitBox1"){
+        stopScroll="splitBox2";
+        firstBox.scrollTop(top);
+      }
+      secondBox.find(".fixHead").css('top', top);
+      firstBox.find(".fixHead").css('top', top);
+
+      where.stopTime("reset").oneTime(100,"reset",function(){stopScroll="";})
+    });
+
+
+
+    function Splitter(element,firstBox, secondBox, splitterBar) {
+      this.element=element;
+      this.firstBox = firstBox;
+      this.secondBox = secondBox;
+      this.splitterBar = splitterBar;
+      this.perc=0;
+      this.firstBoxMinWidth=0;
+
+      this.resize=function(newPerc){
+        //console.debug("resize",newPerc)
+        this.perc=newPerc?newPerc:this.perc;
+        var totW=this.element.width();
+        var realW=this.firstBox.get(0).scrollWidth;
+        var newW=totW*this.perc/100;
+        newW=newW>this.firstBoxMinWidth?newW:this.firstBoxMinWidth;
+        newW=newW<realW?newW:realW;
+        this.firstBox.css({width:newW});
+        this.splitterBar.css({left:newW});
+        this.secondBox.css({left:newW + this.splitterBar.width(),width:totW - newW - this.splitterBar.width()});
+      }
+    }
+
+    return splitter;
+  }
+};
+
+
+
+
+
+//<%------------------------------------------------------------------------  UTILITIES ---------------------------------------------------------------%>
+  function computeStart(start) {
+    return computeStartDate(start).getTime();
+  }
+  function computeStartDate(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;
+  }
+
+  function computeEnd(end) {
+    return computeEndDate(end).getTime()
+  }
+  function computeEndDate(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;
+  }
+
+  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/app/assets/javascripts/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);
+      }
+    });
+
+  }
+
+
+};