diff options
| author | SimonBrazell <simon@brazell.com.au> | 2019-10-07 23:01:42 +1100 |
|---|---|---|
| committer | SimonBrazell <simon@brazell.com.au> | 2019-10-07 23:01:42 +1100 |
| commit | cd6f2e8e890880599cc53c79643f339970fc4fb8 (patch) | |
| tree | d495be3bdbe5d580253eecc1e4c4ebdeb876ddde /pages/options | |
| parent | Fix spelling mistakes, add more icon files. (diff) | |
| parent | Complete options & popup menus (diff) | |
| download | libredirect-cd6f2e8e890880599cc53c79643f339970fc4fb8.zip | |
Merge branch 'options'
Diffstat (limited to 'pages/options')
| -rw-r--r-- | pages/options/options.html | 47 | ||||
| -rw-r--r-- | pages/options/options.js | 26 |
2 files changed, 73 insertions, 0 deletions
diff --git a/pages/options/options.html b/pages/options/options.html new file mode 100644 index 00000000..124aa4bf --- /dev/null +++ b/pages/options/options.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html> + +<head> + <meta charset="utf-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <title></title> + <link href="../styles.css" rel="stylesheet"> + <title>Privacy Redirect Options</title> +</head> + +<body> + + <section class="options settings_block"> + <div class="onoffswitch switch" aria-label="Toggle Nitter redirects"> + <h1>Nitter Redirects</h1> + <input aria-hidden="true" id="disableNitter" type="checkbox" checked> + <label for="disableNitter" class="checkbox-label"> + </label> + </div> + </section> + + <section class="options settings_block"> + <div class="onoffswitch switch" aria-label="Toggle Invidious redirects"> + <h1>Invidious Redirects</h1> + <input aria-hidden="true" id="disableInvidious" type="checkbox" checked> + <label for="disableInvidious" class="checkbox-label"> + </label> + </div> + </section> + + <section class="options settings_block"> + <h1>Nitter Instance</h1> + <input id="nitterInstance" type="url" placeholder="https://nitter.net"> + <h1>Invidious Instance</h1> + <input id="invidiousInstance" type="url" placeholder="https://invidio.us"> + </section> + + <footer> + <a class="button" id="save">Save</a> + </footer> + + <script src="./options.js"></script> + +</body> + +</html> \ No newline at end of file diff --git a/pages/options/options.js b/pages/options/options.js new file mode 100644 index 00000000..b5c097d7 --- /dev/null +++ b/pages/options/options.js @@ -0,0 +1,26 @@ +'use strict'; + +let disableNitter = document.querySelector('#disableNitter'); +let disableInvidious = document.querySelector('#disableInvidious'); +let nitterInstance = document.querySelector('#nitterInstance'); +let invidiousInstance = document.querySelector('#invidiousInstance'); + +chrome.storage.sync.get( + ['disableNitter', 'disableInvidious', 'nitterInstance', 'invidiousInstance'], + (result) => { + disableNitter.checked = !result.disableNitter; + disableInvidious.checked = !result.disableInvidious; + nitterInstance.value = result.nitterInstance || ''; + invidiousInstance.value = result.invidiousInstance || ''; + } +); + +document.querySelector('#save').addEventListener('click', () => { + chrome.storage.sync.set({ + disableNitter: !disableNitter.checked, + disableInvidious: !disableInvidious.checked, + nitterInstance: nitterInstance.value, + invidiousInstance: invidiousInstance.value + }); + window.close(); +}); \ No newline at end of file |