aboutsummaryrefslogtreecommitdiffstats
path: root/js/logger-ui.js
diff options
context:
space:
mode:
Diffstat (limited to 'js/logger-ui.js')
-rw-r--r--js/logger-ui.js798
1 files changed, 399 insertions, 399 deletions
diff --git a/js/logger-ui.js b/js/logger-ui.js
index 8f4ffbf..5f9aedb 100644
--- a/js/logger-ui.js
+++ b/js/logger-ui.js
@@ -2,7 +2,7 @@
ηMatrix - a browser extension to black/white list requests.
Copyright (C) 2015-2019 Raymond Hill
- Copyright (C) 2019-2020 Alessio Vanni
+ Copyright (C) 2019-2022 Alessio Vanni
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
@@ -17,7 +17,7 @@
You should have received a copy of the GNU General Public License
along with this program. If not, see {http://www.gnu.org/licenses/}.
- Home: https://libregit.spks.xyz/heckyel/ematrix
+ Home: https://gitlab.com/vannilla/ematrix
uMatrix Home: https://github.com/gorhill/sessbench
*/
@@ -39,249 +39,249 @@
let hiddenTemplate = document.querySelector('#hiddenTemplate > span');
let prettyRequestTypes = {
- 'main_frame': 'doc',
- 'stylesheet': 'css',
- 'sub_frame': 'frame',
- 'xmlhttprequest': 'xhr'
+ 'main_frame': 'doc',
+ 'stylesheet': 'css',
+ 'sub_frame': 'frame',
+ 'xmlhttprequest': 'xhr'
};
let dontEmphasizeSet = new Set([
- 'COOKIE',
- 'CSP',
- 'REFERER'
+ 'COOKIE',
+ 'CSP',
+ 'REFERER'
]);
// Adjust top padding of content table, to match that of toolbar height.
document
- .getElementById('content')
- .style
- .setProperty('margin-top',
- document.getElementById('toolbar').clientHeight + 'px');
+ .getElementById('content')
+ .style
+ .setProperty('margin-top',
+ document.getElementById('toolbar').clientHeight + 'px');
let classNameFromTabId = function (tabId) {
- if (tabId === noTabId) {
+ if (tabId === noTabId) {
return 'tab_bts';
- }
- if (tabId !== '') {
+ }
+ if (tabId !== '') {
return 'tab_' + tabId;
- }
- return '';
+ }
+ return '';
};
// Emphasize hostname and cookie name.
let emphasizeCookie = function (s) {
- let pnode = emphasizeHostname(s);
- if (pnode.childNodes.length !== 3) {
+ let pnode = emphasizeHostname(s);
+ if (pnode.childNodes.length !== 3) {
return pnode;
- }
+ }
- let prefix = '-cookie:';
- let text = pnode.childNodes[2].textContent;
+ let prefix = '-cookie:';
+ let text = pnode.childNodes[2].textContent;
- let beg = text.indexOf(prefix);
- if (beg === -1) {
+ let beg = text.indexOf(prefix);
+ if (beg === -1) {
return pnode;
- }
- beg += prefix.length;
+ }
+ beg += prefix.length;
- let end = text.indexOf('}', beg);
- if (end === -1) {
+ let end = text.indexOf('}', beg);
+ if (end === -1) {
return pnode;
- }
+ }
- let cnode = emphasizeTemplate.cloneNode(true);
- cnode.childNodes[0].textContent = text.slice(0, beg);
- cnode.childNodes[1].textContent = text.slice(beg, end);
- cnode.childNodes[2].textContent = text.slice(end);
- pnode.replaceChild(cnode.childNodes[0], pnode.childNodes[2]);
- pnode.appendChild(cnode.childNodes[0]);
- pnode.appendChild(cnode.childNodes[0]);
+ let cnode = emphasizeTemplate.cloneNode(true);
+ cnode.childNodes[0].textContent = text.slice(0, beg);
+ cnode.childNodes[1].textContent = text.slice(beg, end);
+ cnode.childNodes[2].textContent = text.slice(end);
+ pnode.replaceChild(cnode.childNodes[0], pnode.childNodes[2]);
+ pnode.appendChild(cnode.childNodes[0]);
+ pnode.appendChild(cnode.childNodes[0]);
- return pnode;
+ return pnode;
};
// Emphasize hostname in URL.
let emphasizeHostname = function (url) {
- let hnbeg = url.indexOf('://');
- if (hnbeg === -1) {
+ let hnbeg = url.indexOf('://');
+ if (hnbeg === -1) {
return document.createTextNode(url);
- }
- hnbeg += 3;
+ }
+ hnbeg += 3;
- let hnend = url.indexOf('/', hnbeg);
- if (hnend === -1) {
+ let hnend = url.indexOf('/', hnbeg);
+ if (hnend === -1) {
hnend = url.slice(hnbeg).search(/\?#/);
if (hnend !== -1) {
- hnend += hnbeg;
+ hnend += hnbeg;
} else {
- hnend = url.length;
+ hnend = url.length;
}
- }
+ }
- let node = emphasizeTemplate.cloneNode(true);
- node.childNodes[0].textContent = url.slice(0, hnbeg);
- node.childNodes[1].textContent = url.slice(hnbeg, hnend);
- node.childNodes[2].textContent = url.slice(hnend);
+ let node = emphasizeTemplate.cloneNode(true);
+ node.childNodes[0].textContent = url.slice(0, hnbeg);
+ node.childNodes[1].textContent = url.slice(hnbeg, hnend);
+ node.childNodes[2].textContent = url.slice(hnend);
- return node;
+ return node;
};
let createCellAt = function (tr, index) {
- let td = tr.cells[index];
- let mustAppend = !td;
- if (mustAppend) {
+ let td = tr.cells[index];
+ let mustAppend = !td;
+ if (mustAppend) {
td = tdJunkyard.pop();
- }
+ }
- if (td) {
+ if (td) {
td.removeAttribute('colspan');
td.textContent = '';
- } else {
+ } else {
td = document.createElement('td');
- }
- if (mustAppend) {
+ }
+ if (mustAppend) {
tr.appendChild(td);
- }
+ }
- return td;
+ return td;
};
let createRow = function (layout) {
- let tr = trJunkyard.pop();
- if (tr) {
+ let tr = trJunkyard.pop();
+ if (tr) {
tr.className = '';
- } else {
+ } else {
tr = document.createElement('tr');
- }
+ }
- let index;
- for (index=0; index<firstVarDataCol; ++index) {
+ let index;
+ for (index=0; index<firstVarDataCol; ++index) {
createCellAt(tr, index);
- }
+ }
- let i = 1, span = 1, td;
- for (;;) {
+ let i = 1, span = 1, td;
+ for (;;) {
td = createCellAt(tr, index);
if (i === lastVarDataIndex) {
- break;
+ break;
}
if (layout.charAt(i) !== '1') {
- span += 1;
+ span += 1;
} else {
- if (span !== 1) {
+ if (span !== 1) {
td.setAttribute('colspan', span);
- }
- index += 1;
- span = 1;
+ }
+ index += 1;
+ span = 1;
}
i += 1;
- }
+ }
- if (span !== 1) {
+ if (span !== 1) {
td.setAttribute('colspan', span);
- }
- index += 1;
- while ((td = tr.cells[index])) {
+ }
+ index += 1;
+ while ((td = tr.cells[index])) {
tdJunkyard.push(tr.removeChild(td));
- }
+ }
- return tr;
+ return tr;
};
let createHiddenTextNode = function (text) {
- let node = hiddenTemplate.cloneNode(true);
- node.textContent = text;
- return node;
+ let node = hiddenTemplate.cloneNode(true);
+ node.textContent = text;
+ return node;
};
let padTo2 = function (v) {
- return v < 10 ? '0' + v : v;
+ return v < 10 ? '0' + v : v;
};
let createGap = function (tabId, url) {
- let tr = createRow('1');
- tr.classList.add('doc');
- tr.classList.add('tab');
- tr.classList.add('canMtx');
- tr.classList.add('tab_' + tabId);
- tr.cells[firstVarDataCol].textContent = url;
- tbody.insertBefore(tr, tbody.firstChild);
+ let tr = createRow('1');
+ tr.classList.add('doc');
+ tr.classList.add('tab');
+ tr.classList.add('canMtx');
+ tr.classList.add('tab_' + tabId);
+ tr.cells[firstVarDataCol].textContent = url;
+ tbody.insertBefore(tr, tbody.firstChild);
};
let renderLogEntry = function (entry) {
- let tr;
- let fvdc = firstVarDataCol;
+ let tr;
+ let fvdc = firstVarDataCol;
- switch (entry.cat) {
- case 'error':
- case 'info':
+ switch (entry.cat) {
+ case 'error':
+ case 'info':
tr = createRow('1');
if (entry.d0 === 'cookie') {
- tr.cells[fvdc].appendChild(emphasizeCookie(entry.d1));
+ tr.cells[fvdc].appendChild(emphasizeCookie(entry.d1));
} else {
- tr.cells[fvdc].textContent = entry.d0;
+ tr.cells[fvdc].textContent = entry.d0;
}
break;
- case 'net':
+ case 'net':
tr = createRow('111');
tr.classList.add('canMtx');
// If the request is that of a root frame, insert a gap in the table
// in order to visually separate entries for different documents.
if (entry.d2 === 'doc' && entry.tab !== noTabId) {
- createGap(entry.tab, entry.d1);
+ createGap(entry.tab, entry.d1);
}
if (entry.d3) {
- tr.classList.add('blocked');
- tr.cells[fvdc].textContent = '--';
+ tr.classList.add('blocked');
+ tr.cells[fvdc].textContent = '--';
} else {
- tr.cells[fvdc].textContent = '';
+ tr.cells[fvdc].textContent = '';
}
tr.cells[fvdc+1].textContent =
- (prettyRequestTypes[entry.d2] || entry.d2);
+ (prettyRequestTypes[entry.d2] || entry.d2);
if (dontEmphasizeSet.has(entry.d2)) {
- tr.cells[fvdc+2].textContent = entry.d1;
+ tr.cells[fvdc+2].textContent = entry.d1;
} else if ( entry.d2 === 'cookie' ) {
- tr.cells[fvdc+2].appendChild(emphasizeCookie(entry.d1));
+ tr.cells[fvdc+2].appendChild(emphasizeCookie(entry.d1));
} else {
- tr.cells[fvdc+2].appendChild(emphasizeHostname(entry.d1));
+ tr.cells[fvdc+2].appendChild(emphasizeHostname(entry.d1));
}
break;
- default:
+ default:
tr = createRow('1');
tr.cells[fvdc].textContent = entry.d0;
break;
- }
-
- // Fields common to all rows.
- let time = logDate;
- time.setTime(entry.tstamp - logDateTimezoneOffset);
- tr.cells[0].textContent = padTo2(time.getUTCHours())
- + ':'
- + padTo2(time.getUTCMinutes())
- + ':'
- + padTo2(time.getSeconds());
-
- if (entry.tab) {
+ }
+
+ // Fields common to all rows.
+ let time = logDate;
+ time.setTime(entry.tstamp - logDateTimezoneOffset);
+ tr.cells[0].textContent = padTo2(time.getUTCHours())
+ + ':'
+ + padTo2(time.getUTCMinutes())
+ + ':'
+ + padTo2(time.getSeconds());
+
+ if (entry.tab) {
tr.classList.add('tab');
tr.classList.add(classNameFromTabId(entry.tab));
if (entry.tab === noTabId) {
- tr.cells[1].appendChild(createHiddenTextNode('bts'));
+ tr.cells[1].appendChild(createHiddenTextNode('bts'));
}
- }
- if (entry.cat !== '') {
+ }
+ if (entry.cat !== '') {
tr.classList.add('cat_' + entry.cat);
- }
+ }
- rowFilterer.filterOne(tr, true);
+ rowFilterer.filterOne(tr, true);
- tbody.insertBefore(tr, tbody.firstChild);
+ tbody.insertBefore(tr, tbody.firstChild);
};
// Reuse date objects.
@@ -289,180 +289,180 @@
let logDateTimezoneOffset = logDate.getTimezoneOffset() * 60000;
let renderLogEntries = function (response) {
- let entries = response.entries;
- if (entries.length === 0) {
+ let entries = response.entries;
+ if (entries.length === 0) {
return;
- }
+ }
- // Preserve scroll position
- let height = tbody.offsetHeight;
+ // Preserve scroll position
+ let height = tbody.offsetHeight;
- let tabIds = response.tabIds;
- let n = entries.length;
- let entry;
- for (let i=0; i<n; ++i) {
+ let tabIds = response.tabIds;
+ let n = entries.length;
+ let entry;
+ for (let i=0; i<n; ++i) {
entry = entries[i];
// Unlikely, but it may happen
if (entry.tab && tabIds.hasOwnProperty(entry.tab) === false) {
- continue;
+ continue;
}
renderLogEntry(entries[i]);
- }
+ }
- // Prevent logger from growing infinitely and eating all memory. For
- // instance someone could forget that it is left opened for some
- // dynamically refreshed pages.
- truncateLog(maxEntries);
+ // Prevent logger from growing infinitely and eating all memory. For
+ // instance someone could forget that it is left opened for some
+ // dynamically refreshed pages.
+ truncateLog(maxEntries);
- let yDelta = tbody.offsetHeight - height;
- if (yDelta === 0) {
+ let yDelta = tbody.offsetHeight - height;
+ if (yDelta === 0) {
return;
- }
+ }
- // Chromium:
- // body.scrollTop = good value
- // body.parentNode.scrollTop = 0
- // if (document.body.scrollTop !== 0) {
+ // Chromium:
+ // body.scrollTop = good value
+ // body.parentNode.scrollTop = 0
+ // if (document.body.scrollTop !== 0) {
// document.body.scrollTop += yDelta;
// return;
- // }
+ // }
- // Firefox:
- // body.scrollTop = 0
- // body.parentNode.scrollTop = good value
- let parentNode = document.body.parentNode;
- if (parentNode && parentNode.scrollTop !== 0) {
+ // Firefox:
+ // body.scrollTop = 0
+ // body.parentNode.scrollTop = good value
+ let parentNode = document.body.parentNode;
+ if (parentNode && parentNode.scrollTop !== 0) {
parentNode.scrollTop += yDelta;
- }
+ }
};
let synchronizeTabIds = function (newTabIds) {
- let oldTabIds = allTabIds;
- let autoDeleteVoidRows =
- !!vAPI.localStorage.getItem('loggerAutoDeleteVoidRows');
- let rowVoided = false;
- let trs;
+ let oldTabIds = allTabIds;
+ let autoDeleteVoidRows =
+ !!vAPI.localStorage.getItem('loggerAutoDeleteVoidRows');
+ let rowVoided = false;
+ let trs;
- for (let tabId in oldTabIds) {
+ for (let tabId in oldTabIds) {
if (oldTabIds.hasOwnProperty(tabId) === false) {
- continue;
+ continue;
}
if (newTabIds.hasOwnProperty(tabId)) {
- continue;
+ continue;
}
// Mark or remove voided rows
trs = uDom('.tab_' + tabId);
if (autoDeleteVoidRows) {
- toJunkyard(trs);
+ toJunkyard(trs);
} else {
- trs.removeClass('canMtx');
- rowVoided = true;
+ trs.removeClass('canMtx');
+ rowVoided = true;
}
// Remove popup if it is currently bound to a removed tab.
if (tabId === popupManager.tabId) {
- popupManager.toggleOff();
+ popupManager.toggleOff();
}
- }
+ }
- let select = document.getElementById('pageSelector');
- let selectValue = select.value;
- let tabIds = Object.keys(newTabIds).sort(function (a, b) {
+ let select = document.getElementById('pageSelector');
+ let selectValue = select.value;
+ let tabIds = Object.keys(newTabIds).sort(function (a, b) {
return newTabIds[a].localeCompare(newTabIds[b]);
- });
+ });
- let i, j;
- for (i=0, j=2; i<tabIds.length; ++i) {
+ let i, j;
+ for (i=0, j=2; i<tabIds.length; ++i) {
let tabId = tabIds[i];
if (tabId === noTabId) {
- continue;
+ continue;
}
let option = select.options[j];
j += 1;
if (!option) {
- option = document.createElement('option');
- select.appendChild(option);
+ option = document.createElement('option');
+ select.appendChild(option);
}
option.textContent = newTabIds[tabId];
option.value = classNameFromTabId(tabId);
if (option.value === selectValue) {
- option.setAttribute('selected', '');
+ option.setAttribute('selected', '');
} else {
- option.removeAttribute('selected');
+ option.removeAttribute('selected');
}
- }
+ }
- while (j < select.options.length) {
+ while (j < select.options.length) {
select.removeChild(select.options[j]);
- }
+ }
- if (select.value !== selectValue) {
+ if (select.value !== selectValue) {
select.selectedIndex = 0;
select.value = '';
select.options[0].setAttribute('selected', '');
pageSelectorChanged();
- }
+ }
- allTabIds = newTabIds;
+ allTabIds = newTabIds;
- return rowVoided;
+ return rowVoided;
};
let truncateLog = function (size) {
- if (size === 0) {
+ if (size === 0) {
size = 5000;
- }
+ }
- let tbody = document.querySelector('#content tbody');
- size = Math.min(size, 10000);
+ let tbody = document.querySelector('#content tbody');
+ size = Math.min(size, 10000);
- while (tbody.childElementCount > size) {
+ while (tbody.childElementCount > size) {
let tr = tbody.lastElementChild;
trJunkyard.push(tbody.removeChild(tr));
- }
+ }
};
let onLogBufferRead = function (response) {
- if (!response || response.unavailable) {
+ if (!response || response.unavailable) {
readLogBufferAsync();
return;
- }
+ }
- // This tells us the behind-the-scene tab id
- noTabId = response.noTabId;
+ // This tells us the behind-the-scene tab id
+ noTabId = response.noTabId;
- // This may have changed meanwhile
- if (response.maxLoggedRequests !== maxEntries) {
+ // This may have changed meanwhile
+ if (response.maxLoggedRequests !== maxEntries) {
maxEntries = response.maxLoggedRequests;
uDom('#maxEntries').val(maxEntries || '');
- }
+ }
- // Neuter rows for which a tab does not exist anymore
- let rowVoided = false;
- if (response.tabIdsToken !== allTabIdsToken) {
+ // Neuter rows for which a tab does not exist anymore
+ let rowVoided = false;
+ if (response.tabIdsToken !== allTabIdsToken) {
rowVoided = synchronizeTabIds(response.tabIds);
allTabIdsToken = response.tabIdsToken;
- }
+ }
- renderLogEntries(response);
+ renderLogEntries(response);
- if (rowVoided) {
+ if (rowVoided) {
uDom('#clean')
- .toggleClass('disabled',
- tbody
- .querySelector('tr.tab:not(.canMtx)') === null);
- }
+ .toggleClass('disabled',
+ tbody
+ .querySelector('tr.tab:not(.canMtx)') === null);
+ }
- // Synchronize toolbar with content of log
- uDom('#clear').toggleClass('disabled',
- tbody.querySelector('tr') === null);
+ // Synchronize toolbar with content of log
+ uDom('#clear').toggleClass('disabled',
+ tbody.querySelector('tr') === null);
- readLogBufferAsync();
+ readLogBufferAsync();
};
// This can be called only once, at init time. After that, this
@@ -471,83 +471,83 @@
// no multi time out events.
let readLogBuffer = function () {
- if (ownerId === undefined) {
- return;
- }
-
- vAPI.messaging.send('logger-ui.js', {
- what: 'readMany',
- ownerId: ownerId
- }, onLogBufferRead);
+ if (ownerId === undefined) {
+ return;
+ }
+
+ vAPI.messaging.send('logger-ui.js', {
+ what: 'readMany',
+ ownerId: ownerId
+ }, onLogBufferRead);
};
let readLogBufferAsync = function () {
- if (ownerId === undefined) {
- return;
- }
- vAPI.setTimeout(readLogBuffer, 1200);
+ if (ownerId === undefined) {
+ return;
+ }
+ vAPI.setTimeout(readLogBuffer, 1200);
};
let pageSelectorChanged = function () {
- let style = document.getElementById('tabFilterer');
- let tabClass = document.getElementById('pageSelector').value;
- let sheet = style.sheet;
+ let style = document.getElementById('tabFilterer');
+ let tabClass = document.getElementById('pageSelector').value;
+ let sheet = style.sheet;
- while (sheet.cssRules.length !== 0) {
+ while (sheet.cssRules.length !== 0) {
sheet.deleteRule(0);
- }
+ }
- if (tabClass !== '') {
+ if (tabClass !== '') {
sheet.insertRule('#content table tr:not(.'
- + tabClass
- + ') { display: none; }', 0);
- }
- uDom('#refresh').toggleClass('disabled',
- tabClass === '' || tabClass === 'tab_bts');
+ + tabClass
+ + ') { display: none; }', 0);
+ }
+ uDom('#refresh').toggleClass('disabled',
+ tabClass === '' || tabClass === 'tab_bts');
};
let refreshTab = function () {
- let tabClass = document.getElementById('pageSelector').value;
- let matches = tabClass.match(/^tab_(.+)$/);
- if (matches === null) {
+ let tabClass = document.getElementById('pageSelector').value;
+ let matches = tabClass.match(/^tab_(.+)$/);
+ if (matches === null) {
return;
- }
+ }
- if (matches[1] === 'bts') {
+ if (matches[1] === 'bts') {
return;
- }
+ }
- vAPI.messaging.send('logger-ui.js', {
- what: 'forceReloadTab',
- tabId: matches[1]
- });
+ vAPI.messaging.send('logger-ui.js', {
+ what: 'forceReloadTab',
+ tabId: matches[1]
+ });
};
let onMaxEntriesChanged = function () {
- let raw = uDom(this).val();
+ let raw = uDom(this).val();
- try {
+ try {
maxEntries = parseInt(raw, 10);
if (isNaN(maxEntries)) {
- maxEntries = 0;
+ maxEntries = 0;
}
- } catch (e) {
+ } catch (e) {
maxEntries = 0;
- }
+ }
- vAPI.messaging.send('logger-ui.js', {
+ vAPI.messaging.send('logger-ui.js', {
what: 'userSettings',
name: 'maxLoggedRequests',
value: maxEntries
- });
+ });
- truncateLog(maxEntries);
+ truncateLog(maxEntries);
};
let rowFilterer = (function () {
- let filters = [];
+ let filters = [];
- let parseInput = function () {
+ let parseInput = function () {
filters = [];
let rawPart, hardBeg, hardEnd;
@@ -557,69 +557,69 @@
let n = rawParts.length;
for (let i=0; i<n; ++i) {
- rawPart = rawParts[i];
- if (rawPart.charAt(0) === '!') {
+ rawPart = rawParts[i];
+ if (rawPart.charAt(0) === '!') {
if (reStrs.length === 0) {
- not = true;
+ not = true;
}
rawPart = rawPart.slice(1);
- }
+ }
- hardBeg = rawPart.charAt(0) === '|';
- if (hardBeg) {
+ hardBeg = rawPart.charAt(0) === '|';
+ if (hardBeg) {
rawPart = rawPart.slice(1);
- }
+ }
- hardEnd = rawPart.slice(-1) === '|';
- if (hardEnd) {
+ hardEnd = rawPart.slice(-1) === '|';
+ if (hardEnd) {
rawPart = rawPart.slice(0, -1);
- }
+ }
- if ( rawPart === '' ) {
+ if ( rawPart === '' ) {
continue;
- }
+ }
- reStr = rawPart.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
- if (hardBeg) {
+ reStr = rawPart.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+ if (hardBeg) {
reStr = '(?:^|\\s)' + reStr;
- }
- if (hardEnd) {
+ }
+ if (hardEnd) {
reStr += '(?:\\s|$)';
- }
+ }
- reStrs.push(reStr);
- if (i < (n - 1) && rawParts[i + 1] === '||') {
+ reStrs.push(reStr);
+ if (i < (n - 1) && rawParts[i + 1] === '||') {
i += 1;
continue;
- }
+ }
- reStr = reStrs.length === 1 ? reStrs[0] : reStrs.join('|');
- filters.push({
+ reStr = reStrs.length === 1 ? reStrs[0] : reStrs.join('|');
+ filters.push({
re: new RegExp(reStr, 'i'),
r: !not
- });
- reStrs = [];
- not = false;
+ });
+ reStrs = [];
+ not = false;
}
- };
+ };
- let filterOne = function (tr, clean) {
+ let filterOne = function (tr, clean) {
let ff = filters;
let fcount = ff.length;
if (fcount === 0 && clean === true) {
- return;
+ return;
}
// do not filter out doc boundaries, they help separate
// important section of log.
let cl = tr.classList;
if (cl.contains('doc')) {
- return;
+ return;
}
if (fcount === 0) {
- cl.remove('f');
- return;
+ cl.remove('f');
+ return;
}
let cc = tr.cells;
@@ -631,141 +631,141 @@
// positive filter expression = there must one hit on any field
// negative filter expression = there must be no hit on all fields
for (let i=0; i<fcount; ++i) {
- f = ff[i];
- hit = !f.r;
+ f = ff[i];
+ hit = !f.r;
- for (j=0; j<ccount; ++j) {
+ for (j=0; j<ccount; ++j) {
if (f.re.test(cc[j].textContent)) {
- hit = f.r;
- break;
+ hit = f.r;
+ break;
}
- }
+ }
- if (!hit) {
+ if (!hit) {
cl.add('f');
return;
- }
+ }
}
cl.remove('f');
- };
+ };
- let filterAll = function () {
+ let filterAll = function () {
// Special case: no filter
if (filters.length === 0) {
- uDom('#content tr').removeClass('f');
- return;
+ uDom('#content tr').removeClass('f');
+ return;
}
let tbody = document.querySelector('#content tbody');
let rows = tbody.rows;
for (let i=rows.length-1; i>=0; --i) {
- filterOne(rows[i]);
+ filterOne(rows[i]);
}
- };
+ };
- let onFilterChangedAsync = (function () {
+ let onFilterChangedAsync = (function () {
let timer = null;
let commit = function () {
- timer = null;
- parseInput();
- filterAll();
+ timer = null;
+ parseInput();
+ filterAll();
};
return function () {
- if (timer !== null) {
+ if (timer !== null) {
clearTimeout(timer);
- }
- timer = vAPI.setTimeout(commit, 750);
+ }
+ timer = vAPI.setTimeout(commit, 750);
};
- })();
+ })();
- let onFilterButton = function () {
+ let onFilterButton = function () {
let cl = document.body.classList;
cl.toggle('f', cl.contains('f') === false);
- };
+ };
- uDom('#filterButton').on('click', onFilterButton);
- uDom('#filterInput').on('input', onFilterChangedAsync);
+ uDom('#filterButton').on('click', onFilterButton);
+ uDom('#filterInput').on('input', onFilterChangedAsync);
- return {
+ return {
filterOne: filterOne,
filterAll: filterAll,
- };
+ };
})();
let toJunkyard = function (trs) {
- trs.remove();
- for (let i=trs.length-1; i>=0; --i) {
+ trs.remove();
+ for (let i=trs.length-1; i>=0; --i) {
trJunkyard.push(trs.nodeAt(i));
- }
+ }
};
let clearBuffer = function () {
- let tbody = document.querySelector('#content tbody');
- let tr;
+ let tbody = document.querySelector('#content tbody');
+ let tr;
- while (tbody.firstChild !== null) {
+ while (tbody.firstChild !== null) {
tr = tbody.lastElementChild;
trJunkyard.push(tbody.removeChild(tr));
- }
+ }
- uDom('#clear').addClass('disabled');
- uDom('#clean').addClass('disabled');
+ uDom('#clear').addClass('disabled');
+ uDom('#clean').addClass('disabled');
};
let cleanBuffer = function () {
- let rows = uDom('#content tr.tab:not(.canMtx)').remove();
- for (let i=rows.length-1; i>=0; --i) {
+ let rows = uDom('#content tr.tab:not(.canMtx)').remove();
+ for (let i=rows.length-1; i>=0; --i) {
trJunkyard.push(rows.nodeAt(i));
- }
- uDom('#clean').addClass('disabled');
+ }
+ uDom('#clean').addClass('disabled');
};
let toggleCompactView = function () {
- document.body.classList.toggle('compactView');
- uDom('#content table .vExpanded').removeClass('vExpanded');
+ document.body.classList.toggle('compactView');
+ uDom('#content table .vExpanded').removeClass('vExpanded');
};
let toggleCompactRow = function (ev) {
- ev.target.parentElement.classList.toggle('vExpanded');
+ ev.target.parentElement.classList.toggle('vExpanded');
};
let popupManager = (function () {
- let realTabId = null;
- let localTabId = null;
- let container = null;
- let popup = null;
- let popupObserver = null;
- let style = null;
- let styleTemplate = [
+ let realTabId = null;
+ let localTabId = null;
+ let container = null;
+ let popup = null;
+ let popupObserver = null;
+ let style = null;
+ let styleTemplate = [
'tr:not(.tab_{{tabId}}) {',
'cursor: not-allowed;',
'opacity: 0.2;',
'}'
- ].join('\n');
+ ].join('\n');
- let resizePopup = function () {
+ let resizePopup = function () {
if (popup === null) {
- return;
+ return;
}
let popupBody = popup.contentWindow.document.body;
if (popupBody.clientWidth !== 0
- && container.clientWidth !== popupBody.clientWidth) {
- container.style.setProperty('width', popupBody.clientWidth + 'px');
+ && container.clientWidth !== popupBody.clientWidth) {
+ container.style.setProperty('width', popupBody.clientWidth + 'px');
}
popup.style.removeProperty('height');
if (popupBody.clientHeight !== 0
- && popup.clientHeight !== popupBody.clientHeight) {
- popup.style.setProperty('height', popupBody.clientHeight + 'px');
+ && popup.clientHeight !== popupBody.clientHeight) {
+ popup.style.setProperty('height', popupBody.clientHeight + 'px');
}
let ph = document.documentElement.clientHeight;
let crect = container.getBoundingClientRect();
if (crect.height > ph) {
- popup.style.setProperty('height', 'calc(' + ph + 'px - 1.8em)');
+ popup.style.setProperty('height', 'calc(' + ph + 'px - 1.8em)');
}
// Adjust width for presence/absence of vertical scroll bar which may
@@ -773,54 +773,54 @@
let cw = container.clientWidth;
let dw = popup.contentWindow.document.documentElement.clientWidth;
if (cw !== dw) {
- container.style.setProperty('width', (2 * cw - dw) + 'px');
+ container.style.setProperty('width', (2 * cw - dw) + 'px');
}
- };
+ };
- let toggleSize = function () {
+ let toggleSize = function () {
container.classList.toggle('hide');
- };
+ };
- let onResizeRequested = function () {
+ let onResizeRequested = function () {
let popupBody = popup.contentWindow.document.body;
if (popupBody.hasAttribute('data-resize-popup') === false) {
- return;
+ return;
}
popupBody.removeAttribute('data-resize-popup');
resizePopup();
- };
+ };
- let onLoad = function () {
+ let onLoad = function () {
resizePopup();
let popupBody = popup.contentDocument.body;
popupBody.removeAttribute('data-resize-popup');
popupObserver.observe(popupBody, {
- attributes: true,
- attributesFilter: [ 'data-resize-popup' ]
+ attributes: true,
+ attributesFilter: [ 'data-resize-popup' ]
});
- };
+ };
- let toggleOn = function (td) {
+ let toggleOn = function (td) {
let tr = td.parentNode;
let matches = tr.className.match(/(?:^| )tab_([^ ]+)/);
if (matches === null) {
- return;
+ return;
}
realTabId = localTabId = matches[1];
if (localTabId === 'bts') {
- realTabId = noTabId;
+ realTabId = noTabId;
}
container = document.getElementById('popupContainer');
container
- .querySelector('div > span:nth-of-type(1)')
- .addEventListener('click', toggleSize);
+ .querySelector('div > span:nth-of-type(1)')
+ .addEventListener('click', toggleSize);
container
- .querySelector('div > span:nth-of-type(2)')
- .addEventListener('click', toggleOff);
+ .querySelector('div > span:nth-of-type(2)')
+ .addEventListener('click', toggleOff);
popup = document.createElement('iframe');
popup.addEventListener('load', onLoad);
@@ -832,17 +832,17 @@
style.textContent = styleTemplate.replace('{{tabId}}', localTabId);
document.body.classList.add('popupOn');
- };
+ };
- let toggleOff = function () {
+ let toggleOff = function () {
document.body.classList.remove('popupOn');
container
- .querySelector('div > span:nth-of-type(1)')
- .removeEventListener('click', toggleSize);
+ .querySelector('div > span:nth-of-type(1)')
+ .removeEventListener('click', toggleSize);
container
- .querySelector('div > span:nth-of-type(2)')
- .removeEventListener('click', toggleOff);
+ .querySelector('div > span:nth-of-type(2)')
+ .removeEventListener('click', toggleOff);
container.classList.remove('hide');
popup.removeEventListener('load', onLoad);
@@ -857,48 +857,48 @@
container = null;
realTabId = null;
- };
+ };
- let exports = {
+ let exports = {
toggleOn: function (ev) {
- if (realTabId === null) {
+ if (realTabId === null) {
toggleOn(ev.target);
- }
+ }
},
toggleOff: function () {
- if (realTabId !== null) {
+ if (realTabId !== null) {
toggleOff();
- }
+ }
}
- };
+ };
- Object.defineProperty(exports, 'tabId', {
+ Object.defineProperty(exports, 'tabId', {
get: function () {
- return realTabId || 0;
- },
- });
+ return realTabId || 0;
+ },
+ });
- return exports;
+ return exports;
})();
let grabView = function () {
- if (ownerId === undefined) {
+ if (ownerId === undefined) {
ownerId = Date.now();
- }
- readLogBufferAsync();
+ }
+ readLogBufferAsync();
};
let releaseView = function () {
- if (ownerId === undefined) {
- return;
- }
+ if (ownerId === undefined) {
+ return;
+ }
- vAPI.messaging.send('logger-ui.js', {
- what: 'releaseView',
- ownerId: ownerId
- });
+ vAPI.messaging.send('logger-ui.js', {
+ what: 'releaseView',
+ ownerId: ownerId
+ });
- ownerId = undefined;
+ ownerId = undefined;
};
window.addEventListener('pagehide', releaseView);
@@ -915,7 +915,7 @@
uDom('#clear').on('click', clearBuffer);
uDom('#maxEntries').on('change', onMaxEntriesChanged);
uDom('#content table').on('click', 'tr > td:nth-of-type(1)',
- toggleCompactRow);
+ toggleCompactRow);
uDom('#content table').on('click', 'tr.canMtx > td:nth-of-type(2)',
- popupManager.toggleOn);
+ popupManager.toggleOn);
})();
generated by cgit v1.2.3 (git 2.25.1) at 2025-06-06 03:51:04 +0000