User:Splarka/scapmap.js

/* Scap roadmap viewer, version [0.0.7]
Originally from: http://www.mediawiki.org/wiki/User:Splarka/scapmap.js

Notes:
* Loads on, for example: http://www.mediawiki.org/wiki/Special:Code/MediaWiki
** Click [overview] to generate map.
* Text in the "path" input box is stripped from the path line in the summary.
* Clicking a colored box takes you to that relevant line, and a backlink is created in the id column on focus.
* Hovering over a colored box pops up a little info packet box.
*/

var overviewTimeoutObj;
var overviewPopupData = [];
function reviewOverview() {
  // check if we're on a page with a useful list of revisions
  var path = document.getElementById('path');
  var table = getElementsByClassName(document,'table','TablePager');
  if(!path || table.length == 0) return;
  addPortletLink('p-cactions','javascript:reviewOverviewDisplay();','Overview','ca-defrag','Show a graphical overview of this list.','1');
}

function reviewOverviewDisplay() {
  //doublecheck that they're there and we can use them
  var table = getElementsByClassName(document,'table','TablePager');
  var above = document.forms[0]; //stick above the first form, no IDs on the forms currently!
  table = table[0];
  var tr = table.getElementsByTagName('tr');
  if(tr.length < 2 || document.getElementById('overviewmap')) return

  appendCSS(
    '#overviewmap {border:1px solid black;margin:.5em;padding:2px;position:relative;margin-right:16em;} '
  + '#overviewmap #overviewpop {padding:3px;border:1px solid black;position:absolute;height:6.5em;width:16em;display:none;'
  + ' background-color:#ffffdd;font-size:80%;line-height:100%;overflow:hidden;white-space:pre;} '
  + '#overviewmap .box-overview {display:block;border:1px solid black;float:left;width:1.5em;height:1.5em;margin:1px;overflow:hidden;} '
  + '#overviewmap .box-overview:target {border-style:dashed !important} #overviewmap .summary {clear:both;} '
  + '.box-status-new {background: #ffffc0 !important;} .box-status-new:hover {background: #dfdfa0 !important;} '
  + '.box-status-fixme {background: #ff9999 !important;} .box-status-fixme:hover {background: #df0000 !important;} '
  + '.box-status-resolved {background: #b0eeb0 !important;} .box-status-resolved:hover {background: #80ff80 !important;} '
  + '.box-status-reverted {background: #bbddee !important;} .box-status-reverted:hover {background: #66bbff !important;} '
  + '.box-status-deferred {background: #dddddd !important;} .box-status-deferred:hover {background: #aaaaaa !important;} '
  + '.box-live-live {border:1px solid #00ff00 !important;} '
  + 'tr:target {font-weight:bold;} .overview-backlink {margin-left:1em;display:none;} tr:target .overview-backlink {margin:1em;display:inline;}'
  );
  var output = document.createElement('div');
  output.setAttribute('id','overviewmap');
  addHandler(document,'mousemove',mouseMoveBox);
  var vpath = document.getElementById('path').value;
  var totals = {};
  for(var i=0;i<tr.length;i++) {
    var live = false, status = false;
    var trc = tr[i].getAttribute('class');
    if(!trc) continue
    trc = trc.split(' ');
    for(var j=0;j<trc.length;j++) {
      if(/mw\-codereview\-(not|)live/.test(trc[j])) live = trc[j].substring(14)
      if(trc[j].substring(0,21) == 'mw-codereview-status-') status = trc[j].substring(21)
    }
    var td = tr[i].getElementsByTagName('td');
    if(!td) continue
    overviewPopupData[i] = {};

    var statusname = tdGetByClass(tr[i],'TablePager_col_cr_status',true);
    if(!statusname || !status || !live) continue
    overviewPopupData[i]['status'] = status;
    overviewPopupData[i]['statusname'] = statusname;
    var rev = tdGetByClass(tr[i],'TablePager_col_cr_id',true);
    if(!rev) rev = tdGetByClass(tr[i],'TablePager_col_cp_rev_id',true)
    overviewPopupData[i]['rev'] = rev;
    overviewPopupData[i]['notes'] = tdGetByClass(tr[i],'TablePager_col_comments',true);
    var path = tdGetByClass(tr[i],'TablePager_col_cr_path',true);
    if(path && path.indexOf(vpath) == 0 && path != vpath && vpath != '') path = '\u2026' + path.substring(vpath.length)
    overviewPopupData[i]['path'] = path;
    overviewPopupData[i]['author'] = tdGetByClass(tr[i],'TablePager_col_cr_author',true);
    overviewPopupData[i]['live'] = live;
    if(!totals[statusname]) totals[statusname] = 0
    if(!totals[live]) totals[live] = 0
    totals[statusname]++;
    totals[live]++;

    tr[i].setAttribute('id','TablePager-row-' + rev);
    var revtd = tdGetByClass(tr[i],'TablePager_col_cr_id');
    if(!revtd) revtd = tdGetByClass(tr[i],'TablePager_col_cp_rev_id')
    if(revtd) {
      var top = document.createElement('a');
      top.appendChild(document.createTextNode('^'));
      top.setAttribute('class','overview-backlink');
      top.setAttribute('href','#box-' + i);
      revtd.appendChild(top);
    }

    var box = document.createElement('a');
    box.setAttribute('href','#TablePager-row-' + rev);
    box.setAttribute('class','box-overview box-status-' + status + ' box-live-' + live);
    box.setAttribute('id','box-' + i );
    //box.appendChild(document.createTextNode(live));
    output.appendChild(box);
  }

  var summary = document.createElement('div');
  summary.setAttribute('class','summary');
  var sumtext = [];
  for(var i in totals) {
    if(typeof i != 'string' || typeof totals[i] != 'number') continue
    sumtext.push(i + ': ' + totals[i]);
  }
  sumtext.sort();
  summary.appendChild(document.createTextNode('Total revisions: ' + (tr.length-1) + '. [' + sumtext.join(', ') + ']'));
  output.appendChild(summary);
  var opop = document.createElement('div');
  opop.setAttribute('id','overviewpop');
  output.appendChild(opop);
  above.style.clear = 'both';
  above.parentNode.insertBefore(output,above);
}
if(wgNamespaceNumber == -1 && wgCanonicalSpecialPageName == 'Code') addOnloadHook(reviewOverview)

function tdGetByClass(obj,classy,textonly) {
  var td = obj.getElementsByTagName('td');
  if(!td) return
  for(var i=0;i<td.length;i++) {
    if(td[i].getAttribute('class') == classy) {
      if(textonly) {
        return getInnerText(td[i]);
      } else {
        return td[i];
      }
    } 
  }
  return false;
}

function mouseMoveBox(e) {
  //document.onmousemove sure is spooky! Lets be super extra paranoid and error check everything.
  try { 
    if(overviewTimeoutObj != null) {
      clearTimeout(overviewTimeoutObj);
      overviewTimeoutObj = null;
    }
    var e = window.event || e;
    if(!e) return
    var target = e.target || e.srcElement;
    if(!target) return
    if(target.id == 'overviewpop') return
    var opop = document.getElementById('overviewpop');
    if(!opop) return
    if(target.tagName == 'A' && target.className.indexOf('box-overview') == 0) {
      if(opop.getAttribute('for') == target.getAttribute('id')) return
      overviewTimeoutObj = setTimeout(function() { showOverviewPopupBox(target,opop); }, 400);
    } else {
      opop.style.display = ''
    }
  } catch (e) {
    return;
  }
}

function showOverviewPopupBox(target,opop) {
  if(!opop || !target) return
  var left = target.offsetLeft + target.offsetWidth -10;
  var top = target.offsetTop + target.offsetHeight -10;
  while(opop.firstChild) opop.removeChild(opop.firstChild)
  var id = parseInt(target.id.replace(/box\-/i,''));
  var txt = 'Rev: r' + overviewPopupData[id]['rev'] + '\nStatus: ' + overviewPopupData[id]['statusname'] + ' (' + overviewPopupData[id]['status'] + ')\nNumber of notes: ' + overviewPopupData[id]['notes'] + '\nPath: ' + overviewPopupData[id]['path'] + '\nAuthor: ' + overviewPopupData[id]['author'] + '\nLive: ' + overviewPopupData[id]['live'];
  opop.appendChild(document.createTextNode(txt));
  opop.style.left = left + 'px';
  opop.style.top = top + 'px';
  opop.style.display = 'block';
  opop.setAttribute('for','box-' + id);
}