110 lines
4.6 KiB
JavaScript
110 lines
4.6 KiB
JavaScript
var draw_gantt = null;
|
|
var draw_top;
|
|
var draw_right;
|
|
var draw_left;
|
|
|
|
var rels_stroke_width = 2;
|
|
|
|
function setDrawArea() {
|
|
draw_top = $("#gantt_draw_area").position().top;
|
|
draw_right = $("#gantt_draw_area").width();
|
|
draw_left = $("#gantt_area").scrollLeft();
|
|
}
|
|
|
|
function getRelationsArray() {
|
|
var arr = new Array();
|
|
$.each($('div.task_todo[data-rels]'), function(index_div, element) {
|
|
var element_id = $(element).attr("id");
|
|
if (element_id != null) {
|
|
var issue_id = element_id.replace("task-todo-issue-", "");
|
|
var data_rels = $(element).data("rels");
|
|
for (rel_type_key in data_rels) {
|
|
$.each(data_rels[rel_type_key], function(index_issue, element_issue) {
|
|
arr.push({issue_from: issue_id, issue_to: element_issue,
|
|
rel_type: rel_type_key});
|
|
});
|
|
}
|
|
}
|
|
});
|
|
return arr;
|
|
}
|
|
|
|
function drawRelations() {
|
|
var arr = getRelationsArray();
|
|
$.each(arr, function(index_issue, element_issue) {
|
|
var issue_from = $("#task-todo-issue-" + element_issue["issue_from"]);
|
|
var issue_to = $("#task-todo-issue-" + element_issue["issue_to"]);
|
|
if (issue_from.size() == 0 || issue_to.size() == 0) {
|
|
return;
|
|
}
|
|
var issue_height = issue_from.height();
|
|
var issue_from_top = issue_from.position().top + (issue_height / 2) - draw_top;
|
|
var issue_from_right = issue_from.position().left + issue_from.width();
|
|
var issue_to_top = issue_to.position().top + (issue_height / 2) - draw_top;
|
|
var issue_to_left = issue_to.position().left;
|
|
var color = issue_relation_type[element_issue["rel_type"]]["color"];
|
|
var landscape_margin = issue_relation_type[element_issue["rel_type"]]["landscape_margin"];
|
|
var issue_from_right_rel = issue_from_right + landscape_margin;
|
|
var issue_to_left_rel = issue_to_left - landscape_margin;
|
|
draw_gantt.path(["M", issue_from_right + draw_left, issue_from_top,
|
|
"L", issue_from_right_rel + draw_left, issue_from_top])
|
|
.attr({stroke: color,
|
|
"stroke-width": rels_stroke_width
|
|
});
|
|
if (issue_from_right_rel < issue_to_left_rel) {
|
|
draw_gantt.path(["M", issue_from_right_rel + draw_left, issue_from_top,
|
|
"L", issue_from_right_rel + draw_left, issue_to_top])
|
|
.attr({stroke: color,
|
|
"stroke-width": rels_stroke_width
|
|
});
|
|
draw_gantt.path(["M", issue_from_right_rel + draw_left, issue_to_top,
|
|
"L", issue_to_left + draw_left, issue_to_top])
|
|
.attr({stroke: color,
|
|
"stroke-width": rels_stroke_width
|
|
});
|
|
} else {
|
|
var issue_middle_top = issue_to_top +
|
|
(issue_height *
|
|
((issue_from_top > issue_to_top) ? 1 : -1));
|
|
draw_gantt.path(["M", issue_from_right_rel + draw_left, issue_from_top,
|
|
"L", issue_from_right_rel + draw_left, issue_middle_top])
|
|
.attr({stroke: color,
|
|
"stroke-width": rels_stroke_width
|
|
});
|
|
draw_gantt.path(["M", issue_from_right_rel + draw_left, issue_middle_top,
|
|
"L", issue_to_left_rel + draw_left, issue_middle_top])
|
|
.attr({stroke: color,
|
|
"stroke-width": rels_stroke_width
|
|
});
|
|
draw_gantt.path(["M", issue_to_left_rel + draw_left, issue_middle_top,
|
|
"L", issue_to_left_rel + draw_left, issue_to_top])
|
|
.attr({stroke: color,
|
|
"stroke-width": rels_stroke_width
|
|
});
|
|
draw_gantt.path(["M", issue_to_left_rel + draw_left, issue_to_top,
|
|
"L", issue_to_left + draw_left, issue_to_top])
|
|
.attr({stroke: color,
|
|
"stroke-width": rels_stroke_width
|
|
});
|
|
}
|
|
draw_gantt.path(["M", issue_to_left + draw_left, issue_to_top,
|
|
"l", -4 * rels_stroke_width, -2 * rels_stroke_width,
|
|
"l", 0, 4 * rels_stroke_width, "z"])
|
|
.attr({stroke: "none",
|
|
fill: color,
|
|
"stroke-linecap": "butt",
|
|
"stroke-linejoin": "miter",
|
|
});
|
|
});
|
|
}
|
|
|
|
function drawGanttHandler() {
|
|
var folder = document.getElementById('gantt_draw_area');
|
|
if(draw_gantt != null)
|
|
draw_gantt.clear();
|
|
else
|
|
draw_gantt = Raphael(folder);
|
|
setDrawArea();
|
|
drawRelations();
|
|
}
|