|
|
|
@ -1043,60 +1043,83 @@ function initMenuEnvironment() { |
|
|
|
// Create page scopes for the web page
|
|
|
|
|
|
|
|
function selectGlobalScope() { |
|
|
|
setUserSetting('popupScopeLevel', '*'); |
|
|
|
if ( matrixSnapshot.scope === '*' ) { return; } |
|
|
|
matrixSnapshot.scope = '*'; |
|
|
|
document.body.classList.add('globalScope'); |
|
|
|
matrixSnapshot.tMatrixModifiedTime = undefined; |
|
|
|
updateMatrixSnapshot(); |
|
|
|
dropDownMenuHide(); |
|
|
|
} |
|
|
|
|
|
|
|
function selectDomainScope() { |
|
|
|
setUserSetting('popupScopeLevel', 'domain'); |
|
|
|
function selectSpecificScope(ev) { |
|
|
|
var newScope = ev.target.getAttribute('data-scope'); |
|
|
|
if ( matrixSnapshot.scope === newScope ) { return; } |
|
|
|
document.body.classList.remove('globalScope'); |
|
|
|
matrixSnapshot.scope = newScope; |
|
|
|
matrixSnapshot.tMatrixModifiedTime = undefined; |
|
|
|
updateMatrixSnapshot(); |
|
|
|
dropDownMenuHide(); |
|
|
|
} |
|
|
|
|
|
|
|
function selectSiteScope() { |
|
|
|
setUserSetting('popupScopeLevel', 'site'); |
|
|
|
matrixSnapshot.tMatrixModifiedTime = undefined; |
|
|
|
updateMatrixSnapshot(); |
|
|
|
dropDownMenuHide(); |
|
|
|
} |
|
|
|
|
|
|
|
function getClassFromScope() { |
|
|
|
if ( matrixSnapshot.scope === '*' ) { |
|
|
|
return 'tScopeGlobal'; |
|
|
|
} |
|
|
|
if ( matrixSnapshot.scope === matrixSnapshot.domain ) { |
|
|
|
return 'tScopeDomain'; |
|
|
|
} |
|
|
|
return 'tScopeSite'; |
|
|
|
} |
|
|
|
|
|
|
|
function initScopeCell() { |
|
|
|
// It's possible there is no page URL at this point: some pages cannot
|
|
|
|
// be filtered by µMatrix.
|
|
|
|
if ( matrixSnapshot.url === '' ) { |
|
|
|
return; |
|
|
|
// be filtered by uMatrix.
|
|
|
|
if ( matrixSnapshot.url === '' ) { return; } |
|
|
|
var specificScope = uDom.nodeFromId('specificScope'); |
|
|
|
|
|
|
|
while ( specificScope.firstChild !== null ) { |
|
|
|
specificScope.removeChild(specificScope.firstChild); |
|
|
|
} |
|
|
|
|
|
|
|
// Fill in the scope menu entries
|
|
|
|
if ( matrixSnapshot.hostname === matrixSnapshot.domain ) { |
|
|
|
uDom('#scopeKeySite').css('display', 'none'); |
|
|
|
var pos = matrixSnapshot.domain.indexOf('.'); |
|
|
|
var tld, labels; |
|
|
|
if ( pos === -1 ) { |
|
|
|
tld = ''; |
|
|
|
labels = matrixSnapshot.hostname; |
|
|
|
} else { |
|
|
|
tld = matrixSnapshot.domain.slice(pos + 1); |
|
|
|
labels = matrixSnapshot.hostname.slice(0, -tld.length); |
|
|
|
} |
|
|
|
var beg = 0, span; |
|
|
|
while ( beg < labels.length ) { |
|
|
|
pos = labels.indexOf('.', beg); |
|
|
|
if ( pos === -1 ) { |
|
|
|
pos = labels.length; |
|
|
|
} else { |
|
|
|
uDom('#scopeKeySite').text(punycode.toUnicode(matrixSnapshot.hostname)); |
|
|
|
pos += 1; |
|
|
|
} |
|
|
|
span = document.createElement('span'); |
|
|
|
span.setAttribute('data-scope', labels.slice(beg) + tld); |
|
|
|
span.appendChild( |
|
|
|
document.createTextNode(punycode.toUnicode(labels.slice(beg, pos))) |
|
|
|
); |
|
|
|
specificScope.appendChild(span); |
|
|
|
beg = pos; |
|
|
|
} |
|
|
|
if ( tld !== '' ) { |
|
|
|
span = document.createElement('span'); |
|
|
|
span.setAttribute('data-scope', tld); |
|
|
|
span.appendChild(document.createTextNode(punycode.toUnicode(tld))); |
|
|
|
specificScope.appendChild(span); |
|
|
|
} |
|
|
|
uDom('#scopeKeyDomain').text(punycode.toUnicode(matrixSnapshot.domain)); |
|
|
|
updateScopeCell(); |
|
|
|
} |
|
|
|
|
|
|
|
function updateScopeCell() { |
|
|
|
uDom('body') |
|
|
|
.removeClass('tScopeGlobal tScopeDomain tScopeSite') |
|
|
|
.addClass(getClassFromScope()); |
|
|
|
uDom('#scopeCell').text( |
|
|
|
punycode.toUnicode(matrixSnapshot.scope).replace('*', '\u2217') |
|
|
|
var specificScope = uDom.nodeFromId('specificScope'), |
|
|
|
globalScope = uDom.nodeFromId('globalScope'); |
|
|
|
var isGlobal = matrixSnapshot.scope === '*'; |
|
|
|
specificScope.classList.toggle('on', !isGlobal); |
|
|
|
globalScope.classList.toggle('on', isGlobal); |
|
|
|
for ( var node of uDom.nodeFromId('specificScope').children ) { |
|
|
|
node.classList.toggle( |
|
|
|
'on', |
|
|
|
!isGlobal && |
|
|
|
matrixSnapshot.scope.endsWith(node.getAttribute('data-scope')) |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
/******************************************************************************/ |
|
|
|
|
|
|
|
@ -1254,7 +1277,7 @@ var onMatrixSnapshotReady = function(response) { |
|
|
|
// After popup menu is built, check whether there is a non-empty matrix
|
|
|
|
if ( matrixSnapshot.url === '' ) { |
|
|
|
uDom('#matHead').remove(); |
|
|
|
uDom('#toolbarLeft').remove(); |
|
|
|
uDom('#toolbarContainer').remove(); |
|
|
|
|
|
|
|
// https://github.com/gorhill/httpswitchboard/issues/191
|
|
|
|
uDom('#noNetTrafficPrompt').text(vAPI.i18n('matrixNoNetTrafficPrompt')); |
|
|
|
@ -1335,6 +1358,7 @@ var matrixSnapshotPoller = (function() { |
|
|
|
messager.send({ |
|
|
|
what: 'matrixSnapshot', |
|
|
|
tabId: matrixSnapshot.tabId, |
|
|
|
scope: matrixSnapshot.scope, |
|
|
|
mtxContentModifiedTime: matrixSnapshot.mtxContentModifiedTime, |
|
|
|
mtxCountModifiedTime: matrixSnapshot.mtxCountModifiedTime, |
|
|
|
mtxDiffCount: matrixSnapshot.diff.length, |
|
|
|
@ -1419,9 +1443,8 @@ matrixCellHotspots = uDom('#cellHotspots').detach(); |
|
|
|
uDom('body') |
|
|
|
.on('mouseenter', '.matCell', mouseenterMatrixCellHandler) |
|
|
|
.on('mouseleave', '.matCell', mouseleaveMatrixCellHandler); |
|
|
|
uDom('#scopeKeyGlobal').on('click', selectGlobalScope); |
|
|
|
uDom('#scopeKeyDomain').on('click', selectDomainScope); |
|
|
|
uDom('#scopeKeySite').on('click', selectSiteScope); |
|
|
|
uDom('#specificScope').on('click', selectSpecificScope); |
|
|
|
uDom('#globalScope').on('click', selectGlobalScope); |
|
|
|
uDom('[id^="mtxSwitch_"]').on('click', toggleMatrixSwitch); |
|
|
|
uDom('#buttonPersist').on('click', persistMatrix); |
|
|
|
uDom('#buttonRevertScope').on('click', revertMatrix); |
|
|
|
|
gorhill
7 years ago