code review

pull/2/head
gorhill 10 years ago
parent 804a5c53e0
commit 7e17e2ea84

@ -549,7 +549,7 @@ function updateMatrixColors() {
var i = cells.length;
var cell;
while ( i-- ) {
cell = cells.node(i);
cell = cells.nodeAt(i);
cell.className = 'matCell ' + getCellClass(cell.hostname, cell.reqType);
}
}
@ -576,11 +576,11 @@ function updateMatrixBehavior() {
var i = sections.length;
var section, subdomainRows, j, subdomainRow;
while ( i-- ) {
section = sections.unode(i);
section = sections.at(i);
subdomainRows = section.descendants('.l2:not(.g3)');
j = subdomainRows.length;
while ( j-- ) {
subdomainRow = subdomainRows.unode(j);
subdomainRow = subdomainRows.at(j);
subdomainRow.toggleClass('collapsible', subdomainRow.descendants('.gd,.rd').length === 0);
}
section.toggleClass('collapsible', subdomainRows.filter('.collapsible').length > 0);
@ -758,39 +758,39 @@ function renderMatrixHeaderRow() {
var matHead = uDom('#matHead.collapsible');
matHead.toggleClass('collapsed', getUserSetting('popupCollapseDomains'));
var cells = matHead.descendants('.matCell');
uDom(cells.node(0))
cells.at(0)
.prop('reqType', '*')
.prop('hostname', '*')
.addClass(getCellClass('*', '*'));
uDom(cells.node(1))
cells.at(1)
.prop('reqType', 'cookie')
.prop('hostname', '*')
.addClass(getCellClass('*', 'cookie'));
uDom(cells.node(2))
cells.at(2)
.prop('reqType', 'css')
.prop('hostname', '*')
.addClass(getCellClass('*', 'css'));
uDom(cells.node(3))
cells.at(3)
.prop('reqType', 'image')
.prop('hostname', '*')
.addClass(getCellClass('*', 'image'));
uDom(cells.node(4))
cells.at(4)
.prop('reqType', 'plugin')
.prop('hostname', '*')
.addClass(getCellClass('*', 'plugin'));
uDom(cells.node(5))
cells.at(5)
.prop('reqType', 'script')
.prop('hostname', '*')
.addClass(getCellClass('*', 'script'));
uDom(cells.node(6))
cells.at(6)
.prop('reqType', 'xhr')
.prop('hostname', '*')
.addClass(getCellClass('*', 'xhr'));
uDom(cells.node(7))
cells.at(7)
.prop('reqType', 'frame')
.prop('hostname', '*')
.addClass(getCellClass('*', 'frame'));
uDom(cells.node(8))
cells.at(8)
.prop('reqType', 'other')
.prop('hostname', '*')
.addClass(getCellClass('*', 'other'));
@ -800,57 +800,53 @@ function renderMatrixHeaderRow() {
/******************************************************************************/
function renderMatrixCellDomain(cell, domain) {
var contents = uDom(cell)
.prop('reqType', '*')
var contents = cell.prop('reqType', '*')
.prop('hostname', domain)
.addClass(getCellClass(domain, '*'))
.contents();
contents.node(0).textContent = '\u202A' + punycode.toUnicode(domain);
contents.node(1).textContent = ' ';
contents.nodeAt(0).textContent = '\u202A' + punycode.toUnicode(domain);
contents.nodeAt(1).textContent = ' ';
}
function renderMatrixCellSubdomain(cell, domain, subomain) {
var contents = uDom(cell)
.prop('reqType', '*')
var contents = cell.prop('reqType', '*')
.prop('hostname', subomain)
.addClass(getCellClass(subomain, '*'))
.contents();
contents.node(0).textContent = '\u202A' + punycode.toUnicode(subomain.slice(0, subomain.lastIndexOf(domain)-1)) + '.';
contents.node(1).textContent = punycode.toUnicode(domain);
contents.nodeAt(0).textContent = '\u202A' + punycode.toUnicode(subomain.slice(0, subomain.lastIndexOf(domain)-1)) + '.';
contents.nodeAt(1).textContent = punycode.toUnicode(domain);
}
function renderMatrixMetaCellDomain(cell, domain) {
var contents = uDom(cell)
.prop('reqType', '*')
var contents = cell.prop('reqType', '*')
.prop('hostname', domain)
.addClass(getCellClass(domain, '*'))
.contents();
contents.node(0).textContent = '\u202A\u2217.' + punycode.toUnicode(domain);
contents.node(1).textContent = ' ';
contents.nodeAt(0).textContent = '\u202A\u2217.' + punycode.toUnicode(domain);
contents.nodeAt(1).textContent = ' ';
}
function renderMatrixCellType(cell, hostname, type, stats) {
var ce = uDom(cell)
.prop('reqType', type)
cell.prop('reqType', type)
.prop('hostname', hostname)
.prop('count', stats.count)
.addClass(getCellClass(hostname, type));
if ( stats.count ) {
ce.text(stats.count);
cell.text(stats.count);
} else {
ce.text('\u00A0');
cell.text('\u00A0');
}
}
function renderMatrixCellTypes(cells, hostname, stats) {
renderMatrixCellType(cells.unode(1), hostname, 'cookie', stats.cookie);
renderMatrixCellType(cells.unode(2), hostname, 'css', stats.css);
renderMatrixCellType(cells.unode(3), hostname, 'image', stats.image);
renderMatrixCellType(cells.unode(4), hostname, 'plugin', stats.plugin);
renderMatrixCellType(cells.unode(5), hostname, 'script', stats.script);
renderMatrixCellType(cells.unode(6), hostname, 'xhr', stats.xhr);
renderMatrixCellType(cells.unode(7), hostname, 'frame', stats.frame);
renderMatrixCellType(cells.unode(8), hostname, 'other', stats.other);
renderMatrixCellType(cells.at(1), hostname, 'cookie', stats.cookie);
renderMatrixCellType(cells.at(2), hostname, 'css', stats.css);
renderMatrixCellType(cells.at(3), hostname, 'image', stats.image);
renderMatrixCellType(cells.at(4), hostname, 'plugin', stats.plugin);
renderMatrixCellType(cells.at(5), hostname, 'script', stats.script);
renderMatrixCellType(cells.at(6), hostname, 'xhr', stats.xhr);
renderMatrixCellType(cells.at(7), hostname, 'frame', stats.frame);
renderMatrixCellType(cells.at(8), hostname, 'other', stats.other);
}
/******************************************************************************/
@ -858,7 +854,7 @@ function renderMatrixCellTypes(cells, hostname, stats) {
function makeMatrixRowDomain(domain) {
var matrixRow = createMatrixRow().addClass('rw');
var cells = matrixRow.descendants('.matCell');
renderMatrixCellDomain(cells.node(0), domain);
renderMatrixCellDomain(cells.at(0), domain);
renderMatrixCellTypes(cells, domain, HTTPSBPopup.matrixStats[domain].types);
return matrixRow;
}
@ -866,7 +862,7 @@ function makeMatrixRowDomain(domain) {
function makeMatrixRowSubdomain(domain, subdomain) {
var matrixRow = createMatrixRow().addClass('rw');
var cells = matrixRow.descendants('.matCell');
renderMatrixCellSubdomain(cells.node(0), domain, subdomain);
renderMatrixCellSubdomain(cells.at(0), domain, subdomain);
renderMatrixCellTypes(cells, subdomain, HTTPSBPopup.matrixStats[subdomain].types);
return matrixRow;
}
@ -874,7 +870,7 @@ function makeMatrixRowSubdomain(domain, subdomain) {
function makeMatrixMetaRowDomain(domain, stats) {
var matrixRow = createMatrixRow().addClass('rw');
var cells = matrixRow.descendants('.matCell');
renderMatrixMetaCellDomain(cells.node(0), domain);
renderMatrixMetaCellDomain(cells.at(0), domain);
renderMatrixCellTypes(cells, domain, stats);
return matrixRow;
}
@ -882,28 +878,27 @@ function makeMatrixMetaRowDomain(domain, stats) {
/******************************************************************************/
function renderMatrixMetaCellType(cell, count) {
var ce = uDom(cell);
ce.addClass('ri');
cell.addClass('ri');
if ( count ) {
ce.text(count);
cell.text(count);
}
}
function makeMatrixMetaRow(stats) {
var typeStats = stats.types;
var matrixRow = createMatrixRow().unode(0).addClass('ro');
var matrixRow = createMatrixRow().at(0).addClass('ro');
var cells = matrixRow.descendants('.matCell');
var contents = cells.unode(0).addClass('rd').contents();
contents.node(0).textContent = ' ';
contents.node(1).textContent = '\u202A' + typeStats['*'].count + ' blacklisted hostname(s)';
renderMatrixMetaCellType(cells.node(1), typeStats.cookie.count);
renderMatrixMetaCellType(cells.node(2), typeStats.css.count);
renderMatrixMetaCellType(cells.node(3), typeStats.image.count);
renderMatrixMetaCellType(cells.node(4), typeStats.plugin.count);
renderMatrixMetaCellType(cells.node(5), typeStats.script.count);
renderMatrixMetaCellType(cells.node(6), typeStats.xhr.count);
renderMatrixMetaCellType(cells.node(7), typeStats.frame.count);
renderMatrixMetaCellType(cells.node(8), typeStats.other.count);
var contents = cells.at(0).addClass('rd').contents();
contents.nodeAt(0).textContent = ' ';
contents.nodeAt(1).textContent = '\u202A' + typeStats['*'].count + ' blacklisted hostname(s)';
renderMatrixMetaCellType(cells.at(1), typeStats.cookie.count);
renderMatrixMetaCellType(cells.at(2), typeStats.css.count);
renderMatrixMetaCellType(cells.at(3), typeStats.image.count);
renderMatrixMetaCellType(cells.at(4), typeStats.plugin.count);
renderMatrixMetaCellType(cells.at(5), typeStats.script.count);
renderMatrixMetaCellType(cells.at(6), typeStats.xhr.count);
renderMatrixMetaCellType(cells.at(7), typeStats.frame.count);
renderMatrixMetaCellType(cells.at(8), typeStats.other.count);
return matrixRow;
}

@ -200,11 +200,11 @@ DOMList.prototype.length = function() {
/******************************************************************************/
DOMList.prototype.node = function(i) {
DOMList.prototype.nodeAt = function(i) {
return this.nodes[i];
};
DOMList.prototype.unode = function(i) {
DOMList.prototype.at = function(i) {
return addNodeToList(new DOMList(), this.nodes[i]);
};
@ -480,7 +480,7 @@ DOMList.prototype.attr = function(attr, value) {
DOMList.prototype.prop = function(prop, value) {
var i = this.nodes.length;
if ( value === undefined ) {
return i ? this.nodes[0][prop] : undefined;
return i !== 0 ? this.nodes[0][prop] : undefined;
}
while ( i-- ) {
this.nodes[i][prop] = value;

Loading…
Cancel
Save