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

18
options/options.js
View File

@ -111,8 +111,22 @@ document.onclick = e => {
connectButton.disabled = status.state !== 'disconnected' || cloud.value === 'none'; connectButton.disabled = status.state !== 'disconnected' || cloud.value === 'none';
disconnectButton.disabled = status.state !== 'connected' || status.syncing; disconnectButton.disabled = status.state !== 'connected' || status.syncing;
syncButton.disabled = status.state !== 'connected' || status.syncing; syncButton.disabled = status.state !== 'connected' || status.syncing;
statusText.textContent = status.syncing ? 'syncing...' : statusText.textContent = getStatusText();
status.state.endsWith('ing') ? status.state + '...' : status.state; }
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 => { connectButton.addEventListener('click', e => {