|
114 | 114 | const childEntriesDiv = dom.create.elem('div') ; document.body.append(childEntriesDiv)
|
115 | 115 | Object.keys(settings.controls).forEach(key => {
|
116 | 116 | if (!sites[env.site].availFeatures.includes(key)) return
|
117 |
| - const controlType = settings.controls[key].type |
| 117 | + const ctrlType = settings.controls[key].type, |
| 118 | + ctrlStatus = settings.controls[key].status |
118 | 119 |
|
119 | 120 | // Init entry's elems
|
120 | 121 | const entry = {
|
121 | 122 | div: dom.create.elem('div', {
|
122 | 123 | class: 'menu-entry highlight-on-hover', title: settings.controls[key].helptip || '' }),
|
123 |
| - leftElem: dom.create.elem('div', { class: `menu-icon ${ controlType || '' }` }), |
| 124 | + leftElem: dom.create.elem('div', { class: `menu-icon ${ ctrlType || '' }` }), |
124 | 125 | label: dom.create.elem('span')
|
125 | 126 | }
|
126 | 127 | entry.label.textContent = settings.controls[key].label
|
127 | 128 | entry.div.append(entry.leftElem, entry.label) ; childEntriesDiv.append(entry.div)
|
128 |
| - if (controlType == 'toggle') { // add track to left, init knob pos |
| 129 | + if (ctrlType == 'toggle') { // add track to left, init knob pos |
129 | 130 | entry.leftElem.append(dom.create.elem('span', { class: 'track' }))
|
130 | 131 | entry.leftElem.classList.toggle('on', settingIsEnabled(key))
|
131 | 132 | } else { // add symbol to left, append status to right
|
132 | 133 | entry.leftElem.innerText = settings.controls[key].symbol
|
133 |
| - entry.label.innerText += `— ${settings.controls[key].status}` |
| 134 | + entry.label.innerText += ctrlStatus ? `— ${ctrlStatus }` : '' |
134 | 135 | }
|
135 | 136 |
|
136 | 137 | entry.div.onclick = () => {
|
137 |
| - if (controlType == 'toggle') { |
| 138 | + if (ctrlType == 'toggle') { |
138 | 139 | entry.leftElem.classList.toggle('on')
|
139 | 140 | settings.save(key, !config[key]) ; sync.configToUI({ updatedKey: key })
|
140 | 141 | notify(`${settings.controls[key].label} ${chrome.i18n.getMessage(`state_${
|
|
0 commit comments