aboutsummaryrefslogtreecommitdiff
path: root/html/display_panel
diff options
context:
space:
mode:
authorNateN1222 <nathannichols454@gmail.com>2017-08-02 13:29:13 -0500
committerNateN1222 <nathannichols454@gmail.com>2017-08-02 13:29:13 -0500
commitfb35bc72eb77ffd462a2d9b90cc5f9a18f8d1700 (patch)
treed5be6135f4f082b1837b29331f3af3d9492db442 /html/display_panel
parentc287355c9e09b7bc2c3471628db86feeb127e820 (diff)
Rewrote main_panel.js, added debugging tools, started implementing the blacklist/whitelist system
Diffstat (limited to 'html/display_panel')
-rw-r--r--html/display_panel/content/display-panel.html19
-rw-r--r--html/display_panel/content/main_panel.js168
2 files changed, 125 insertions, 62 deletions
diff --git a/html/display_panel/content/display-panel.html b/html/display_panel/content/display-panel.html
index 9ef3eef..f8959d2 100644
--- a/html/display_panel/content/display-panel.html
+++ b/html/display_panel/content/display-panel.html
@@ -49,24 +49,23 @@
</div>
<div id="info">
- <div id="dryrun">
- <h2 class="dryrun-js"></h2>
- <ul class="dryrun-js"></ul>
+ <div id="whitelisted">
+ <h2 class="blocked-js"></h2>
+ <ul class="blocked-js"></ul>
</div>
<div id="accepted">
- <h2 class="accepted-js"></h2>
- <ul class="accepted-js"></ul>
+ <h2 class="blocked-js"></h2>
+ <ul class="blocked-js"></ul>
</div>
<div id="blocked">
<h2 class="blocked-js"></h2>
- <ul class="blocked-js">
+ <ul class="blocked-js"></ul>
</div>
-
- <div id="librejs-web-labels-pages">
- <h2></h2>
- <ul></ul>
+ <div id="blacklisted">
+ <h2 class="blocked-js"></h2>
+ <ul class="blocked-js"></ul>
</div>
</div>
</body>
diff --git a/html/display_panel/content/main_panel.js b/html/display_panel/content/main_panel.js
index a724c75..880d963 100644
--- a/html/display_panel/content/main_panel.js
+++ b/html/display_panel/content/main_panel.js
@@ -22,72 +22,126 @@ 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"><input id="temp" type="button" value="blacklist"></input></div>';
+ var button_html_2 = '<div style="float:right"><input id="temp2" type="button" value="whitelist"></input></div>';
+ var button_html_3 = '<div style="float:right"><input id="temp3" type="button" value="forget preference"></input></div>';
+ var heading = document.getElementById(name).getElementsByTagName("h2")[0];
+ var list = document.getElementById(name).getElementsByTagName("ul")[0];
+ if(data[name].length == 0){
+ // default message
+ list.innerHTML = "<li>No "+ name +" scripts on this page.</li>"
+ } 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 bulleted 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.path[0].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.path[0].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.path[0].id.match(/\d/g)[1])];
+ console.log("Forget preferences for script " + temp[0]);
+ var script_name = this.parentElement.parentElement.parentElement.parentElement.id;
+ myPort.postMessage({"forget": temp});
+ });
+ }
+ }
+
+}
+
+
+
/**
* 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": [["REASON 1","SOURCE 1"],["REASON 2","SOURCE 2"]],
-* "blocked": [["REASON 1","SOURCE 1"],["REASON 2","SOURCE 2"]],
-* "url": "example.com"
-* }
+* "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;
- var a = 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="#"><span>Complain to site owner</span></a>';
+ // This should update the persistent options
var button_allow_all = '<a id="allow-button" class="button white" href="#"><span>Allow all scripts in this page</span></a>';
+ // This will call "Forget preferences" on every script.
var button_block_nonfree = '<a id="disallow-button" class="button white" href="#"><span>Block all nonfree/nontrivial scripts from this page</span></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="#"><span>Open this report in a new tab</span></a>';
- var button_whitelist = '<div style="float:right"><input id="temp" type="button" value="whitelist"></input></div>';
- var htmlDoc = document;// Not neccessary
- var accept = htmlDoc.getElementById("accepted");
- var blocked = htmlDoc.getElementById("blocked");
- // HTML taken directly from the current LibreJS, display-panel.html
- if(a["accepted"].length == 0){
- accept.innerHTML = '<li>LibreJS did not allow the execution of any scripts on this page: \n\n<ul><li>There may be no scripts on this page (check source, C-u)</li><li>The inline and on-page JavaScript code may not be free and/or may not have proper license information and external scripts (if present) may have been removed by default.</li><li>External scripts may not be free and/or may not have proper licensing and are not part of the whitelist of free JavaScript libraries.</li></ul></li>';
- } else{
- accept.innerHTML = "";
- accept.innerHTML = '<h2 class="accepted-js">List of <div style="display:inline; color: green;">ACCEPTED</div> javascript in '+a["url"]+':</h2>';
- accept.innerHTML += '<ul class="accepted-js">';
- }
- // Iterate over a["accepted"] and generate bulleted list
- for(var i = 0; i < a["accepted"].length; i++){
- accept.innerHTML += "<li>" + a["accepted"][i][0] + "<br>" + a["accepted"][i][1] + "</li>";
- }
- if(a["accepted"].length != 0){
- accept.innerHTML += "</ul>";
- }
- // HTML taken directly from the current LibreJS, display-panel.html
- if(a["blocked"].length == 0){
- blocked.innerHTML += '<li>LibreJS did not block any scripts on this page: \n\n<ul><li>There may be no scripts on this page (check source, C-u).</li><li>All the scripts on this page may be trivial and/or free.</li><li>You may have whitelisted this domain name or url from the preferences (Type about:addons in your location bar to check)</li><li>You may have clicked the "allow all scripts" button, which causes LibreJS to load all JavaScript on a page regardless of whether it is free, trivial, nontrivial or nonfree. This policy is effective for the entire duration of a Firefox session.</li><li>If for any reason you think LibreJS should have blocked JavaScript code on this page, please report this issue to: <a id="report" href="mailto:bug-librejs@gnu.org" target="_blank">bug-librejs@gnu.org</a></li></ul></li>';
- } else{
- blocked.innerHTML = "";
- blocked.innerHTML = "<h2 class='blocked-js'>List of <div style='display:inline; color: red;'>BLOCKED</div> javascript in" + a["url"]+":</h2>";
- blocked.innerHTML += '<ul class="blocked-js">';
- }
- // Iterate over a["blocked"] and generate bulleted list
- for(var i = 0; i < a["blocked"].length; i++){
- blocked.innerHTML += "<li>"+a["blocked"][i][0]+ "<br>" + a["blocked"][i][1]+"\n"+button_whitelist+"</li>";
- document.getElementById("temp").id = "wl_"+i;
- }
- if(a["blocked"].length != 0){
- blocked.innerHTML += "</ul>";
- // add click listeners to the buttons
- for(var i = 0; i < a["blocked"].length; i++){
- document.getElementById("wl_"+i).addEventListener("click",function(a){
- console.log(a.path[0].id + " clicked");
- var temp = current_blocked_data["blocked"][parseInt(a.path[0].id.substr(3))];
- console.log(temp);
- myPort.postMessage({"whitelist_script": temp});
- });
- }
+
+ var to_clr = document.getElementsByClassName("blocked-js");
+
+ for(var i = 0; i < to_clr.length; i++){
+ to_clr[i].innerHTML = "";
}
- // At this point, it has the HTML that the popup needs and the only problem is
- // getting it into the popup. (browserAction() needs a (local) URL to work).
+
+
+ write_elements(blocked_data,"accepted","green");
+ write_elements(blocked_data,"whitelisted","green");
+ write_elements(blocked_data,"blocked","red");
+ write_elements(blocked_data,"blacklisted","red");
}
@@ -96,9 +150,19 @@ myPort.onMessage.addListener(function(m) {
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});
+}
+
+new_debug_button("Print local storage",print_local_storage);