blame.js

trac是一款svn服务器的web客户端

function enableBlame(url, original_path) {
  var message = null;
  var message_rev = null;

  function getOffset(elem) {
    elem = $(elem).get(0);
    var offset = {left: 0, top: 0};
    do {
      offset.left += elem.offsetLeft || 0;
      offset.top += elem.offsetTop || 0;
      elem = elem.offsetParent;
    } while (elem);
    return offset;
  }

  /* for each blame cell containing a changeset link... */
  var rev_paths = {};
  $("table.code th.blame a").each(function() {
    href = $(this).attr("href");
    rev_href = href.substr(href.indexOf("changeset/") + 10);
    elts = rev_href.split("/");
    var path = elts.slice(1).join("/");
    if (path != original_path)
      rev_paths["r"+elts[0]] = path;
  });

  /* for each blame cell... */
  $("table.code th.blame").each(function() {
    var rev = $(this).attr("class").split(" ")[1]; // "blame r123"
    var path = rev_paths[rev] || original_path; // only found if != orig

    if (!rev)
      return;

    $(this).click(function() {
      var row = this.parentNode;
      var message_is_visible = message && message.css("display") == "block";
      var highlight_rev = null;

      function show() {
        /* Display commit message for the selected revision */

        var message_w = message.get(0).offsetWidth;

        // limit message panel width to 3/5 of the row width
        var row_w = row.offsetWidth;
        var max_w = (3.0 * row_w / 5.0);
        if (!message_w || message_w > max_w) {
          message_w = max_w; 
          var borderw = (2+8)*2; // borderwidth + padding on both sides 
          message.css({width: message_w - borderw + "px"});
        }

        var row_offset = getOffset(row);
        var left = row_offset.left + row.offsetWidth - message_w;
        message.css({display: "block", top: row_offset.top+"px", left: left-2+"px"});
      }

      function hide() {
        /* Hide commit message */
        message.css({display: "none"});

        /* Remove highlighting for lines of the current revision */
        $("table.code th."+message_rev).each(function() { 
          $(this.parentNode).removeClass("hilite") 
        });
      }

      if (message_rev != rev) {              // fetch a new revision
        if (message_is_visible) {
          hide();
        }
        message_rev = rev;
        highlight_rev = message_rev;

        $.get(url + rev.substr(1), {annotate: path}, function(data) {
          // remove former message panel if any
          if (message)
            message.remove();
          // create new message panel
          message = $("<div>").addClass("message").css({
            position: "absolute", zIndex: 2
          }).appendTo("body"); /* add a close button somehow... */
          // fill in changeset data
          message.html(data || "<strong>(no changeset information)</strong>");

          show();
        });
      } else if (message_is_visible) {
        hide();
      } else {
        show();
        highlight_rev = message_rev;
      }

      /* Highlight all lines of the current revision */
      $("table.code th."+highlight_rev).each(function() { 
        $(this.parentNode).addClass("hilite") 
      });

    });
  });
}