diff options
| author | hackademix <giorgio@maone.net> | 2018-08-06 01:02:20 +0200 |
|---|---|---|
| committer | hackademix <giorgio@maone.net> | 2018-08-06 01:02:20 +0200 |
| commit | a6dce3bccda7ff9406c2dd9255c25baefad70225 (patch) | |
| tree | 757d67b8ccba374a3bbe721d16ad2df631b01ac9 /html/display_panel/content/display-panel.html | |
| parent | b5b7957ac5d1a3bb7e8dc25fffdbde1c1c073db9 (diff) | |
UI rewrite for better responsiveness, simplicity and ease of CSS styling.
Diffstat (limited to 'html/display_panel/content/display-panel.html')
| -rw-r--r-- | html/display_panel/content/display-panel.html | 68 |
1 files changed, 47 insertions, 21 deletions
diff --git a/html/display_panel/content/display-panel.html b/html/display_panel/content/display-panel.html index 0fc18a7..2ed0c9c 100644 --- a/html/display_panel/content/display-panel.html +++ b/html/display_panel/content/display-panel.html @@ -41,35 +41,61 @@ <h1 class="libre">LibreJS</h1> </a> </div> - <div> - <a target="_blank" href="https://www.gnu.org/software/librejs/" - id="librejs-web-link">gnu.org/software/librejs</a> - </div> - <div> - <strong>LibreJS <span id="version"></span></strong> - </div> </div> <div id="buttons" class="title-area"> - <table id="buttons_table"> - </table> + <div> + <a target="_blank" href="https://www.gnu.org/software/librejs/" + id="librejs-web-link">gnu.org/software/librejs</a> + </div> + <div> + <strong>LibreJS <span id="version"></span></strong> + </div> + <button id="complain">Complain to site owner</button> + <button id="report-tab">Show this report in a new tab</button> </div> </div> <div id="info"> - <div id="whitelisted"> - <h2 class="blocked-js"></h2> - <ul class="blocked-js"></ul> + <div id="site"> + <h2 class="site">This whole site <span></span></h2> + <div class="buttons"> + <button class="whitelist" name="*">Whitelist</button> + <button class="blacklist" name="*">Blacklist</button> + <button class="forget" name="*">Forget</button> + </div> + </div> + <div id="unknown" class="unknown-js"> + <h2></h2> + <p id="must-reload"> + LibreJS will decide whether blocking these scripts next time this page is loaded. <button id="reload">Reload it now</button> + </p> + <ul> + <li id="li-template"> + <a class="script-url" href="#"></a>: + <p class="reason"></p> + <div class="buttons"> + <button class="whitelist">Whitelist</button> + <button class="blacklist">Blacklist</button> + <button class="forget">Forget</button> + <button class="forget" name="*">Forget <span class="domain"></span></button> + </div> + </li> + </ul> + </div> + <div id="whitelisted" class="accepted-js"> + <h2></h2> + <ul></ul> </div> - <div id="accepted"> - <h2 class="blocked-js"></h2> - <ul class="blocked-js"></ul> + <div id="accepted" class="accepted-js"> + <h2></h2> + <ul></ul> </div> - <div id="blocked"> - <h2 class="blocked-js"></h2> - <ul class="blocked-js"></ul> + <div id="blocked" class="blocked-js"> + <h2></h2> + <ul></ul> </div> - <div id="blacklisted"> - <h2 class="blocked-js"></h2> - <ul class="blocked-js"></ul> + <div id="blacklisted" class="blocked-js"> + <h2></h2> + <ul></ul> </div> </div> </body> |