Rename Sync button, Force Sync toggle to Save, Save All buttons

This commit is contained in:
Debanjum Singh Solanky
2023-11-06 21:57:37 -08:00
parent a08b152358
commit 97cf8339aa
2 changed files with 12 additions and 9 deletions

View File

@@ -91,11 +91,10 @@
</div> </div>
<div class="section-action-row"> <div class="section-action-row">
<div class="card-description-row"> <div class="card-description-row">
<button id="sync-data">Sync</button> <button id="sync-data" class="sync-data">💾 Save</button>
</div> </div>
<div class="card-description-row sync-force-toggle"> <div class="card-description-row">
<input id="sync-force" type="checkbox" name="sync-force" value="force"> <button id="sync-force" class="sync-data">💾 Save All</button>
<label for="sync-force">Force Sync</label>
</div> </div>
</div> </div>
<div id="loading-bar" style="display: none;"></div> <div id="loading-bar" style="display: none;"></div>
@@ -336,7 +335,7 @@
padding: 4px; padding: 4px;
cursor: pointer; cursor: pointer;
} }
#sync-data { button.sync-data {
background-color: var(--primary); background-color: var(--primary);
border: none; border: none;
color: var(--main-text-color); color: var(--main-text-color);
@@ -351,7 +350,7 @@
box-shadow: 0px 5px 0px var(--background-color); box-shadow: 0px 5px 0px var(--background-color);
} }
#sync-data:hover { button.sync-data:hover {
background-color: var(--primary-hover); background-color: var(--primary-hover);
box-shadow: 0px 3px 0px var(--background-color); box-shadow: 0px 3px 0px var(--background-color);
} }

View File

@@ -196,9 +196,13 @@ khojKeyInput.addEventListener('blur', async () => {
}); });
const syncButton = document.getElementById('sync-data'); const syncButton = document.getElementById('sync-data');
const syncForceToggle = document.getElementById('sync-force');
syncButton.addEventListener('click', async () => { syncButton.addEventListener('click', async () => {
loadingBar.style.display = 'block'; loadingBar.style.display = 'block';
const regenerate = syncForceToggle.checked; await window.syncDataAPI.syncData(false);
await window.syncDataAPI.syncData(regenerate); });
const syncForceButton = document.getElementById('sync-force');
syncForceButton.addEventListener('click', async () => {
loadingBar.style.display = 'block';
await window.syncDataAPI.syncData(true);
}); });