aboutsummaryrefslogtreecommitdiff
path: root/html/display_panel/content/display-panel.html
diff options
context:
space:
mode:
authorhackademix <giorgio@maone.net>2018-08-06 01:02:20 +0200
committerhackademix <giorgio@maone.net>2018-08-06 01:02:20 +0200
commita6dce3bccda7ff9406c2dd9255c25baefad70225 (patch)
tree757d67b8ccba374a3bbe721d16ad2df631b01ac9 /html/display_panel/content/display-panel.html
parentb5b7957ac5d1a3bb7e8dc25fffdbde1c1c073db9 (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.html68
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>