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

Update script.js

Browse source
This commit is contained in:
Broque Thomas 2025-10-01 07:47:59 -07:00
parent ed5328e6c7
commit 299d320d8c
1 changed files with 64 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

70
webui/static/script.js
View file

@ -11434,17 +11434,63 @@ function startBeatportSyncPolling(urlHash) {
activeYouTubePollers[urlHash] = pollInterval; activeYouTubePollers[urlHash] = pollInterval;
} }
async function cancelBeatportSync(urlHash) {
try {
console.log('❌ Cancelling Beatport sync:', urlHash);
const state = youtubePlaylistStates[urlHash];
if (!state || !state.is_beatport_playlist) {
console.error('❌ Invalid Beatport playlist state');
return;
}
const response = await fetch(`/api/beatport/sync/cancel/${urlHash}`, {
method: 'POST'
});
const result = await response.json();
if (result.error) {
showToast(`Error cancelling sync: ${result.error}`, 'error');
return;
}
// Stop polling
if (activeYouTubePollers[urlHash]) {
clearInterval(activeYouTubePollers[urlHash]);
delete activeYouTubePollers[urlHash];
}
// Revert to discovered phase
const chartHash = state.beatport_chart_hash || urlHash;
state.phase = 'discovered';
updateBeatportCardPhase(chartHash, 'discovered');
updateBeatportModalButtons(urlHash, 'discovered');
// Sync with backend Beatport chart state
if (beatportChartStates[chartHash]) {
beatportChartStates[chartHash].phase = 'discovered';
}
showToast('Beatport sync cancelled', 'info');
} catch (error) {
console.error('❌ Error cancelling Beatport sync:', error);
showToast(`Error cancelling sync: ${error.message}`, 'error');
}
}
function updateBeatportModalSyncProgress(urlHash, progress) { function updateBeatportModalSyncProgress(urlHash, progress) {
const statusDisplay = document.getElementById(`youtube-sync-status-${urlHash}`); const statusDisplay = document.getElementById(`beatport-sync-status-${urlHash}`);
if (!statusDisplay || !progress) return; if (!statusDisplay || !progress) return;
console.log(`📊 Updating Beatport modal sync progress for ${urlHash}:`, progress); console.log(`📊 Updating Beatport modal sync progress for ${urlHash}:`, progress);
// Update individual counters exactly like YouTube sync // Update individual counters with Beatport-specific IDs
const totalEl = document.getElementById(`youtube-total-${urlHash}`); const totalEl = document.getElementById(`beatport-total-${urlHash}`);
const matchedEl = document.getElementById(`youtube-matched-${urlHash}`); const matchedEl = document.getElementById(`beatport-matched-${urlHash}`);
const failedEl = document.getElementById(`youtube-failed-${urlHash}`); const failedEl = document.getElementById(`beatport-failed-${urlHash}`);
const percentageEl = document.getElementById(`youtube-percentage-${urlHash}`); const percentageEl = document.getElementById(`beatport-percentage-${urlHash}`);
const total = progress.total_tracks || 0; const total = progress.total_tracks || 0;
const matched = progress.matched_tracks || 0; const matched = progress.matched_tracks || 0;
@ -13283,6 +13329,18 @@ function getModalActionButtons(urlHash, phase, state = null) {
<span class="sync-stat percentage">(<span id="tidal-percentage-${urlHash}">0</span>%)</span> <span class="sync-stat percentage">(<span id="tidal-percentage-${urlHash}">0</span>%)</span>
</div> </div>
`; `;
} else if (isBeatport) {
return `
<button class="modal-btn modal-btn-danger" onclick="cancelBeatportSync('${urlHash}')">❌ Cancel Sync</button>
<div class="playlist-modal-sync-status" id="beatport-sync-status-${urlHash}" style="display: flex;">
<span class="sync-stat total-tracks">♪ <span id="beatport-total-${urlHash}">0</span></span>
<span class="sync-separator">/</span>
<span class="sync-stat matched-tracks">✓ <span id="beatport-matched-${urlHash}">0</span></span>
<span class="sync-separator">/</span>
<span class="sync-stat failed-tracks">✗ <span id="beatport-failed-${urlHash}">0</span></span>
<span class="sync-stat percentage">(<span id="beatport-percentage-${urlHash}">0</span>%)</span>
</div>
`;
} else { } else {
return ` return `
<button class="modal-btn modal-btn-danger" onclick="cancelYouTubeSync('${urlHash}')">❌ Cancel Sync</button> <button class="modal-btn modal-btn-danger" onclick="cancelYouTubeSync('${urlHash}')">❌ Cancel Sync</button>