// !!! NO jQuery in head; // SETTINGS init; let select = s => { return document.querySelector(s) }, html = select('html'), lsSet = (k, v) => localStorage.setItem(PREFIX + k, v), lsGet = k => { return localStorage.getItem(PREFIX + k) }, settings = { "hide-header": "checkbox", "floating-bottom-panel": "checkbox", "multiline-nav": "checkbox", "highlight-columns": "checkbox", "not-auto-bookmark": "checkbox", "--content-font": "select", "font-size": "select", "text-bold": "checkbox", "background": "select", "--col-width": "select", "hide-verse-checkbox": "checkbox", "bottom-hide-speed": "select", "hide-rbnav": "checkbox", "no-hyphens": "checkbox", "text-justify": "checkbox", "hide-verse-numbers": "checkbox", }, settings_selector_prefix = '.settings-wrap ', applySettings = () => { for (let name in settings) { let el = select(settings_selector_prefix + '[name="' + name + '"]'); if (settings[name] === 'checkbox') { if (lsGet(name) === 'true') { html.classList.add(name); if (el) el.checked = el.classList.contains('inverse-checkbox') ? false : true; } else { html.classList.remove(name); if (el) el.checked = el.classList.contains('inverse-checkbox') ? true : false; } } else if (settings[name] === 'select') { let ff = lsGet(name); if (el) { if (ff) { let opt = el.querySelector('option[value="' + ff + '"]'); if (opt) opt.selected = true; } else { let opt = el.querySelector('option.default'); if (opt) { opt.selected = true; el.value = opt.value; } } } let ignoreStylePropSetting = false; //rb-nav if(name === 'bottom-hide-speed'){ ignoreStylePropSetting = true; if(ff) html.setAttribute('data-bottom-hide-speed', ff); } //dark theme if(name === 'background'){ if(ff === '#000'){ html.classList.add('dark-theme'); ignoreStylePropSetting = true; }else{ html.classList.remove('dark-theme'); } } html.style.setProperty(name, (ff && !ignoreStylePropSetting) ? ff : ''); //google fonts let gf_loaded = false; if (name === '--content-font' && ff && ff.indexOf(',') { lsSet(name, val); applySettings(); } var toggleSetting = (name) => { lsSet(name, (lsGet(name) === 'true') ? '' : 'true'); applySettings(); }