40 lines
1.0 KiB
JavaScript
40 lines
1.0 KiB
JavaScript
|
/* exported StatusCache */
|
||
|
|
|
||
|
|
let StatusCache = new class {
|
||
|
|
constructor() {
|
||
|
|
document.querySelectorAll('[data-cache-draft]')
|
||
|
|
.forEach(t => t.addEventListener('change', this.updateDraft.bind(this)));
|
||
|
|
document.querySelectorAll('[data-cache-draft]')
|
||
|
|
.forEach(t => this.populateDraft(t));
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Update localStorage copy of drafted status
|
||
|
|
*
|
||
|
|
* @param {Event} event
|
||
|
|
* @return {undefined}
|
||
|
|
*/
|
||
|
|
updateDraft(event) {
|
||
|
|
// Used in set reading goal
|
||
|
|
let key = event.target.dataset.cacheDraft;
|
||
|
|
let value = event.target.value;
|
||
|
|
|
||
|
|
window.localStorage.setItem(key, value);
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Toggle display of a DOM node based on its value in the localStorage.
|
||
|
|
*
|
||
|
|
* @param {object} node - DOM node to toggle.
|
||
|
|
* @return {undefined}
|
||
|
|
*/
|
||
|
|
populateDraft(node) {
|
||
|
|
// Used in set reading goal
|
||
|
|
let key = node.dataset.cacheDraft;
|
||
|
|
let value = window.localStorage.getItem(key);
|
||
|
|
|
||
|
|
node.value = value;
|
||
|
|
}
|
||
|
|
}();
|
||
|
|
|