open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix: manage complex state

Browse Source
This commit is contained in:
eight 2019-09-30 20:06:16 +08:00
parent e257ff2985
commit 938757b782
1 changed files with 28 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
options/options.js
View File

@ -81,64 +81,73 @@ document.onclick = e => {
const disconnectButton = document.querySelector('.sync-options .disconnect');
const syncButton = document.querySelector('.sync-options .sync-now');
let state;
let syncing = false;
// init button state
prefs.initializing
.then(() => {
const name = prefs.get('sync.enabled');
cloud.value = name;
if (name === 'none') {
connectButton.disabled = false;
disconnectButton.disabled = true;
syncButton.disabled = true;
cloud.disabled = false;
} else {
connectButton.disabled = true;
disconnectButton.disabled = false;
syncButton.disabled = false;
cloud.disabled = true;
}
state = name === 'none' ? 'disconnected' : 'connected';
updateButtons();
});
function validClick(e) {
return e.button === 0 && !e.ctrl && !e.alt && !e.shift;
}
cloud.addEventListener('change', updateButtons);
function updateButtons() {
cloud.disabled = state !== 'disconnected';
connectButton.disabled = state !== 'disconnected' || cloud.value === 'none';
disconnectButton.disabled = state !== 'connected';
syncButton.disabled = state !== 'connected' || syncing;
}
connectButton.addEventListener('click', e => {
if (validClick(e)) {
if (cloud.value === 'none') {
return;
}
connectButton.disabled = true;
cloud.disabled = true;
state = 'connecting';
syncing = true;
updateButtons();
prefs.set('sync.enabled', cloud.value)
.then(() => API.syncStart())
.catch(console.error)
.then(() => {
disconnectButton.disabled = false;
state = 'connected';
syncing = false;
updateButtons();
});
}
});
disconnectButton.addEventListener('click', e => {
if (validClick(e)) {
disconnectButton.disabled = true;
cloud.disabled = false;
state = 'disconnecting';
updateButtons();
prefs.set('sync.enabled', 'none')
.then(() => API.syncStop())
.catch(console.error)
.then(() => {
connectButton.disabled = false;
state = 'disconnected';
updateButtons();
});
}
});
syncButton.addEventListener('click', e => {
if (validClick(e)) {
syncButton.disabled = true;
syncing = true;
updateButtons();
API.syncNow()
.catch(console.error)
.then(() => {
syncButton.disabled = false;
syncing = false;
updateButtons();
});
}
});