PageAction: create settings input

This commit is contained in:
ikipatang 2017-11-27 23:04:10 +01:00
parent 56131220a2
commit 308d958578
3 changed files with 30 additions and 17 deletions

View file

@ -37,9 +37,7 @@ function shareCurrentTab(tab) {
*/ */
function showPageAction(tabId){ function showPageAction(tabId){
browser.storage.local.get().then((storage) => { browser.storage.local.get().then((storage) => {
if(storage.pageAction){ storage.pageAction ? browser.pageAction.show(tabId) : browser.pageAction.hide(tabId);
browser.pageAction.show(tabId);
}
}); });
} }

View file

@ -9,6 +9,7 @@
<body> <body>
<div>URL: <input id="url" type="text"/></div> <div>URL: <input id="url" type="text"/></div>
<div>Address Bar: <input id="pageAction" type="checkbox"/></div>
<input type="button" value="Save preferences" id="save-button"/> <input type="button" value="Save preferences" id="save-button"/>
<script src="options.js"></script> <script src="options.js"></script>

View file

@ -1,26 +1,40 @@
/* /**
Store options UI using browser.storage.local. * Store options UI using browser.storage.local.
* @return {void} -
*/ */
function storeSettings() { function storeSettings() {
const url = document.querySelector("#url"); const settings = {
// console.log('storeSettings url'); url: document.querySelector("#url").value,
// console.log(url); pageAction: document.querySelector("#pageAction").checked,
browser.storage.local.set({ };
url: url.value, // console.log('storeSettings settings');
}); // console.log(settings);
browser.storage.local.set(settings);
} }
/* /**
Update the options UI with the settings values retrieved from storage, * Update the options UI with the settings values retrieved from storage,
or the default settings if the stored settings are empty. * or the default settings if the stored settings are empty.
* @param {object} restoredSettings -
* @return {void} -
*/ */
function updateUI(restoredSettings) { function updateUI(restoredSettings) {
const url = document.querySelector("#url"); const url = document.querySelector("#url");
url.value = restoredSettings.url;
// console.log('restoredSettings url'); // console.log('restoredSettings url');
// console.log(url); // console.log(url);
url.value = restoredSettings.url || "";
const pageAction = document.querySelector("#pageAction");
pageAction.checked = restoredSettings.pageAction;
// console.log('restoredSettings pageAction');
// console.log(pageAction);
} }
/**
* Display on error
* @param {object} error -
* @return {void} -
*/
function onError(e) { function onError(e) {
console.error(e); console.error(e);
} }