jro_apps/redmine Files · public/javascripts/gantt.js

[#20288] Update styles to match CodeRay 1.1.0 (preserving changes of r10132)....

[#20288] Update styles to match CodeRay 1.1.0 (preserving changes of r10132). This commit updates the CSS styles to match with CodeRay 1.1.0, while it preserves the custom changes applied in r10132. The CSS styles were still based on CodeRay 1.0.6 (included since Redmine 1.4.0) with the custom changes from r10132 (included since Redmine 2.1.0). Redmine 2.3.2 till 2.3.4 came with CodeRay 1.0.9, an upgrade that didn't needed changes in the CSS styles. Starting with 2.4.0 Redmine comes with CodeRay 1.1.0, a minor upgrade that came with new/changed token_kinds and lots of changes in the alpha stylesheet, that in turn is used as a base for Redmine's own CodeRay CSS styles. As such, this upgrade needed CSS stylesheet changes like done before in r7618 and r7623 (for 1.0.0 upgrade) and r9389 (for 1.0.6 upgrade). But these changes, plus an update of the Redmine core documentation that is shipped along the core (wiki_syntax_detailed_[markdown|textile].html), aren't integrated up untill today. Contributed by Mischa The Evil. git-svn-id: http://svn.redmine.org/redmine/trunk@14488 e93f8b46-1217-0410-a6f0-8f06a7374b81

Jean-Philippe Lang - - Load All Authors

File last commit:

r14029:6d78ae91307b


                r14106:6fbb56e55735

Download file

             gantt.js
        
                    175 lines
            
             | 7.4 KiB
            
                | application/javascript
            
             |
                JavascriptLexer
            
             / public / javascripts / gantt.js
          
                    History
                
                 |
                  Source
                 | Raw
                 |Copy content
                 |Copy permalink

        Jean-Philippe Lang
    
[js-cleanup] add short copyright notices to javascripts and remove superfluous newline (#20240)....

              r14029
            
      /* Redmine - project management software

         Copyright (C) 2006-2015  Jean-Philippe Lang */

        Jean-Philippe Lang
    
Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....

              r10888
            
      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();

        Jean-Philippe Lang
    
Only process issues that have relations....

              r10890
            
        $.each($('div.task_todo[data-rels]'), function(index_div, element) {

        Jean-Philippe Lang
    
Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....

              r10888
            
          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");

        Jean-Philippe Lang
    
Only process issues that have relations....

              r10890
            
            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});

              });

        Jean-Philippe Lang
    
Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....

              r10888
            
            }

          }

        });

        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",

        Toshi MARUYAMA
    
fix JavaScript error of gantt.js on IE7 (#13823)...

              r11507
            
                                "stroke-linejoin": "miter"

        Jean-Philippe Lang
    
Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....

              r10888
            
                                });

        });

      }

        Jean-Philippe Lang
    
Gantt progress lines (#12122)....

              r10980
            
      function getProgressLinesArray() {

        var arr = new Array();

        var today_left = $('#today_line').position().left;

        arr.push({left: today_left, top: 0});

        $.each($('div.issue-subject, div.version-name'), function(index, element) {

          var t = $(element).position().top - draw_top ;

          var h = ($(element).height() / 9);

          var element_top_upper  = t - h;

          var element_top_center = t + (h * 3);

          var element_top_lower  = t + (h * 8);

          var issue_closed   = $(element).children('span').hasClass('issue-closed');

          var version_closed = $(element).children('span').hasClass('version-closed');

          if (issue_closed || version_closed) {

            arr.push({left: today_left, top: element_top_center});

          } else {

            var issue_done = $("#task-done-" + $(element).attr("id"));

            var is_behind_start = $(element).children('span').hasClass('behind-start-date');

            var is_over_end     = $(element).children('span').hasClass('over-end-date');

            if (is_over_end) {

              arr.push({left: draw_right, top: element_top_upper, is_right_edge: true});

              arr.push({left: draw_right, top: element_top_lower, is_right_edge: true, none_stroke: true});

            } else if (issue_done.size() > 0) {

              var done_left = issue_done.first().position().left +

                                 issue_done.first().width();

              arr.push({left: done_left, top: element_top_center});

            } else if (is_behind_start) {

              arr.push({left: 0 , top: element_top_upper, is_left_edge: true});

              arr.push({left: 0 , top: element_top_lower, is_left_edge: true, none_stroke: true});

            } else {

              var todo_left = today_left;

              var issue_todo = $("#task-todo-" + $(element).attr("id"));

              if (issue_todo.size() > 0){

                todo_left = issue_todo.first().position().left;

              }

              arr.push({left: Math.min(today_left, todo_left), top: element_top_center});

            }

          }

        });

        return arr;

      }

      function drawGanttProgressLines() {

        var arr = getProgressLinesArray();

        var color = $("#today_line")

                          .css("border-left-color");

        var i;

        for(i = 1 ; i < arr.length ; i++) {

          if (!("none_stroke" in arr[i]) &&

              (!("is_right_edge" in arr[i - 1] && "is_right_edge" in arr[i]) &&

               !("is_left_edge"  in arr[i - 1] && "is_left_edge"  in arr[i]))

              ) {

            var x1 = (arr[i - 1].left == 0) ? 0 : arr[i - 1].left + draw_left;

            var x2 = (arr[i].left == 0)     ? 0 : arr[i].left     + draw_left;

            draw_gantt.path(["M", x1, arr[i - 1].top,

                             "L", x2, arr[i].top])

                         .attr({stroke: color, "stroke-width": 2});

          }

        }

      }

        Jean-Philippe Lang
    
Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....

              r10888
            
      function drawGanttHandler() {

        var folder = document.getElementById('gantt_draw_area');

        if(draw_gantt != null)

          draw_gantt.clear();

        else

          draw_gantt = Raphael(folder);

        setDrawArea();

        Toshi MARUYAMA
    
Backport r13313 from rails-4.1 to trunk....

              r13045
            
        if ($("#draw_progress_line").prop('checked'))

        Jean-Philippe Lang
    
Gantt progress lines (#12122)....

              r10980
            
          drawGanttProgressLines();

        Toshi MARUYAMA
    
Backport r13313 from rails-4.1 to trunk....

              r13045
            
        if ($("#draw_relations").prop('checked'))

        Jean-Philippe Lang
    
Gantt progress lines (#12122)....

              r10980
            
          drawRelations();

        Jean-Philippe Lang
    
Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....

              r10888
            
      }

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages

Jean-Philippe Lang [js-cleanup] add short copyright notices to javascripts and remove superfluous newline (#20240)....	r14029	/* Redmine - project management software
		Copyright (C) 2006-2015 Jean-Philippe Lang */

Jean-Philippe Lang Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....	r10888	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();
Jean-Philippe Lang Only process issues that have relations....	r10890	$.each($('div.task_todo[data-rels]'), function(index_div, element) {
Jean-Philippe Lang Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....	r10888	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");
Jean-Philippe Lang Only process issues that have relations....	r10890	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});
		});
Jean-Philippe Lang Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....	r10888	}
		}
		});
		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",
Toshi MARUYAMA fix JavaScript error of gantt.js on IE7 (#13823)...	r11507	"stroke-linejoin": "miter"
Jean-Philippe Lang Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....	r10888	});
		});
		}

Jean-Philippe Lang Gantt progress lines (#12122)....	r10980	function getProgressLinesArray() {
		var arr = new Array();
		var today_left = $('#today_line').position().left;
		arr.push({left: today_left, top: 0});
		$.each($('div.issue-subject, div.version-name'), function(index, element) {
		var t = $(element).position().top - draw_top ;
		var h = ($(element).height() / 9);
		var element_top_upper = t - h;
		var element_top_center = t + (h * 3);
		var element_top_lower = t + (h * 8);
		var issue_closed = $(element).children('span').hasClass('issue-closed');
		var version_closed = $(element).children('span').hasClass('version-closed');
		if (issue_closed \|\| version_closed) {
		arr.push({left: today_left, top: element_top_center});
		} else {
		var issue_done = $("#task-done-" + $(element).attr("id"));
		var is_behind_start = $(element).children('span').hasClass('behind-start-date');
		var is_over_end = $(element).children('span').hasClass('over-end-date');
		if (is_over_end) {
		arr.push({left: draw_right, top: element_top_upper, is_right_edge: true});
		arr.push({left: draw_right, top: element_top_lower, is_right_edge: true, none_stroke: true});
		} else if (issue_done.size() > 0) {
		var done_left = issue_done.first().position().left +
		issue_done.first().width();
		arr.push({left: done_left, top: element_top_center});
		} else if (is_behind_start) {
		arr.push({left: 0 , top: element_top_upper, is_left_edge: true});
		arr.push({left: 0 , top: element_top_lower, is_left_edge: true, none_stroke: true});
		} else {
		var todo_left = today_left;
		var issue_todo = $("#task-todo-" + $(element).attr("id"));
		if (issue_todo.size() > 0){
		todo_left = issue_todo.first().position().left;
		}
		arr.push({left: Math.min(today_left, todo_left), top: element_top_center});
		}
		}
		});
		return arr;
		}

		function drawGanttProgressLines() {
		var arr = getProgressLinesArray();
		var color = $("#today_line")
		.css("border-left-color");
		var i;
		for(i = 1 ; i < arr.length ; i++) {
		if (!("none_stroke" in arr[i]) &&
		(!("is_right_edge" in arr[i - 1] && "is_right_edge" in arr[i]) &&
		!("is_left_edge" in arr[i - 1] && "is_left_edge" in arr[i]))
		) {
		var x1 = (arr[i - 1].left == 0) ? 0 : arr[i - 1].left + draw_left;
		var x2 = (arr[i].left == 0) ? 0 : arr[i].left + draw_left;
		draw_gantt.path(["M", x1, arr[i - 1].top,
		"L", x2, arr[i].top])
		.attr({stroke: color, "stroke-width": 2});
		}
		}
		}

Jean-Philippe Lang Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....	r10888	function drawGanttHandler() {
		var folder = document.getElementById('gantt_draw_area');
		if(draw_gantt != null)
		draw_gantt.clear();
		else
		draw_gantt = Raphael(folder);
		setDrawArea();
Toshi MARUYAMA Backport r13313 from rails-4.1 to trunk....	r13045	if ($("#draw_progress_line").prop('checked'))
Jean-Philippe Lang Gantt progress lines (#12122)....	r10980	drawGanttProgressLines();
Toshi MARUYAMA Backport r13313 from rails-4.1 to trunk....	r13045	if ($("#draw_relations").prop('checked'))
Jean-Philippe Lang Gantt progress lines (#12122)....	r10980	drawRelations();
Jean-Philippe Lang Show precedes/follows and blocks/blocked relations on the Gantt diagram (#3436)....	r10888	}