diff options
| author | Simon Brazell <simon.brazell@gmail.com> | 2019-10-07 22:59:31 +1100 |
|---|---|---|
| committer | Simon Brazell <simon.brazell@gmail.com> | 2019-10-07 22:59:31 +1100 |
| commit | 7249afb8ed86690f9ab7ce0b4bdd604f2c41c291 (patch) | |
| tree | d495be3bdbe5d580253eecc1e4c4ebdeb876ddde /pages/options | |
| parent | 2738833c5404031ed06c5e1985ee6f2dd5b359e5 (diff) | |
| download | privacy-redirect-7249afb8ed86690f9ab7ce0b4bdd604f2c41c291.tar.gz privacy-redirect-7249afb8ed86690f9ab7ce0b4bdd604f2c41c291.tar.bz2 privacy-redirect-7249afb8ed86690f9ab7ce0b4bdd604f2c41c291.zip | |
Complete options & popup menus
Diffstat (limited to 'pages/options')
| -rw-r--r-- | pages/options/options.html | 52 | ||||
| -rw-r--r-- | pages/options/options.js | 26 |
2 files changed, 62 insertions, 16 deletions
diff --git a/pages/options/options.html b/pages/options/options.html index f51f720..124aa4b 100644 --- a/pages/options/options.html +++ b/pages/options/options.html @@ -2,26 +2,46 @@ <html> <head> - <title>My Test Extension Options</title> + <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> - Favorite color: - <select id="color"> - <option value="red">red</option> - <option value="green">green</option> - <option value="blue">blue</option> - <option value="yellow">yellow</option> - </select> - - <label> - <input type="checkbox" id="like"> - I like colors. - </label> - - <div id="status"></div> - <button id="save">Save</button> + <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 0000000..b5c097d --- /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 |