feat: integrate watchlist as tab on /web page

2026-02-26 16:06:21 +00:00
parent 36ec4a0eee
commit e22bc4191c
8 changed files with 494 additions and 358 deletions
@@ -0,0 +1,46 @@
+<!-- Watchlist Section: Scheduler, Filters & Items -->
+        <!-- Header -->
+        <div class="watchlist-header">
+            <h1>📋 Ma Watchlist</h1>
+            <p>Suivez vos animes préférés et téléchargez automatiquement les nouveaux épisodes</p>
+            <button type="button" class="btn-secondary header-back-btn" onclick="window.location.href = '/web'">
+                ← Retour à l'accueil
+            </button>
+        </div>
+
+        <!-- Scheduler Status -->
+        <div class="scheduler-status" id="schedulerStatus">
+            <div class="scheduler-status-header">
+                <div>
+                    <h3>⏰ Planificateur Automatique</h3>
+                    <div id="nextRunInfo" class="next-run-info">Chargement...</div>
+                </div>
+                <div class="scheduler-controls">
+                    <button id="startSchedulerBtn" class="btn-primary btn-small" onclick="handleStartScheduler()" style="display:none;">
+                        ▶️ Démarrer
+                    </button>
+                    <button id="stopSchedulerBtn" class="btn-secondary btn-small" onclick="handleStopScheduler()" style="display:none;">
+                        ⏸️ Arrêter
+                    </button>
+                    <button class="btn-secondary btn-small" onclick="handleCheckAll()">
+                        🔍 Vérifier tout
+                    </button>
+                    <button class="btn-secondary btn-small" onclick="handleOpenSettings()">
+                        ⚙️ Paramètres
+                    </button>
+                </div>
+            </div>
+        </div>
+
+        <!-- Filter Tabs -->
+        <div class="filter-tabs">
+            <button class="filter-tab active" onclick="filterWatchlist('all', this)">Tous</button>
+            <button class="filter-tab" onclick="filterWatchlist('active', this)">Actifs</button>
+            <button class="filter-tab" onclick="filterWatchlist('paused', this)">En pause</button>
+            <button class="filter-tab" onclick="filterWatchlist('completed', this)">Terminés</button>
+        </div>
+
+        <!-- Watchlist Items -->
+        <div id="watchlistContainer">
+            <div class="loading">Chargement de la watchlist...</div>
+        </div>