open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix setupLivePrefs with multiple edit pages open

Browse Source
This commit is contained in:
tophf 2017-04-18 10:54:06 +03:00
parent 346245a847
commit 2304a8012c
1 changed files with 26 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
prefs.js
View File

@ -281,29 +281,38 @@ var prefs = new function Prefs() {
// Accepts an array of pref names (values are fetched via prefs.get) // Accepts an array of pref names (values are fetched via prefs.get)
// and establishes a two-way connection between the document elements and the actual prefs // and establishes a two-way connection between the document elements and the actual prefs
function setupLivePrefs(IDs) { function setupLivePrefs(IDs) {
const localIDs = {}; const checkedProps = {};
IDs.forEach(function(id) { for (const id of IDs) {
localIDs[id] = true; const element = document.getElementById(id);
updateElement(id).addEventListener('change', function() { checkedProps[id] = element.type == 'checkbox' ? 'checked' : 'value';
prefs.set(this.id, isCheckbox(this) ? this.checked : this.value); updateElement({id, element, force: true});
}); element.addEventListener('change', onChange);
}); }
chrome.runtime.onMessage.addListener(msg => { chrome.runtime.onMessage.addListener(msg => {
if (msg.prefs) { if (msg.prefs) {
for (const prefName in msg.prefs) { for (const id in msg.prefs) {
if (prefName in localIDs) { if (id in checkedProps) {
updateElement(prefName, msg.prefs[prefName]); updateElement({id, value: msg.prefs[id]});
} }
} }
} }
}); });
function updateElement(id, value) { function onChange() {
const el = document.getElementById(id); const value = this[checkedProps[this.id]];
el[isCheckbox(el) ? 'checked' : 'value'] = value || prefs.get(id); if (prefs.get(this.id) != value) {
el.dispatchEvent(new Event('change', {bubbles: true, cancelable: true})); prefs.set(this.id, value);
return el; }
}
function updateElement({
id,
value = prefs.get(id),
element = document.getElementById(id),
force,
}) {
const prop = checkedProps[id];
if (force || element[prop] != value) {
element[prop] = value;
element.dispatchEvent(new Event('change', {bubbles: true, cancelable: true}));
} }
function isCheckbox(el) {
return el.localName == 'input' && el.type == 'checkbox';
} }
} }