diff options
| author | LV-426 <lv-426@taproot.org.il> | 2014-11-11 02:03:54 +0200 |
|---|---|---|
| committer | Alon Levy <alon@pobox.com> | 2014-11-11 14:30:10 +0200 |
| commit | 05cd5684942244422fc4c5a7775e373cf209bf7c (patch) | |
| tree | 8219f1bd543892d1bae08863214b2452baa83a2a /scripts/gant.js | |
| parent | 23e1e4836d613d37174cd8c447343750fc334108 (diff) | |
create view/ package, mv gant.js & rename to timeline
Diffstat (limited to 'scripts/gant.js')
| -rw-r--r-- | scripts/gant.js | 183 |
1 files changed, 0 insertions, 183 deletions
diff --git a/scripts/gant.js b/scripts/gant.js deleted file mode 100644 index b7443551..00000000 --- a/scripts/gant.js +++ /dev/null @@ -1,183 +0,0 @@ -"use strict" - -function checkSwitch(checkswitch) { - - if (checkswitch.checked) { - vis.selectAll(".gantt").remove(); - $('.missingdates').fadeOut(300); - scrollValue = $('body').scrollLeft(); - - $('body').scrollLeft(0); - graphstate = "GRAPH"; - graph.update(); - - $('.status').fadeOut(600); - - //boxedin=false; - - } else { - ganttTimer=0; - $('.missingdates').fadeIn(300); - - graph.recenterZoom(); - - $('body').scrollLeft(scrollValue); - - graphstate = "GANTT"; - - graph.update(); - - $('.status').fadeIn(600); - - - initAxis(); - - //boxedin=true; - } - -} - -///For some reason JQuery's $('body').scroll never worked, so I found something else. -$('body').bind('DOMMouseScroll', function(e){ - if(graphstate==="GANTT"){ - if(e.originalEvent.detail !== 0) { - $('.overlay').hide(); - }else{ - $('.overlay').show(); - } - }else{ - return false; - } - }); - - //IE, Opera, Safari - $('body').bind('mousewheel', function(e){ - if(graphstate==="GANTT"){ - if(e.originalEvent.wheelDelta !== 0) { - $('.overlay').hide(); - }else{ - $('.overlay').show(); - var left = $('body').offset().left; - $('.overlay').scrollLeft(left); - } - }else{ - return false; - } - }); - - - - -function initAxis() { - var bar_height = 20; - var row_height = bar_height + 10; - var vertical_padding = 150 - var bar_start_offset = 40; - var h = 15 * row_height + vertical_padding; - - - var min = deliverables[0].startdate; - var max = deliverables[0].enddate; - - for (var i = 0; i < deliverables.length; i++) { - var deliv = deliverables[i]; - if (min > deliv.startdate) min = deliv.startdate; - if (end < deliv.enddate) end = deliv.enddate; - } - min = new Date(min); ///with min - max = new Date(max); - console.log("min "+min+" max "+max); - - ///update interval - var timeDiff = Math.abs(max.getTime() - min.getTime()); - var diffDays = timeDiff / (1000 * 3600 * 24); - var w = Math.round(diffDays * 15 - 100); - graphinterval = w / diffDays; - - - - var svg=vis; - vis.attr("width",w); - - var paddingLeft = 150; - var paddingTop = 120; - - var xScale = d3.time.scale() - .domain([min, max]).nice() - .range([paddingLeft, w]); - - var xAxis = d3.svg.axis() - .scale(xScale) - .orient("bottom"); - - // Lines - var line = svg.append("g") - .selectAll("line") - .data(xScale.ticks(40)) - .enter().append("line") - .attr("x1", xScale) - .attr("x2", xScale) - .attr("y1", paddingTop + 30) - .attr("y2", h - 50) - .attr("class", "gantt") - .style("stroke", "#ccc"); - - var y = function (i) { - return i * row_height + paddingTop + bar_start_offset; - } - - var labelY = function (i) { - return i * row_height + paddingTop + bar_start_offset + 13; - } - - // Company bars - var bar = svg.selectAll("rect") - .data(function (d) { - return Math.random() * 5; - }); - - bar.enter().append("rect") - .attr("y", -100) - .attr("x", -1000) - .attr("width", 100) - .attr("height", bar_height) - .attr("class", "company-bar gantt") - .on("mouseover", function (d) { - d3.select(this).style("fill", "#F5AF00"); - getCompanyData(String(d.uid)) - }) - .on("mouseout", function () { - d3.select(this).style("fill", "#fc0"); - }); - - - - var label = svg.selectAll("text") - .data(deliverables, function (key) { - return key.id - });; - - label.enter().append("text") - .attr("class", "bar-label gantt") - // .attr("text-anchor","end") - .attr("x", paddingLeft - 10) - .attr("y", function (d, i) { - return labelY(i); - }) - .text(function (d) { - }); - - - - // Bottom Axis - var btmAxis = svg.append("g") - .attr("transform", "translate(0," + (h - 25) + ")") - .attr("class", "axis gantt") - .call(xAxis); - - // Top Axis - var topAxis = svg.append("g") - .attr("transform", "translate(0," + paddingTop + ")") - .attr("class", "axis gantt") - .call(xAxis); -} |
