7d9a6b5a3f
* [x] show badge with active styles count * [x] styles on top in the popup * Simplify since we use a persistent background page so it's always there for us
109 lines
2.5 KiB
JavaScript
109 lines
2.5 KiB
JavaScript
/* global update */
|
|
'use strict';
|
|
|
|
|
|
function restore() {
|
|
setupLivePrefs([
|
|
'show-badge',
|
|
'popup.stylesFirst'
|
|
]);
|
|
//$('#show-badge').value = bg.prefs.get('show-badge');
|
|
$('#badgeDisabled').value = prefs.get('badgeDisabled');
|
|
$('#badgeNormal').value = prefs.get('badgeNormal');
|
|
$('#popupWidth').value = localStorage.getItem('popupWidth') || '246';
|
|
$('#updateInterval').value = prefs.get('updateInterval');
|
|
enforceValueRange('popupWidth');
|
|
}
|
|
|
|
|
|
function save() {
|
|
prefs.set('badgeDisabled', $('#badgeDisabled').value);
|
|
prefs.set('badgeNormal', $('#badgeNormal').value);
|
|
localStorage.setItem('popupWidth', enforceValueRange('popupWidth'));
|
|
prefs.set(
|
|
'updateInterval',
|
|
Math.max(0, Number($('#updateInterval').value))
|
|
);
|
|
animateElement($('#save-status'), {className: 'fadeinout'});
|
|
}
|
|
|
|
|
|
function enforceValueRange(id) {
|
|
const element = document.getElementById(id);
|
|
const min = Number(element.min);
|
|
const max = Number(element.max);
|
|
let value = Number(element.value);
|
|
if (value < min || value > max) {
|
|
value = Math.max(min, Math.min(max, value));
|
|
element.value = value;
|
|
}
|
|
element.onchange = element.onchange || (() => enforceValueRange(id));
|
|
return value;
|
|
}
|
|
|
|
|
|
restore();
|
|
$('#save').onclick = save;
|
|
|
|
// overwrite the default URL if browser is Opera
|
|
$('[data-cmd="open-keyboard"]').href = configureCommands.url;
|
|
|
|
// actions
|
|
document.onclick = e => {
|
|
const cmd = e.target.dataset.cmd;
|
|
let total = 0;
|
|
let updated = 0;
|
|
|
|
function showProgress() {
|
|
$('#update-counter').textContent = `${updated} / ${total}`;
|
|
}
|
|
|
|
function done(target) {
|
|
target.disabled = false;
|
|
window.setTimeout(() => {
|
|
$('#update-counter').textContent = '';
|
|
}, 750);
|
|
}
|
|
|
|
function check() {
|
|
chrome.extension.getBackgroundPage().update.perform((cmd, value) => {
|
|
switch (cmd) {
|
|
case 'count':
|
|
total = value;
|
|
if (!total) {
|
|
done(e.target);
|
|
}
|
|
break;
|
|
case 'single-updated':
|
|
case 'single-skipped':
|
|
updated++;
|
|
if (total && updated === total) {
|
|
done(e.target);
|
|
}
|
|
break;
|
|
}
|
|
showProgress();
|
|
});
|
|
// notify the automatic updater to reset the next automatic update accordingly
|
|
chrome.runtime.sendMessage({
|
|
method: 'resetInterval'
|
|
});
|
|
}
|
|
|
|
switch (cmd) {
|
|
case 'open-manage':
|
|
openURL({url: '/manage.html'});
|
|
break;
|
|
|
|
case 'check-updates':
|
|
e.target.disabled = true;
|
|
check();
|
|
break;
|
|
|
|
case 'open-keyboard':
|
|
configureCommands.open();
|
|
break;
|
|
|
|
}
|
|
};
|