Gecko [ fernandoquevedodop.com ]

Name	Size	Permission
messages	[ DIR ]	drwxr-xr-x
admin_enums.js	2.96 KB	-rw-r--r--
auto_preview.js	5.35 KB	-rw-r--r--
babel.js	6.76 KB	-rw-r--r--
blame.js	3.45 KB	-rw-r--r--
diff.js	4.52 KB	-rw-r--r--
expand_dir.js	6.16 KB	-rw-r--r--
folding.js	2.68 KB	-rw-r--r--
jquery-ui-addons.js	76.71 KB	-rw-r--r--
jquery-ui.js	535.7 KB	-rw-r--r--
jquery.js	87 KB	-rw-r--r--
keyboard_nav.js	2.78 KB	-rw-r--r--
log_graph.js	1.18 KB	-rw-r--r--
noconflict.js	228 B	-rw-r--r--
query.js	19.75 KB	-rw-r--r--
resizer.js	930 B	-rw-r--r--
search.js	3.21 KB	-rw-r--r--
threaded_comments.js	6 KB	-rw-r--r--
timeline_multirepos.js	1.48 KB	-rw-r--r--
trac.js	8.55 KB	-rw-r--r--
wiki.js	2.58 KB	-rw-r--r--
wikitoolbar.js	3.15 KB	-rw-r--r--
workflow_graph.js	8.03 KB	-rw-r--r--

Code Editor : workflow_graph.js

(function($){

function drawNode(ctx, node) {
    ctx.font = '13px Arial';
    ctx.textBaseline = 'middle';
    var x = node.bx, y = node.by, r = node.br, w = node.bw, h = node.bh;
    ctx.fillText(node.label, x + r, y + h / 2);
    ctx.lineWidth = 2;
    ctx.beginPath();
    ctx.moveTo(x + r, y);
    ctx.lineTo(x + w - r, y);
    ctx.quadraticCurveTo(x + w, y, x + w, y + r);
    ctx.lineTo(x + w, y + h - r);
    ctx.quadraticCurveTo(x + w, y + h, x + w - r, y + h);
    ctx.lineTo(x + r, y + h);
    ctx.quadraticCurveTo(x, y + h, x, y + h - r);
    ctx.lineTo(x, y + r);
    ctx.quadraticCurveTo(x, y, x + r, y);
    ctx.closePath();
    ctx.stroke();
  }

function lerp(a, b, t) {
      return a + t * (b - a);
  }

function evalBezierCurve(p1, p2, p3, p4, t) {
    var p12 = lerp(p1, p2, t), p23 = lerp(p2, p3, t), p34 = lerp(p3, p4, t);
    var p123 = lerp(p12, p23, t), p234 = lerp(p23, p34, t);
    return {pos: lerp(p123, p234, t), dir: p234 - p123};
  }

ctx.strokeStyle = edge.color;
    ctx.fillStyle = edge.color;
    ctx.lineWidth = 2;

ctx.beginPath();
    ctx.moveTo(x1, y1);
    ctx.bezierCurveTo(x2, y2, x3, y3, x4, y4);
    ctx.stroke();

ctx.beginPath();
    ctx.moveTo(p4.x, p4.y)
    ctx.lineTo(x4 + hw * p4.dy, y4 - hw * p4.dx);
    ctx.lineTo(x4 - hw * p4.dy, y4 + hw * p4.dx);
    ctx.fill();

function drawEdgeLabel(ctx, edge) {
    ctx.save();

var l = edge.labelLayout;
    var dx = l.x.dir, dy = l.y.dir;
    var d = Math.sqrt(dx * dx + dy * dy)
    dx /= d;
    dy /= d;
    ctx.textBaseline = l.textBaseline;
    ctx.font = '12px Arial';
    var measured = ctx.measureText(edge.label);

ctx.setTransform(dx, dy, -dy, dx, l.x.pos, l.y.pos);

// Halo effect
    ctx.save();
    ctx.shadowBlur = 5;
    ctx.shadowColor = 'White';
    ctx.fillStyle = 'White';
    for (var i = 0; i < 5; i++)
      ctx.fillText(edge.label, -measured.width / 2, l.margin);
    ctx.restore();

ctx.fillStyle = edge.color;
    ctx.fillText(edge.label, -measured.width / 2, l.margin);

ctx.restore();
  };

function hexColor(r, g, b) {
    return '#' + (r < 16 ? '0' : '') + Math.floor(r).toString(16) +
                 (g < 16 ? '0' : '') + Math.floor(g).toString(16) +
                 (b < 16 ? '0' : '') + Math.floor(b).toString(16);
  }

function saturatedColor(r, g, b) {
    var avg = (r + g + b) / 3;
    if (r < avg)
      r /= 2;
    if (g < avg)
      g /= 2;
    if (b < avg)
      b /= 2;
    return hexColor(r, g, b);
  }

var colors = ['Black', 'Blue', 'Red', 'Green', 'Fuchsia'];

function getActionColor(i) {
    if (i < colors.length)
      return colors[i];
    return saturatedColor(((i+70) * 30269) % 253, ((i+71) * 30307) % 253,
                          ((i+72) * 30323) % 253);
  }

function layoutCircular(graph) {
    $.each(graph.nodes, function (index, node) {
      var radian = index * 2 * Math.PI / graph.nodes.length;
      node.x = Math.cos(radian);
      node.y = Math.sin(radian);
    });
  }

$.documentReady(function() {
    $('.trac-workflow-graph').each(function (index) {
      var data = window['graph_' + this.id.slice(-12)];
      var width = data.width, height = data.height;
      var nodes = [], actions = [], edges = [];
      for (var i = 0; i < data.nodes.length; ++i)
        nodes.push({label: data.nodes[i]});
      for (var i = 0; i < data.actions.length; ++i)
        actions.push({label: data.actions[i], color: getActionColor(i)});
      for (var i = 0; i < data.edges.length; ++i) {
        var edge = data.edges[i];
        var sourceindex = edge[0], targetindex = edge[1], action = edge[2];
        action = actions[action];
        edges.push({label: action.label, color: action.color,
                    sourceindex: sourceindex, targetindex: targetindex,
                    source: nodes[sourceindex], target: nodes[targetindex]});
      }

var canvas = $('<canvas>').css({width: width, height: height})[0];
      canvas.width = $(canvas).width();
      canvas.height = $(canvas).height();
      if (typeof(G_vmlCanvasManager) != 'undefined')
        canvas = G_vmlCanvasManager.initElement(canvas);
      $(this).empty().append(canvas);
      var ctx = canvas.getContext('2d');

if (nodes.length == 0)
        return;

var graph = {nodes: nodes, edges: edges};
      layoutCircular(graph);
      computeBoundsAndJustify(ctx, nodes, width, height);

$.each(nodes, function (index, node) {
        drawNode(ctx, node);
      });
      $.each(edges, function (index, edge) {
        drawEdge(ctx, edge);
      });
      $.each(edges, function (index, edge) {
        drawEdgeLabel(ctx, edge);
      });
    });
  });

})(jQuery);

${this.title}

Code Editor : workflow_graph.js