diff options
| author | Ruben Rodriguez <ruben@gnu.org> | 2018-09-13 20:58:40 +0000 |
|---|---|---|
| committer | Ruben Rodriguez <ruben@gnu.org> | 2018-09-13 20:58:40 +0000 |
| commit | 3e4c252f982637b54719b427ac85ac3701d44abd (patch) | |
| tree | 7b433796d4d3fcb9647e0da0cafe89e5e4d62521 /html/preferences_panel/preferences_panel.html | |
| parent | 0e004bf1a3c154b98a96494dc97ecba58b8162ed (diff) | |
| parent | 3bf972bafeac738301623db6b08bedfd476abeca (diff) | |
Merge #17 `Brand new settings UI to manage whitelist, blacklist and other preferences. `
Diffstat (limited to 'html/preferences_panel/preferences_panel.html')
| -rw-r--r-- | html/preferences_panel/preferences_panel.html | 89 |
1 files changed, 54 insertions, 35 deletions
diff --git a/html/preferences_panel/preferences_panel.html b/html/preferences_panel/preferences_panel.html index 2d01f94..effb724 100644 --- a/html/preferences_panel/preferences_panel.html +++ b/html/preferences_panel/preferences_panel.html @@ -1,10 +1,13 @@ +<!doctype html> <html> - <head> +<head> +<meta charset="utf-8"/> <!-- /** * GNU LibreJS - A browser add-on to block nonfree nontrivial JavaScript. * * * Copyright (C) 2011, 2012, 2014 Loic J. Duros * Copyright (C) 2014, 2015 Nik Nyby + * Copyright (C) 2018 Giorgio Maone * * This file is part of GNU LibreJS. * @@ -25,43 +28,59 @@ <title> LibreJS preferences </title> + <link rel="stylesheet" type="text/css" href="./prefs.css"/> + <script type="text/javascript" src="/common/Storage.js"></script> + <script type="text/javascript" src="pref.js"></script> </head> - - <body> - <h3> - LibreJS Preferences - </h3> - <table> - <tr> - <td><p>Allow all scripts from pages with this text <br> in their URL. (Comma seperated, wildcard is *)</p></td> - <td><input id="pref_whitelist" type="text"></input></td> - </tr> - <!-- + <body> + <div class="libre"> + <a class="libre" + id="ljs-settings" + href="https://www.gnu.org/software/librejs/" + title="LibreJS Settings"> + <h1 class="libre">LibreJS</h1> + </a> + <h3>Settings</h3> + </div> + <div id="widgets"> + <fieldset id="section-lists"><legend>Allow or block scripts matching the following URLs ("*" matches any path)</legend> + <label>Type a new whitelist / blacklist entry:</label> + <div id="new-site"> + <input type="text" id="site" value="" placeholder="https://www.gnu.org/*"> + <button id="cmd-whitelist-site" class="white" title="Whitelist this site" default>Whitelist</button> + <button id="cmd-blacklist-site" class="red" title="Blacklist this site">Blacklist</button> + </div> + <div id="site-error" class="error-msg"></div> + <div id="lists"> + <div class="white list-container"> + <label>Whitelist (always allow)</label> + <select id="white" multiple size="10"></select> + </div> + <div id="commands"> + <button id="cmd-delete" title="Delete">x</button> + <button id="cmd-blacklist" title="Move to blacklist">»</button> + <button id="cmd-whitelist" title="Move to whitelist">«</button> + </div> + <div class="black list-container"> + <label>Blacklist (always block)</label> + <select id="black" multiple size="10"></select> + </div> + </div> + </fieldset> - <tr> - <td><p>Display complaint tab on sites where nonfree nontrivial Javascript detected</p></td> - <td><input id="pref_complaint_tab" type="checkbox"></input></td> - </tr> - <tr> - <td><p>Display notifications of the JavaScript code being analyzed by LibreJS</p></td> - <td><input id="pref_notify_analyze" type="checkbox"></input></td> - </tr> + <fieldset id="section-complaint"><legend>Complaint email defaults</legend> + <label for="pref_subject">Subject</label> + <input id="pref_subject" type="text" + value="Issues with Javascript on your website" + /> + <label for="pref_body">Body</label> + <textarea id="pref_body" rows="5" +>Please consider using a free license for the Javascript on your website. - --> - <tr> - <td><p>Default complaint email subject</p></td> - <td><input id="pref_subject" type="text"></input></td> - </tr> - <tr> - <td><p>Default complaint email body</p></td> - <td><input id="pref_body" type="text"></input></td> - </tr> - <tr> - <td><input type="button" value="Save changes" id="save_changes"></input></td> - <td></td> - </tr> - </table> - <script type="text/javascript" src="pref.js"></script> +[Message generated by LibreJS. See https://www.gnu.org/software/librejs/ for more information] +</textarea> + </fieldset> + </div> </body> </html> |