diff options
Diffstat (limited to 'backend/instance/nocookies/data/menu')
| -rw-r--r-- | backend/instance/nocookies/data/menu/index.html | 23 | ||||
| -rw-r--r-- | backend/instance/nocookies/data/menu/script.js | 93 | ||||
| -rw-r--r-- | backend/instance/nocookies/data/menu/style.css | 6 |
3 files changed, 122 insertions, 0 deletions
diff --git a/backend/instance/nocookies/data/menu/index.html b/backend/instance/nocookies/data/menu/index.html new file mode 100644 index 0000000..ba43af6 --- /dev/null +++ b/backend/instance/nocookies/data/menu/index.html @@ -0,0 +1,23 @@ +<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <link rel="stylesheet" href="style.css" />
+ </head>
+ <body>
+ <div style="width:220px; padding:10px 10px 0; text-align:center">
+ <img src="../../icons/32.png" />
+
+ <div style="text-align:left; padding:10px 0; word-wrap:break-word">
+ <a id="toggle"></a>
+ <a id="refresh">↻</a>
+ <a id="report"></a>
+ <a id="options"></a>
+ <a id="support"></a>
+ </div>
+ </div>
+
+ <script src="script.js"></script>
+ </body>
+</html>
\ No newline at end of file diff --git a/backend/instance/nocookies/data/menu/script.js b/backend/instance/nocookies/data/menu/script.js new file mode 100644 index 0000000..ae430d5 --- /dev/null +++ b/backend/instance/nocookies/data/menu/script.js @@ -0,0 +1,93 @@ +var toggle = document.getElementById('toggle'),
+ refresh = document.getElementById('refresh'),
+ report = document.getElementById('report'),
+ options = document.getElementById('options'),
+ support = document.getElementById('support'),
+ currentTab = false;
+
+support.textContent = chrome.i18n.getMessage("menuSupport");
+report.textContent = chrome.i18n.getMessage("menuReport");
+options.textContent = chrome.i18n.getMessage("optionsTitle");
+
+
+function reloadMenu(enable_refresh_button)
+{
+ chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {
+ chrome.runtime.sendMessage({
+ command: "get_active_tab",
+ tabId: tabs[0].id
+ }, function(message) {
+
+ message = message || {};
+ currentTab = message.tab ? message.tab : false;
+
+ if (message.tab && message.tab.hostname)
+ {
+ toggle.textContent = chrome.i18n.getMessage(message.tab.whitelisted ? "menuEnable" : "menuDisable", message.tab.hostname);
+ toggle.style.display = 'block';
+
+ report.style.display = message.tab.whitelisted ? 'none' : 'block';
+ }
+ else
+ {
+ toggle.textContent = '';
+ toggle.style.display = 'none';
+
+ report.style.display = 'none';
+ }
+
+ if (typeof enable_refresh_button != 'undefined')
+ {
+ refresh.style.display = 'block';
+ toggle.style.display = 'none';
+ report.style.display = 'none';
+ }
+ });
+ });
+}
+
+
+toggle.addEventListener('click', function(e) {
+ chrome.runtime.sendMessage({
+ command: "toggle_extension",
+ tabId: currentTab.id
+ }, function(message) {
+ reloadMenu(true);
+ });
+});
+
+refresh.addEventListener('click', function(e) {
+ chrome.runtime.sendMessage({
+ command: "refresh_page",
+ tabId: currentTab.id
+ }, function(message) {
+ window.close();
+ });
+});
+
+report.addEventListener('click', function(e) {
+ chrome.runtime.sendMessage({
+ command: "report_website",
+ tabId: currentTab.id
+ }, function(message) {
+ window.close();
+ });
+});
+
+support.addEventListener('click', function(e) {
+ chrome.runtime.sendMessage({
+ command: "open_support_page",
+ }, function(message) {
+ window.close();
+ });
+});
+
+options.addEventListener('click', function(e) {
+ chrome.runtime.sendMessage({
+ command: "open_options_page",
+ }, function(message) {
+ window.close();
+ });
+});
+
+reloadMenu();
\ No newline at end of file diff --git a/backend/instance/nocookies/data/menu/style.css b/backend/instance/nocookies/data/menu/style.css new file mode 100644 index 0000000..6135b23 --- /dev/null +++ b/backend/instance/nocookies/data/menu/style.css @@ -0,0 +1,6 @@ +body {-moz-user-select:none; user-select:none; font:14px/18px Arial,Helvetica,sans-serif; background:#e8e8e8; padding:0; margin:0}
+
+a[id] {display:block; cursor:pointer; text-decoration:none; color:#000; padding:4px; border-top:1px dashed #888}
+a[id]:hover {background-color:#ccc}
+#toggle, #report {display:none}
+#refresh {display:none; text-align:center; font-size:200%; padding:10px; font-weight:bold; color:#cc4223}
\ No newline at end of file |