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

Add: more detail status

Browse Source
This commit is contained in:
eight 2019-10-03 18:16:08 +08:00
parent a590d894a9
commit 484c7e3e1e
2 changed files with 20 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
options.html
View File

@ -138,6 +138,7 @@
</div>
<div class="block sync-options">
<!-- FIXME: i18n -->
<h1>Sync to cloud</h1>
<div class="items">
<label>
@ -147,11 +148,13 @@
<option value="dropbox">Dropbox</option>
</select>
</label>
<div class="sync-status-wrapper">
Status: <span class="sync-status"></span>
</div>
<div class="actions">
<button type="button" class="connect">Connect</button>
<button type="button" class="disconnect">Disconnect</button>
<button type="button" class="sync-now">Sync now</button>
<span class="sync-status"></span>
</div>
</div>
</div>

18
options/options.js
View File

@ -111,8 +111,22 @@ document.onclick = e => {
connectButton.disabled = status.state !== 'disconnected' || cloud.value === 'none';
disconnectButton.disabled = status.state !== 'connected' || status.syncing;
syncButton.disabled = status.state !== 'connected' || status.syncing;
statusText.textContent = status.syncing ? 'syncing...' :
status.state.endsWith('ing') ? status.state + '...' : status.state;
statusText.textContent = getStatusText();
}
function getStatusText() {
// FIXME: i18n
if (status.syncing) {
if (status.target) {
const [type, change] = status.target;
if (type === 'syncPull') {
return `pulling data ${change._id}`;
}
return `pushing data ${change._id}`;
}
return 'syncing...';
}
return status.state.endsWith('ing') ? status.state + '...' : status.state;
}
connectButton.addEventListener('click', e => {