/** * @provides javelin-behavior-differential-edit-inline-comments * @requires javelin-behavior * javelin-stratcom * javelin-dom * javelin-util * javelin-vector */ JX.behavior('differential-edit-inline-comments', function(config) { var selecting = false; var reticle = JX.$N('div', {className: 'differential-reticle'}); var old_cells = []; JX.DOM.hide(reticle); var origin = null; var target = null; var root = null; var changeset = null; var editor = null; function updateReticleForComment(e) { root = e.getNode('differential-changeset'); if (!root) { return; } var data = e.getNodeData('differential-inline-comment'); var change = e.getNodeData('differential-changeset'); var id_part = data.on_right ? change.right : change.left; var new_part = data.isNewFile ? 'N' : 'O'; var prefix = 'C' + id_part + new_part + 'L'; origin = JX.$(prefix + data.number); target = JX.$(prefix + (parseInt(data.number, 10) + parseInt(data.length, 10))); updateReticle(); } function updateReticle() { JX.DOM.getContentFrame().appendChild(reticle); var top = origin; var bot = target; if (JX.$V(top).y > JX.$V(bot).y) { var tmp = top; top = bot; bot = tmp; } // Find the leftmost cell that we're going to highlight: this is the next // in the row. In 2up views, it should be directly adjacent. In // 1up views, we may have to skip over the other line number column. var l = top; while (JX.DOM.isType(l, 'th')) { l = l.nextSibling; } // Find the rightmost cell that we're going to highlight: this is the // farthest consecutive, adjacent in the row. Sometimes the left // and right nodes are the same (left side of 2up view); sometimes we're // going to highlight several nodes (copy + code + coverage). var r = l; while (r.nextSibling && JX.DOM.isType(r.nextSibling, 'td')) { r = r.nextSibling; } var pos = JX.$V(l) .add(JX.Vector.getAggregateScrollForNode(l)); var dim = JX.$V(r) .add(JX.Vector.getAggregateScrollForNode(r)) .add(-pos.x, -pos.y) .add(JX.Vector.getDim(r)); var bpos = JX.$V(bot) .add(JX.Vector.getAggregateScrollForNode(bot)); dim.y = (bpos.y - pos.y) + JX.Vector.getDim(bot).y; pos.setPos(reticle); dim.setDim(reticle); JX.DOM.show(reticle); // Find all the cells in the same row position between the top and bottom // cell, so we can highlight them. var seq = 0; var row = top.parentNode; for (seq = 0; seq < row.childNodes.length; seq++) { if (row.childNodes[seq] == top) { break; } } var cells = []; while (true) { cells.push(row.childNodes[seq]); if (row.childNodes[seq] == bot) { break; } row = row.nextSibling; } setSelectedCells(cells); } function setSelectedCells(new_cells) { updateSelectedCellsClass(old_cells, false); updateSelectedCellsClass(new_cells, true); old_cells = new_cells; } function updateSelectedCellsClass(cells, selected) { for (var ii = 0; ii < cells.length; ii++) { JX.DOM.alterClass(cells[ii], 'selected', selected); } } function hideReticle() { JX.DOM.hide(reticle); setSelectedCells([]); } function isOnRight(node) { return node.parentNode.firstChild != node; } function isNewFile(node) { var data = JX.Stratcom.getData(root); return isOnRight(node) || (data.left != data.right); } function getRowNumber(th_node) { try { return parseInt(th_node.id.match(/^C\d+[ON]L(\d+)$/)[1], 10); } catch (x) { return undefined; } } JX.Stratcom.listen( 'mousedown', ['differential-changeset', 'tag:th'], function(e) { if (e.isRightButton() || getRowNumber(e.getTarget()) === undefined) { return; } if (selecting) { return; } selecting = true; root = e.getNode('differential-changeset'); origin = target = e.getTarget(); var data = e.getNodeData('differential-changeset'); if (isOnRight(target)) { changeset = data.right; } else { changeset = data.left; } updateReticle(); e.kill(); }); JX.Stratcom.listen( ['mouseover', 'mouseout'], ['differential-changeset', 'tag:th'], function(e) { if (e.getIsTouchEvent()) { return; } if (editor) { // Don't update the reticle if we're editing a comment, since this // would be distracting and we want to keep the lines corresponding // to the comment highlighted during the edit. return; } if (getRowNumber(e.getTarget()) === undefined) { // Don't update the reticle if this "" doesn't correspond to a // line number. For instance, this may be a dead line number, like the // empty line numbers on the left hand side of a newly added file. return; } if (selecting) { if (isOnRight(e.getTarget()) != isOnRight(origin)) { // Don't update the reticle if we're selecting a line range and the // "" under the cursor is on the wrong side of the file. You // can only leave inline comments on the left or right side of a // file, not across lines on both sides. return; } if (e.getNode('differential-changeset') !== root) { // Don't update the reticle if we're selecting a line range and // the "" under the cursor corresponds to a different file. // You can only leave inline comments on lines in a single file, // not across multiple files. return; } } if (e.getType() == 'mouseout') { if (selecting) { // Don't hide the reticle if we're selecting, since we want to // keep showing the line range that will be used if the mouse is // released. return; } hideReticle(); } else { target = e.getTarget(); if (!selecting) { // If we're just hovering the mouse and not selecting a line range, // set the origin to the current row so we highlight it. origin = target; } updateReticle(); } }); JX.Stratcom.listen( 'mouseup', null, function(e) { if (editor || !selecting) { return; } var o = getRowNumber(origin); var t = getRowNumber(target); var insert; var len; if (t < o) { len = (o - t); o = t; insert = origin.parentNode; } else { len = (t - o); insert = target.parentNode; } var view = JX.DiffChangeset.getForNode(root); view.newInlineForRange({ origin: origin, target: target, number: o, length: len, changesetID: changeset, isNewFile: isNewFile(target), displaySide: isOnRight(target) ? 'right' : 'left' }); selecting = false; origin = null; target = null; e.kill(); }); JX.Stratcom.listen( ['mouseover', 'mouseout'], 'differential-inline-comment', function(e) { if (e.getIsTouchEvent()) { return; } if (e.getType() == 'mouseout') { hideReticle(); } else { updateReticleForComment(e); } }); });