danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Hide sync sidebar by default, only show during active sync

Browse source
This commit is contained in:
Broque Thomas 2026-03-14 09:56:48 -07:00
parent 363b3d0922
commit 719980cf5a
2 changed files with 34 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
webui/static/script.js
View file

@ -558,6 +558,9 @@ class SequentialSyncManager {
this.updateUI();
updateRefreshButtonState(); // Refresh button state after completion
showToast(`Sequential sync completed for ${completedCount} playlists in ${duration}s`, 'success');
// Hide sidebar after completion
hideSyncSidebar();
}
cancel() {
@ -575,6 +578,9 @@ class SequentialSyncManager {
this.updateUI();
updateRefreshButtonState(); // Refresh button state after cancellation
showToast('Sequential sync cancelled', 'info');
// Hide sidebar after cancellation
hideSyncSidebar();
}
updateUI() {
@ -13064,6 +13070,25 @@ function stopSyncPolling(playlistId) {
updateRefreshButtonState();
}
// Sync sidebar visibility helpers
function showSyncSidebar() {
const sidebar = document.querySelector('.sync-sidebar');
const contentArea = document.querySelector('.sync-content-area');
if (sidebar && contentArea && window.innerWidth > 1300) {
sidebar.style.display = '';
contentArea.style.gridTemplateColumns = '2.5fr 0.75fr';
}
}
function hideSyncSidebar() {
const sidebar = document.querySelector('.sync-sidebar');
const contentArea = document.querySelector('.sync-content-area');
if (sidebar && contentArea) {
sidebar.style.display = 'none';
contentArea.style.gridTemplateColumns = '1fr';
}
}
// Sequential Sync Functions
function startSequentialSync() {
// Initialize manager if needed
@ -13096,6 +13121,9 @@ function startSequentialSync() {
console.log(`🚀 Starting sequential sync for ${orderedPlaylistIds.length} playlists`);
// Show sidebar for sync progress
showSyncSidebar();
// Start sequential sync
sequentialSyncManager.start(orderedPlaylistIds);
@ -22601,13 +22629,9 @@ function initializeSyncPage() {
// Show/hide sidebar based on active tab (skip on mobile where sidebar is always hidden)
if (syncSidebar && syncContentArea) {
const isMobile = window.innerWidth <= 1300;
if (tabId === 'spotify' && !isMobile) {
syncSidebar.style.display = '';
syncContentArea.style.gridTemplateColumns = '2.5fr 0.75fr';
} else {
syncSidebar.style.display = 'none';
syncContentArea.style.gridTemplateColumns = '1fr';
}
// Sidebar always hidden by default — shown only when sync is active
syncSidebar.style.display = 'none';
syncContentArea.style.gridTemplateColumns = '1fr';
}
// Auto-load mirrored playlists on first tab activation

5
webui/static/style.css
View file

@ -6573,8 +6573,8 @@ body {
.sync-content-area {
display: grid;
grid-template-columns: 2.5fr 0.75fr;
/* More space for main panel, smaller sidebar */
grid-template-columns: 1fr;
/* Sidebar hidden by default, shown when sync starts */
gap: 25px;
/* min-height: calc(90vh - 200px); Minimum height, but allow expansion */
height: 95%;
@ -6612,6 +6612,7 @@ body {
.sync-sidebar {
overflow: hidden;
display: none;
}
/* Tab System */