1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
|
//TODO: there is a known bug involving "forget preference" not working correctly.
/**
*
* Sets global variable "webex" to either "chrome" or "browser" for
* use on Chrome or a Firefox variant.
*
* Change this to support a new browser that isn't Chrome or Firefox,
* given that it supports webExtensions.
*
* (Use the variable "webex" for all API calls after calling this)
*/
var webex;
function set_webex(){
if(typeof(browser) == "undefined"){
webex = chrome;
} else{
webex = browser;
}
}
set_webex();
var myPort = webex.runtime.connect({name:"port-from-cs"});
var current_blocked_data;
/*
* Makes a button appear that calls a function when you press it.
*
* I copied and pasted this from something else I wrote. It's quite useful.
*
*/
var button_i = 0;
function new_debug_button(name_text,callback){
if(document.getElementById("abc123_main_div") === null){
var to_insert = '<div style="opacity: 0.5; font-size: small; z-index: 2147483647; position: fixed; right: 1%; top: 4%;" id="abc123_main_div"></div>';
document.body.insertAdjacentHTML('afterbegin', to_insert);
}
var button_html = '<input id="abc123_button_' + button_i + '" value="' + name_text +'"type="button"></input><br>';
document.getElementById("abc123_main_div").insertAdjacentHTML('afterbegin', button_html);
document.getElementById("abc123_button_"+button_i).addEventListener("click",callback);
button_i = button_i + 1;
}
/*
* Takes in the script data and color of h2 element
* Writes to category specified by "name" as used in HTML
* (name will probably either be "blacklisted", "whitelisted", "accepted", or "blocked")
*/
function write_elements(data,name,color){
var url = data["url"];
var button_html = '<div style="float:right; position: relative;"><input id="temp" type="button" value="blacklist"></input></div><br>';
var button_html_2 = '<div style="float:right; position: relative;"><input id="temp2" type="button" value="whitelist"></input></div><br>';
var button_html_3 = '<div style="float:right; position: relative;"><input id="temp3" type="button" value="forget preference"></input></div><br>';
var heading = document.getElementById(name).getElementsByTagName("h2")[0];
var list = document.getElementById(name).getElementsByTagName("ul")[0];
if(typeof(data[name]) == "undefined" || data[name].length == 0){
// default message
list.innerHTML = "<li>No "+ name +" scripts on this page.</li>"
data[name] = [];
} else{
heading.innerHTML = "<h2 class='blocked-js'>List of <div style='display:inline; color:"+color+";'>" + name.toUpperCase() + "</div> javascript in " + data["url"]+":</h2>";
}
// Iterate over data[name] and generate list
for(var i = 0; i < data[name].length; i++){
list.innerHTML += "<li><b>"+data[name][i][0]+ ":</b><br>" + data[name][i][1]+"\n"+button_html+"<br><br>\n"+button_html_2+"<br><br>\n"+button_html_3+"</li>";
document.getElementById("temp").id = name+"_"+i;
document.getElementById("temp2").id = name+"_2_"+i;
document.getElementById("temp3").id = name+"_3_"+i;
}
if(data[name].length != 0){
// add click listeners to the buttons
for(var i = 0; i < data[name].length; i++){
// Make sure this causes generate_html to get called again with updated data
document.getElementById(name+"_"+i).addEventListener("click",function(info){
var temp = current_blocked_data[name][parseInt(info.target.id.match(/\d/g)[0])];
console.log("Moving script " + temp[0] + " to blacklist");
var script_name = this.parentElement.parentElement.parentElement.parentElement.id;
myPort.postMessage({"blacklist": temp});
});
document.getElementById(name+"_2_"+i).addEventListener("click",function(info){
var temp = current_blocked_data[name][parseInt(info.target.id.match(/\d+/g)[1])];
console.log("Moving script " + temp[0] + " to whitelist");
var script_name = this.parentElement.parentElement.parentElement.parentElement.id;
myPort.postMessage({"whitelist": temp});
});
document.getElementById(name+"_3_"+i).addEventListener("click",function(info){
var temp = current_blocked_data[name][parseInt(info.target.id.match(/\d/g)[1])];
console.log("Forget preferences for script " + temp[0]);
var script_name = this.parentElement.parentElement.parentElement.parentElement.id;
if(this.parentElement.parentElement.innerHTML.indexOf("Refresh the page") == -1){
//this.parentElement.parentElement.getElementsByTagName("b")[0].insertAdjacentHTML("beforebegin","<h3>Refresh the page to revaluate this script.</h3>");
myPort.postMessage({"forget": temp});
}
});
}
}
}
/**
* displays the button specified by HTML string "button"
*/
var template = '<tr><td id="c1"></td><td id="c2"></td></tr>';
var lr_flag = true;
var button_num = 0;
function write_button(button,callback){
if(document.getElementById("buttons_table").innerHTML.indexOf(button) != -1){
return;
}
var id = "buttonno_"+button_num;
if(lr_flag){
document.getElementById("buttons_table").insertAdjacentHTML("beforeend",template);
document.getElementById("c1").insertAdjacentHTML("beforeend","<div id='"+id+"'>" + button + "</div>");
document.getElementById("c1").id = "cell_"+button_num;
}else{
var temp = document.getElementById("c2");
temp.id = "cell_"+button_num;
temp.insertAdjacentHTML("beforeend","<div id='"+id+"'>" + button + "</div>");
}
button_num = button_num+1;
lr_flag = !lr_flag;
document.getElementById(id).addEventListener("click",callback);
}
/**
* update the HTML of the pop-up window.
* If return_HTML is true, it returns the HTML of the popup window without updating it.
* example input:
*
* var example_input = {
* "accepted": [["FILENAME 1","REASON 1"],["FILENAME 2","REASON 2"]],
* "blocked": [["FILENAME 1","REASON 1"],["FILENAME 2","REASON 2"]],
* "whitelisted": [["FILENAME 1","REASON 1"],["FILENAME 2","REASON 2"]],
* "blacklisted": [["FILENAME 1","REASON 1"],["FILENAME 2","REASON 2"]],
* "url":"example.com"
* };
*
*/
function generate_HTML(blocked_data){
current_blocked_data = blocked_data;//unused?
// This should send a message to invoke the content finder
var button_complain = '<a id="complain-contact" class="button white" href="#">Complain to site owner</a>';
// This should update the persistent options
var button_allow_all = '<a id="allow-button" class="button white" href="#">'+"Add page's domain to whitelist"+'</a>';
// This will call "Forget preferences" on every script.
var button_block_nonfree = '<a id="disallow-button" class="button white" href="#">'+"Remove page's domain from whitelist"+'</a>';
// This should send a message that calls "open_popup_tab()" in the background script
var button_new_tab = '<a id="open-in-tab" class="button white" href="#">Open this report in a new tab</a>';
var to_clr = document.getElementsByClassName("blocked-js");
for(var i = 0; i < to_clr.length; i++){
to_clr[i].innerHTML = "";
}
console.log("REGEN HTML:");
console.log(blocked_data);
write_elements(blocked_data,"accepted","green");
write_elements(blocked_data,"whitelisted","green");
write_elements(blocked_data,"blocked","red");
write_elements(blocked_data,"blacklisted","red");
if( blocked_data["blacklisted"].length != 0 || blocked_data["blocked"].length != 0 ||
blocked_data["whitelisted"].length != 0 || blocked_data["accepted"].length != 0){
write_button(button_allow_all,function(){
myPort.postMessage({"allow_all": blocked_data});
});
write_button(button_block_nonfree,function(){
myPort.postMessage({"block_all": blocked_data});
});
write_button(button_complain,function(){
myPort.postMessage({"invoke_contact_finder": blocked_data});
});
write_button(button_new_tab,function(){
myPort.postMessage({"open_popup_tab": blocked_data});
});
} else{
write_button(button_new_tab,function(){
myPort.postMessage({"open_popup_tab": blocked_data});
});
}
}
myPort.onMessage.addListener(function(m) {
if(m["show_info"] !== undefined){
generate_HTML(m["show_info"]);
}
});
// Sends a message that tells the background script the window is open
function onGot(tabInfo) {
myPort.postMessage({"tab_info": tabInfo});
}
var gettingCurrent = webex.tabs.getCurrent(onGot);
function print_local_storage(){
myPort.postMessage({"printlocalstorage": true});
}
function delete_local_storage(){
myPort.postMessage({"deletelocalstorage":true});
}
//new_debug_button("Print local storage",print_local_storage);
//new_debug_button("Clear local storage",delete_local_storage);
|
