Raymond Hill
7 years ago
parent
ed8556a9fe
commit
b2e760f40d
@ -0,0 +1,67 @@
|
|||||||
|
body {
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
font: 15px sans-serif;
|
||||||
|
position: relative;
|
||||||
|
width: 100vw;
|
||||||
|
height: 100vh;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
#dashboard-nav {
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
width: 100vw;
|
||||||
|
height: 50px;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
#dashboard-nav-widgets {
|
||||||
|
margin: 0;
|
||||||
|
border-bottom: 1px solid #ccc;
|
||||||
|
padding: 4px 0 0 0;
|
||||||
|
white-space: nowrap;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
#dashboard-nav-widgets span {
|
||||||
|
padding: 0 0.5em;
|
||||||
|
font-size: larger;
|
||||||
|
}
|
||||||
|
.tabButton {
|
||||||
|
margin: 0;
|
||||||
|
border: 1px solid #ccc;
|
||||||
|
border-top-left-radius: 3px;
|
||||||
|
border-top-right-radius: 3px;
|
||||||
|
padding: 4px;
|
||||||
|
display: inline-block;
|
||||||
|
position: relative;
|
||||||
|
top: 1px;
|
||||||
|
color: black;
|
||||||
|
background-color: #eee;
|
||||||
|
font: inherit;
|
||||||
|
cursor: pointer;
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
.tabButton:focus {
|
||||||
|
outline: 0;
|
||||||
|
}
|
||||||
|
.tabButton:active,.tabButton:visited {
|
||||||
|
color: inherited;
|
||||||
|
}
|
||||||
|
.tabButton.selected {
|
||||||
|
border-bottom: 1px solid white;
|
||||||
|
background-color: white;
|
||||||
|
}
|
||||||
|
iframe {
|
||||||
|
margin: 0;
|
||||||
|
border: 0;
|
||||||
|
padding: 0;
|
||||||
|
background-color: transparent;
|
||||||
|
overflow: auto;
|
||||||
|
position: absolute;
|
||||||
|
top: 50px;
|
||||||
|
width: 100%;
|
||||||
|
height: calc(100% - 50px);
|
||||||
|
}
|
||||||
@ -0,0 +1,18 @@
|
|||||||
|
body {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
height: 100vh;
|
||||||
|
justify-content: space-between;
|
||||||
|
}
|
||||||
|
p {
|
||||||
|
margin: 0.5em 0;
|
||||||
|
}
|
||||||
|
textarea {
|
||||||
|
box-sizing: border-box;
|
||||||
|
flex-grow: 1;
|
||||||
|
resize: none;
|
||||||
|
text-align: left;
|
||||||
|
white-space: pre;
|
||||||
|
width: 100%;
|
||||||
|
word-wrap: normal;
|
||||||
|
}
|
||||||
@ -0,0 +1,115 @@
|
|||||||
|
/*******************************************************************************
|
||||||
|
|
||||||
|
uMatrix - a browser extension to block requests.
|
||||||
|
Copyright (C) 2018 Raymond Hill
|
||||||
|
|
||||||
|
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
|
||||||
|
the Free Software Foundation, either version 3 of the License, or
|
||||||
|
(at your option) any later version.
|
||||||
|
|
||||||
|
This program is distributed in the hope that it will be useful,
|
||||||
|
but WITHOUT ANY WARRANTY; without even the implied warranty of
|
||||||
|
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
||||||
|
GNU General Public License for more details.
|
||||||
|
|
||||||
|
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://github.com/gorhill/uBlock
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* global uDom */
|
||||||
|
|
||||||
|
'use strict';
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
(function() {
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
var messaging = vAPI.messaging;
|
||||||
|
var cachedData = '';
|
||||||
|
var rawSettingsInput = uDom.nodeFromId('rawSettings');
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
var hashFromRawSettings = function(raw) {
|
||||||
|
return raw.trim().replace(/\s+/g, '|');
|
||||||
|
};
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
// This is to give a visual hint that the content of user blacklist has changed.
|
||||||
|
|
||||||
|
var rawSettingsChanged = (function () {
|
||||||
|
var timer = null;
|
||||||
|
|
||||||
|
var handler = function() {
|
||||||
|
timer = null;
|
||||||
|
var changed =
|
||||||
|
hashFromRawSettings(rawSettingsInput.value) !== cachedData;
|
||||||
|
uDom.nodeFromId('rawSettingsApply').disabled = !changed;
|
||||||
|
};
|
||||||
|
|
||||||
|
return function() {
|
||||||
|
if ( timer !== null ) {
|
||||||
|
clearTimeout(timer);
|
||||||
|
}
|
||||||
|
timer = vAPI.setTimeout(handler, 100);
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
function renderRawSettings() {
|
||||||
|
var onRead = function(raw) {
|
||||||
|
cachedData = hashFromRawSettings(raw);
|
||||||
|
var pretty = [],
|
||||||
|
whitespaces = ' ',
|
||||||
|
lines = raw.split('\n'),
|
||||||
|
max = 0,
|
||||||
|
pos,
|
||||||
|
i, n = lines.length;
|
||||||
|
for ( i = 0; i < n; i++ ) {
|
||||||
|
pos = lines[i].indexOf(' ');
|
||||||
|
if ( pos > max ) {
|
||||||
|
max = pos;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
for ( i = 0; i < n; i++ ) {
|
||||||
|
pos = lines[i].indexOf(' ');
|
||||||
|
pretty.push(whitespaces.slice(0, max - pos) + lines[i]);
|
||||||
|
}
|
||||||
|
rawSettingsInput.value = pretty.join('\n') + '\n';
|
||||||
|
rawSettingsChanged();
|
||||||
|
rawSettingsInput.focus();
|
||||||
|
};
|
||||||
|
messaging.send('dashboard', { what: 'readRawSettings' }, onRead);
|
||||||
|
}
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
var applyChanges = function() {
|
||||||
|
messaging.send(
|
||||||
|
'dashboard',
|
||||||
|
{
|
||||||
|
what: 'writeRawSettings',
|
||||||
|
content: rawSettingsInput.value
|
||||||
|
},
|
||||||
|
renderRawSettings
|
||||||
|
);
|
||||||
|
};
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
// Handle user interaction
|
||||||
|
uDom('#rawSettings').on('input', rawSettingsChanged);
|
||||||
|
uDom('#rawSettingsApply').on('click', applyChanges);
|
||||||
|
|
||||||
|
renderRawSettings();
|
||||||
|
|
||||||
|
/******************************************************************************/
|
||||||
|
|
||||||
|
})();
|
||||||
@ -0,0 +1,27 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<title data-i18n="rawSettingsPageName"></title>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/common.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/raw-settings.css">
|
||||||
|
<link rel="shortcut icon" type="image/png" href="img/icon_16.png"/>
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<p><span data-i18n="rawSettingsWarning"></span> <a class="fa info important" href="https://github.com/gorhill/uMatrix/wiki/Raw-settings" target="_blank"></a>
|
||||||
|
</p>
|
||||||
|
<p><button id="rawSettingsApply" class="custom important" type="button" disabled="true" data-i18n="genericApplyChanges"></button> 
|
||||||
|
</p>
|
||||||
|
<textarea id="rawSettings" dir="auto" spellcheck="false"></textarea>
|
||||||
|
|
||||||
|
<script src="js/vapi-common.js"></script>
|
||||||
|
<script src="js/vapi-client.js"></script>
|
||||||
|
<script src="js/udom.js"></script>
|
||||||
|
<script src="js/i18n.js"></script>
|
||||||
|
<script src="js/dashboard-common.js"></script>
|
||||||
|
<script src="js/raw-settings.js"></script>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
Loading…
Reference in New Issue