+
+
+ ${globalOverrideActive ? `
+
+ ⚠️
+ Global override is active — per-artist settings are being ignored during scans.
+
+ ` : ''}
+
{
+ const el = document.getElementById(id);
+ if (el) el.checked = checked;
+ });
+}
+
+/**
+ * Sync the "Include Everything" checkbox based on individual checkbox states
+ */
+function syncGlobalIncludeAllCheckbox() {
+ const allIds = ['global-include-albums', 'global-include-eps', 'global-include-singles',
+ 'global-include-live', 'global-include-remixes', 'global-include-acoustic',
+ 'global-include-compilations'];
+ const allChecked = allIds.every(id => {
+ const el = document.getElementById(id);
+ return el && el.checked;
+ });
+ const includeAllEl = document.getElementById('global-include-all');
+ if (includeAllEl) includeAllEl.checked = allChecked;
+}
+
+/**
+ * Save global watchlist configuration
+ */
+async function saveWatchlistGlobalConfig() {
+ try {
+ const globalOverrideEnabled = document.getElementById('global-override-enabled').checked;
+ const includeAlbums = document.getElementById('global-include-albums').checked;
+ const includeEps = document.getElementById('global-include-eps').checked;
+ const includeSingles = document.getElementById('global-include-singles').checked;
+ const includeLive = document.getElementById('global-include-live').checked;
+ const includeRemixes = document.getElementById('global-include-remixes').checked;
+ const includeAcoustic = document.getElementById('global-include-acoustic').checked;
+ const includeCompilations = document.getElementById('global-include-compilations').checked;
+
+ if (globalOverrideEnabled && !includeAlbums && !includeEps && !includeSingles) {
+ showToast('Please select at least one release type', 'error');
+ return;
+ }
+
+ const saveBtn = document.getElementById('save-global-config-btn');
+ if (saveBtn) {
+ saveBtn.disabled = true;
+ saveBtn.textContent = 'Saving...';
+ }
+
+ const response = await fetch('/api/watchlist/global-config', {
+ method: 'POST',
+ headers: { 'Content-Type': 'application/json' },
+ body: JSON.stringify({
+ global_override_enabled: globalOverrideEnabled,
+ include_albums: includeAlbums,
+ include_eps: includeEps,
+ include_singles: includeSingles,
+ include_live: includeLive,
+ include_remixes: includeRemixes,
+ include_acoustic: includeAcoustic,
+ include_compilations: includeCompilations,
+ })
+ });
+
+ const data = await response.json();
+
+ if (data.success) {
+ showToast('Global watchlist settings saved', 'success');
+ closeWatchlistGlobalSettingsModal();
+
+ // Refresh the watchlist modal to update button and banner
+ const watchlistModal = document.getElementById('watchlist-modal');
+ if (watchlistModal && watchlistModal.style.display === 'flex') {
+ await showWatchlistModal();
+ }
+ } else {
+ showToast(`Error: ${data.error}`, 'error');
+ }
+
+ } catch (error) {
+ console.error('Error saving global config:', error);
+ showToast(`Error: ${error.message}`, 'error');
+ } finally {
+ const saveBtn = document.getElementById('save-global-config-btn');
+ if (saveBtn) {
+ saveBtn.disabled = false;
+ saveBtn.textContent = 'Save Global Settings';
+ }
+ }
+}
+
/**
* Save watchlist artist configuration
* @param {string} artistId - Spotify artist ID
diff --git a/webui/static/style.css b/webui/static/style.css
index 3b82bbb0..5df434d8 100644
--- a/webui/static/style.css
+++ b/webui/static/style.css
@@ -9517,6 +9517,44 @@ body {
}
}
+/* Watchlist Global Settings */
+#watchlist-global-config-modal-overlay {
+ z-index: 11000;
+}
+
+.global-override-toggle {
+ border: 2px solid rgba(255, 255, 255, 0.1);
+ border-radius: 12px;
+ padding: 16px;
+ transition: border-color 0.3s;
+}
+
+.include-everything-option {
+ border: 1px dashed rgba(255, 152, 0, 0.4);
+ border-radius: 12px;
+ padding: 12px;
+}
+
+.watchlist-global-settings-active {
+ background: rgba(255, 152, 0, 0.2) !important;
+ border-color: rgba(255, 152, 0, 0.4) !important;
+ color: #ff9800 !important;
+}
+
+.watchlist-global-override-banner {
+ background: rgba(255, 152, 0, 0.15);
+ border: 1px solid rgba(255, 152, 0, 0.3);
+ border-radius: 8px;
+ padding: 10px 16px;
+ margin-bottom: 16px;
+ display: flex;
+ align-items: center;
+ gap: 8px;
+ font-size: 13px;
+ color: #ff9800;
+ animation: fadeIn 0.3s ease;
+}
+
/* Add these styles to the end of style.css */
.sync-progress-indicator {