Changeset View
Changeset View
Standalone View
Standalone View
webroot/rsrc/js/application/diffusion/behavior-commit-graph.js
| Show First 20 Lines • Show All 55 Lines • ▼ Show 20 Lines | JX.behavior('diffusion-commit-graph', function(config) { | ||||
| for (var ii = 0; ii < nodes.length; ii++) { | for (var ii = 0; ii < nodes.length; ii++) { | ||||
| var data = JX.Stratcom.getData(nodes[ii]); | var data = JX.Stratcom.getData(nodes[ii]); | ||||
| var cell = default_width; | var cell = default_width; | ||||
| var xpos = function(col) { | var xpos = function(col) { | ||||
| return (col * cell) + (cell / 2); | return (col * cell) + (cell / 2); | ||||
| }; | }; | ||||
| var h = 34; | var h; | ||||
| if (config.autoheight) { | |||||
| h = JX.Vector.getDim(nodes[ii].parentNode).y; | |||||
| } else { | |||||
| h = 34; | |||||
| } | |||||
| var w = cell * config.count; | var w = cell * config.count; | ||||
| var canvas = JX.$N('canvas', {width: w, height: h}); | var canvas = JX.$N('canvas', {width: w, height: h}); | ||||
| cxt = canvas.getContext('2d'); | cxt = canvas.getContext('2d'); | ||||
| cxt.lineWidth = 3; | cxt.lineWidth = 3; | ||||
| // This gives us sharper lines, since lines drawn on an integer (like 5) | // This gives us sharper lines, since lines drawn on an integer (like 5) | ||||
| // are drawn from 4.5 to 5.5. | // are drawn from 4.5 to 5.5. | ||||
| ▲ Show 20 Lines • Show All 69 Lines • ▼ Show 20 Lines | for (jj = 0; jj < data.line.length; jj++) { | ||||
| cxt.beginPath(); | cxt.beginPath(); | ||||
| cxt.arc(xpos(jj), h/2, 3, 0, 2 * Math.PI, true); | cxt.arc(xpos(jj), h/2, 3, 0, 2 * Math.PI, true); | ||||
| fstroke(jj); | fstroke(jj); | ||||
| } | } | ||||
| break; | break; | ||||
| } | } | ||||
| } | } | ||||
| JX.DOM.setContent(nodes[ii], canvas); | JX.DOM.replace(nodes[ii], canvas); | ||||
| } | } | ||||
| }); | }); | ||||