aynish/shaarli-web-extension
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

PageAction: create settings input

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/background.js
View file

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

1
src/options/options.html
View file

@ -9,6 +9,7 @@
<body>
<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"/>
<script src="options.js"></script>

38
src/options/options.js
View file

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