135423860d
To make an element a live pref discoverable by setupLivePrefs() just use the corresponding pref's id as the element's HTML id attribute.
68 lines
1.6 KiB
JavaScript
68 lines
1.6 KiB
JavaScript
'use strict';
|
|
|
|
setupLivePrefs();
|
|
enforceInputRange($('#popupWidth'));
|
|
|
|
// overwrite the default URL if browser is Opera
|
|
$('[data-cmd="open-keyboard"]').href = URLS.configureCommands;
|
|
|
|
// actions
|
|
document.onclick = e => {
|
|
const target = e.target.closest('[data-cmd]');
|
|
if (!target) {
|
|
return;
|
|
}
|
|
// prevent double-triggering in case a sub-element was clicked
|
|
e.stopPropagation();
|
|
|
|
switch (target.dataset.cmd) {
|
|
case 'open-manage':
|
|
openURL({url: '/manage.html'});
|
|
break;
|
|
|
|
case 'check-updates':
|
|
checkUpdates();
|
|
break;
|
|
|
|
case 'open-keyboard':
|
|
openURL({url: e.target.href});
|
|
e.preventDefault();
|
|
break;
|
|
|
|
case 'reset':
|
|
$$('input')
|
|
.filter(input => input.id in prefs.readOnlyValues)
|
|
.forEach(input => prefs.reset(input.id));
|
|
break;
|
|
}
|
|
};
|
|
|
|
function checkUpdates() {
|
|
let total = 0;
|
|
let checked = 0;
|
|
let updated = 0;
|
|
const installed = $('#updates-installed');
|
|
const progress = $('#update-progress');
|
|
const maxWidth = progress.parentElement.clientWidth;
|
|
progress.style.width = 0;
|
|
installed.dataset.value = '';
|
|
document.body.classList.add('update-in-progress');
|
|
BG.updater.checkAllStyles((state, value) => {
|
|
switch (state) {
|
|
case BG.updater.COUNT:
|
|
total = value;
|
|
break;
|
|
case BG.updater.UPDATED:
|
|
updated++;
|
|
// fallthrough
|
|
case BG.updater.SKIPPED:
|
|
checked++;
|
|
break;
|
|
}
|
|
progress.style.width = Math.round(checked / total * maxWidth) + 'px';
|
|
installed.dataset.value = updated || '';
|
|
}).then(() => {
|
|
document.body.classList.remove('update-in-progress');
|
|
});
|
|
}
|