Skip to content

Commit 8d6ee9a

Browse files
dinoboy197dinoboy197
committed
Original portions copyright Eyeo GmbH (fix license)
1 parent 3a1ac1b commit 8d6ee9a

File tree

3 files changed

+250
-0
lines changed

3 files changed

+250
-0
lines changed

‎popup.css

+50
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,50 @@
1+
body
2+
{
3+
min-width: 250px;
4+
margin: 0px;
5+
font-family: Segoe UI, Arial, sans-serif;
6+
font-size: 13px;
7+
color: #545454;
8+
background-color: #f8f6f2;
9+
background-image: url(background.png);
10+
}
11+
12+
.menu-item
13+
{
14+
padding: 10px 0px 10px 15px;
15+
}
16+
17+
.menu-item:hover
18+
{
19+
background-color: #ece7df;
20+
}
21+
22+
#wrapper
23+
{
24+
padding: 0px 20px;
25+
}
26+
27+
ul
28+
{
29+
margin: 0px;
30+
padding: 0px;
31+
}
32+
33+
li
34+
{
35+
cursor: pointer;
36+
list-style-type: none;
37+
white-space: nowrap;
38+
border-top: 1px dashed #a5a4a1;
39+
}
40+
41+
li ul
42+
{
43+
margin-left: 35px;
44+
}
45+
46+
li li
47+
{
48+
cursor: default;
49+
padding: 10px 15px;
50+
}

‎popup.html

+43
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,43 @@
1+
<!DOCTYPE html>
2+
3+
<!--
4+
5+
Portions Copyright 2016 Taylor Raack.
6+
Portions Copyright 2006-2016 Eyeo GmbH.
7+
8+
This file is part of Foobar.
9+
10+
Foobar is free software: you can redistribute it and/or modify
11+
it under the terms of the GNU General Public License as published by
12+
the Free Software Foundation, either version 3 of the License, or
13+
(at your option) any later version.
14+
15+
Foobar is distributed in the hope that it will be useful,
16+
but WITHOUT ANY WARRANTY; without even the implied warranty of
17+
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
18+
GNU General Public License for more details.
19+
20+
You should have received a copy of the GNU General Public License
21+
along with Foobar. If not, see <http://www.gnu.org/licenses/>.
22+
-->
23+
24+
<html>
25+
<head>
26+
<link rel="stylesheet" type="text/css" href="popup.css">
27+
</head>
28+
29+
<body tabindex="1">
30+
31+
<div id="wrapper">
32+
33+
<ul id="menu">
34+
<li id="enabled" class="menu-item" role="button">
35+
<div class="icon"></div>
36+
<span id="enabled-yes" class="i18n_enabled_for_site"></span>
37+
<span id="enabled-no" class="i18n_disabled_for_site"></span>
38+
</li>
39+
</ul>
40+
</div>
41+
42+
</body>
43+
</html>

‎popup.js

+157
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,157 @@
1+
/*
2+
Portions Copyright 2016 Taylor Raack.
3+
Portions Copyright 2006-2016 Eyeo GmbH.
4+
5+
This file is part of Foobar.
6+
7+
Foobar is free software: you can redistribute it and/or modify
8+
it under the terms of the GNU General Public License as published by
9+
the Free Software Foundation, either version 3 of the License, or
10+
(at your option) any later version.
11+
12+
Foobar is distributed in the hope that it will be useful,
13+
but WITHOUT ANY WARRANTY; without even the implied warranty of
14+
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
15+
GNU General Public License for more details.
16+
17+
You should have received a copy of the GNU General Public License
18+
along with Foobar. If not, see <http://www.gnu.org/licenses/>.
19+
*/
20+
21+
var backgroundPage = ext.backgroundPage.getWindow();
22+
var require = backgroundPage.require;
23+
24+
var Filter = require("filterClasses").Filter;
25+
var FilterStorage = require("filterStorage").FilterStorage;
26+
var Prefs = require("prefs").Prefs;
27+
var checkWhitelisted = require("whitelisting").checkWhitelisted;
28+
var getDecodedHostname = require("url").getDecodedHostname;
29+
30+
var page = null;
31+
32+
function onLoad()
33+
{
34+
ext.pages.query({active: true, lastFocusedWindow: true}, function(pages)
35+
{
36+
page = pages[0];
37+
38+
// Mark page as 'local' or 'nohtml' to hide non-relevant elements
39+
if (!page || (page.url.protocol != "http:" &&
40+
page.url.protocol != "https:"))
41+
document.body.classList.add("local");
42+
else if (!require("filterComposer").isPageReady(page))
43+
{
44+
document.body.classList.add("nohtml");
45+
require("messaging").getPort(window).on(
46+
"composer.ready", function(message, sender)
47+
{
48+
if (sender.page.id == page.id)
49+
document.body.classList.remove("nohtml");
50+
}
51+
);
52+
}
53+
54+
// Ask content script whether clickhide is active. If so, show cancel button.
55+
// If that isn't the case, ask background.html whether it has cached filters. If so,
56+
// ask the user whether she wants those filters.
57+
// Otherwise, we are in default state.
58+
if (page)
59+
{
60+
if (checkWhitelisted(page))
61+
document.body.classList.add("disabled");
62+
63+
page.sendMessage({type: "composer.content.getState"}, function(response)
64+
{
65+
if (response && response.active)
66+
document.body.classList.add("clickhide-active");
67+
});
68+
}
69+
70+
// For Safari, if the content blocking API is active we need to hide the
71+
// stats section. (The content blocking API doesn't provide a way for us to
72+
// offer those blocking statistics.)
73+
ext.backgroundPage.sendMessage({type: "safari.contentBlockingActive"},
74+
function (contentBlockingActive)
75+
{
76+
if (contentBlockingActive)
77+
document.body.classList.add("contentblocking-active");
78+
}
79+
);
80+
});
81+
82+
document.getElementById("enabled").addEventListener("click", toggleEnabled, false);
83+
document.getElementById("clickhide").addEventListener("click", activateClickHide, false);
84+
document.getElementById("clickhide-cancel").addEventListener("click", cancelClickHide, false);
85+
document.getElementById("options").addEventListener("click", function()
86+
{
87+
ext.showOptions();
88+
}, false);
89+
90+
// Set up collapsing of menu items
91+
var collapsers = document.getElementsByClassName("collapse");
92+
for (var i = 0; i < collapsers.length; i++)
93+
{
94+
var collapser = collapsers[i];
95+
collapser.addEventListener("click", toggleCollapse, false);
96+
if (!Prefs[collapser.dataset.option])
97+
document.getElementById(collapser.dataset.collapsable).classList.add("collapsed");
98+
}
99+
}
100+
101+
function toggleEnabled()
102+
{
103+
var disabled = document.body.classList.toggle("disabled");
104+
if (disabled)
105+
{
106+
var host = getDecodedHostname(page.url).replace(/^www\./, "");
107+
var filter = Filter.fromText("@@||" + host + "^$document");
108+
if (filter.subscriptions.length && filter.disabled)
109+
filter.disabled = false;
110+
else
111+
{
112+
filter.disabled = false;
113+
FilterStorage.addFilter(filter);
114+
}
115+
}
116+
else
117+
{
118+
// Remove any exception rules applying to this URL
119+
var filter = checkWhitelisted(page);
120+
while (filter)
121+
{
122+
FilterStorage.removeFilter(filter);
123+
if (filter.subscriptions.length)
124+
filter.disabled = true;
125+
filter = checkWhitelisted(page);
126+
}
127+
}
128+
}
129+
130+
function activateClickHide()
131+
{
132+
document.body.classList.add("clickhide-active");
133+
page.sendMessage({type: "composer.content.startPickingElement"});
134+
135+
// Close the popup after a few seconds, so user doesn't have to
136+
activateClickHide.timeout = window.setTimeout(ext.closePopup, 5000);
137+
}
138+
139+
function cancelClickHide()
140+
{
141+
if (activateClickHide.timeout)
142+
{
143+
window.clearTimeout(activateClickHide.timeout);
144+
activateClickHide.timeout = null;
145+
}
146+
document.body.classList.remove("clickhide-active");
147+
page.sendMessage({type: "composer.content.finished"});
148+
}
149+
150+
function toggleCollapse(event)
151+
{
152+
var collapser = event.currentTarget;
153+
Prefs[collapser.dataset.option] = !Prefs[collapser.dataset.option];
154+
collapser.parentNode.classList.toggle("collapsed");
155+
}
156+
157+
document.addEventListener("DOMContentLoaded", onLoad, false);

0 commit comments

Comments
 (0)