2014-07-02 10:02:29 -06:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
|
|
|
<title>µBlock — Statistics</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/common.css">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/dashboard-common.css">
|
|
|
|
|
<style>
|
|
|
|
|
div {
|
|
|
|
|
margin: 1em 0;
|
|
|
|
|
}
|
|
|
|
|
ul {
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
}
|
|
|
|
|
#refresh {
|
|
|
|
|
margin: 0 0.5em 0 4px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
font-size: 2em;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
select {
|
|
|
|
|
padding: 2px 0;
|
|
|
|
|
font-size: 14px;
|
|
|
|
|
}
|
2014-07-06 17:14:32 -06:00
|
|
|
#requests {
|
|
|
|
|
margin: 2em 0 0 0;
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
#requests.logEnabled {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
2014-07-02 10:02:29 -06:00
|
|
|
table {
|
|
|
|
|
margin: 1em 0;
|
|
|
|
|
border: 1px solid gray;
|
|
|
|
|
font: 12px mono;
|
|
|
|
|
border-collapse: collapse;
|
|
|
|
|
min-width: 600px;
|
|
|
|
|
}
|
|
|
|
|
td, th {
|
|
|
|
|
border: 1px solid #aaa;
|
|
|
|
|
padding: 6px 6px;
|
|
|
|
|
white-space: pre;
|
|
|
|
|
}
|
2014-07-06 17:14:32 -06:00
|
|
|
td:nth-of-type(1), td:nth-of-type(2) {
|
2014-07-02 10:02:29 -06:00
|
|
|
text-align: right;
|
|
|
|
|
}
|
2014-07-06 17:14:32 -06:00
|
|
|
tr.header td:nth-of-type(1) {
|
|
|
|
|
text-align: left;
|
|
|
|
|
}
|
2014-07-02 16:54:25 -06:00
|
|
|
td:nth-of-type(3) {
|
|
|
|
|
color: #444;
|
|
|
|
|
}
|
2014-07-06 17:14:32 -06:00
|
|
|
table.hideBlocked tr.logBlocked {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
table.hideAllowed tr.logAllowed {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
tr.logBlocked {
|
|
|
|
|
background-color: #fff8f8;
|
|
|
|
|
}
|
|
|
|
|
tr.logBlocked ~ tr td:nth-of-type(3) b {
|
2014-07-02 14:52:57 -06:00
|
|
|
padding: 2px 0;
|
2014-07-02 16:54:25 -06:00
|
|
|
color: #000;
|
2014-07-06 17:14:32 -06:00
|
|
|
background-color: rgba(255,0,0,0.1);
|
2014-07-02 14:52:57 -06:00
|
|
|
}
|
2014-07-06 17:14:32 -06:00
|
|
|
tr.logAllowed {
|
|
|
|
|
background-color: #f8fff8 !important;
|
2014-07-02 10:02:29 -06:00
|
|
|
}
|
2014-07-06 17:14:32 -06:00
|
|
|
tr.logAllowed ~ tr td:nth-of-type(3) b {
|
|
|
|
|
padding: 2px 0;
|
|
|
|
|
color: #000;
|
|
|
|
|
background-color: rgba(0,255,0,0.2);
|
2014-07-02 10:02:29 -06:00
|
|
|
}
|
|
|
|
|
</style>
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
|
|
|
|
|
<ul>
|
|
|
|
|
<li><input id="logBlockedRequests" type="checkbox" data-range="bool" /><span data-i18n="logBlockedRequestsPrompt"></span>
|
|
|
|
|
<button class="whatisthis"></button>
|
|
|
|
|
<div class="whatisthis-expandable para" data-i18n="logBlockedRequestsHelp"></div>
|
2014-07-06 17:14:32 -06:00
|
|
|
<li><input id="logAllowedRequests" type="checkbox" data-range="bool" /><span data-i18n="logAllowedRequestsPrompt"></span>
|
|
|
|
|
<button class="whatisthis"></button>
|
|
|
|
|
<div class="whatisthis-expandable para" data-i18n="logAllowedRequestsHelp"></div>
|
2014-07-02 10:02:29 -06:00
|
|
|
</ul>
|
|
|
|
|
|
2014-07-06 17:14:32 -06:00
|
|
|
<div id="requests">
|
2014-07-02 10:02:29 -06:00
|
|
|
<span id="refresh" class="fa"></span><select id="pageSelector"></select>
|
|
|
|
|
|
2014-07-06 17:14:32 -06:00
|
|
|
<table>
|
|
|
|
|
<tr class="tableHeader">
|
|
|
|
|
<th data-i18n="logRequestsHeaderDomain">
|
|
|
|
|
<th data-i18n="logRequestsHeaderType">
|
|
|
|
|
<th data-i18n="logRequestsHeaderURL">
|
|
|
|
|
<th data-i18n="logRequestsHeaderFilter">
|
2014-07-02 10:02:29 -06:00
|
|
|
</table>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<script src="js/udom.js"></script>
|
|
|
|
|
<script src="js/i18n.js"></script>
|
|
|
|
|
<script src="js/dashboard-common.js"></script>
|
|
|
|
|
<script src="js/messaging-client.js"></script>
|
|
|
|
|
<script src="js/stats.js"></script>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
