feat: flat design Sunset Glitch palette + Font Awesome icons
This commit is contained in:
root
+26
-26
@@ -10,29 +10,29 @@
|
||||
<body class="watchlist-body">
|
||||
<!-- Main Header -->
|
||||
<div style="text-align: center; margin-bottom: 20px;">
|
||||
<h1 style="color: #f15025; font-size: 32px; margin: 0;">⚡ Ohm Stream Downloader</h1>
|
||||
<p style="color: #ced0ce; font-size: 14px; margin: 5px 0 0;">Téléchargez vos vidéos, animes et séries</p>
|
||||
<h1 style="color: #FF9F1C; font-size: 32px; margin: 0;"><i class="fa-solid fa-bolt"></i> Ohm Stream Downloader</h1>
|
||||
<p style="color: #8a8f98; font-size: 14px; margin: 5px 0 0;">Téléchargez vos vidéos, animes et séries</p>
|
||||
</div>
|
||||
|
||||
<!-- User Info -->
|
||||
<div id="userInfo" style="display: none; max-width: 1200px; margin: 0 auto 15px; padding: 10px; background: rgba(241,80,37,0.1); border: 1px solid #f15025; border-radius: 4px;">
|
||||
<span style="color: #f15025;">👤 Connecté</span>
|
||||
<button class="btn-secondary btn-small" onclick="handleLogout()">🚪 Déconnexion</button>
|
||||
<div id="userInfo" style="display: none; max-width: 1200px; margin: 0 auto 15px; padding: 10px; background: rgba(255,191,105,0.1); border: 1px solid #FF9F1C; border-radius: 4px;">
|
||||
<span style="color: #FF9F1C;"><i class="fa-solid fa-user"></i> Connecté</span>
|
||||
<button class="btn-secondary btn-small" onclick="handleLogout()"><i class="fa-solid fa-right-from-bracket"></i> Déconnexion</button>
|
||||
</div>
|
||||
|
||||
<!-- Tabs -->
|
||||
<div class="tabs" style="max-width: 1200px; margin: 0 auto 20px; display: flex; gap: 5px; border-bottom: 1px solid #ced0ce; padding-bottom: 10px;">
|
||||
<button class="tab" onclick="window.location.href='/web'">🏠 Accueil</button>
|
||||
<button class="tab" onclick="window.location.href='/web#anime'">🎬 Anime</button>
|
||||
<button class="tab" onclick="window.location.href='/web#series'">📺 Série</button>
|
||||
<button class="tab" onclick="window.location.href='/web#providers'">📦 Fournisseurs</button>
|
||||
<button class="tab active" onclick="window.location.href='/watchlist'">📋 Watchlist</button>
|
||||
<div class="tabs" style="max-width: 1200px; margin: 0 auto 20px; display: flex; gap: 5px; border-bottom: 1px solid #2a2d32; padding-bottom: 10px;">
|
||||
<button class="tab" onclick="window.location.href='/web'"><i class="fa-solid fa-house"></i> Accueil</button>
|
||||
<button class="tab" onclick="window.location.href='/web#anime'"><i class="fa-solid fa-film"></i> Anime</button>
|
||||
<button class="tab" onclick="window.location.href='/web#series'"><i class="fa-solid fa-tv"></i> Série</button>
|
||||
<button class="tab" onclick="window.location.href='/web#providers'"><i class="fa-solid fa-box"></i> Fournisseurs</button>
|
||||
<button class="tab active" onclick="window.location.href='/watchlist'"><i class="fa-solid fa-clipboard-list"></i> Watchlist</button>
|
||||
</div>
|
||||
|
||||
<div class="watchlist-container">
|
||||
<!-- Header -->
|
||||
<div class="watchlist-header">
|
||||
<h1>📋 Ma Watchlist</h1>
|
||||
<h1><i class="fa-solid fa-clipboard-list"></i> 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 watchlist-header-back-btn" onclick="window.location.href = '/web'">
|
||||
← Retour à l'accueil
|
||||
@@ -43,21 +43,21 @@
|
||||
<div class="scheduler-status" id="schedulerStatus">
|
||||
<div class="scheduler-status-header">
|
||||
<div>
|
||||
<h3>⏰ Planificateur Automatique</h3>
|
||||
<h3><i class="fa-solid fa-clock"></i> 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 watchlist-btn-small" onclick="handleStartScheduler()" style="display:none;">
|
||||
▶️ Démarrer
|
||||
<i class="fa-solid fa-play"></i> Démarrer
|
||||
</button>
|
||||
<button id="stopSchedulerBtn" class="btn-secondary btn-small watchlist-btn-small" onclick="handleStopScheduler()" style="display:none;">
|
||||
⏸️ Arrêter
|
||||
<i class="fa-solid fa-pause"></i> Arrêter
|
||||
</button>
|
||||
<button class="btn-secondary btn-small watchlist-btn-small" onclick="handleCheckAll()">
|
||||
🔍 Vérifier tout
|
||||
<i class="fa-solid fa-magnifying-glass"></i> Vérifier tout
|
||||
</button>
|
||||
<button class="btn-secondary btn-small watchlist-btn-small" onclick="handleOpenSettings()">
|
||||
⚙️ Paramètres
|
||||
<i class="fa-solid fa-gear"></i> Paramètres
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -161,17 +161,17 @@
|
||||
|
||||
if (status.next_run) {
|
||||
const nextRun = new Date(status.next_run);
|
||||
nextRunInfo.innerHTML = `✓ En cours<br>Prochaine vérification: ${nextRun.toLocaleString('fr-FR')}`;
|
||||
nextRunInfo.innerHTML = `<i class="fa-solid fa-check"></i> En cours<br>Prochaine vérification: ${nextRun.toLocaleString('fr-FR')}`;
|
||||
} else {
|
||||
// Scheduler running but no next_run yet (just started)
|
||||
const interval = status.settings?.check_interval_hours || 6;
|
||||
nextRunInfo.innerHTML = `✓ En cours<br>Vérification toutes les ${interval}h`;
|
||||
nextRunInfo.innerHTML = `<i class="fa-solid fa-check"></i> En cours<br>Vérification toutes les ${interval}h`;
|
||||
}
|
||||
} else {
|
||||
// Update buttons if they exist
|
||||
if (startBtn) startBtn.style.display = 'inline-block';
|
||||
if (stopBtn) stopBtn.style.display = 'none';
|
||||
nextRunInfo.innerHTML = '⏸️ Arrêté';
|
||||
nextRunInfo.innerHTML = '<i class="fa-solid fa-pause"></i> Arrêté';
|
||||
}
|
||||
}
|
||||
|
||||
@@ -198,10 +198,10 @@
|
||||
try {
|
||||
await startScheduler();
|
||||
await loadSchedulerStatus();
|
||||
alert('✅ Planificateur démarré!');
|
||||
alert('Planificateur démarré !');
|
||||
} catch (error) {
|
||||
console.error('Error starting scheduler:', error);
|
||||
alert(`❌ Erreur: ${error.message}`);
|
||||
alert(`Erreur : ${error.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -212,10 +212,10 @@
|
||||
try {
|
||||
await stopScheduler();
|
||||
await loadSchedulerStatus();
|
||||
alert('✅ Planificateur arrêté!');
|
||||
alert('Planificateur arrêté !');
|
||||
} catch (error) {
|
||||
console.error('Error stopping scheduler:', error);
|
||||
alert(`❌ Erreur: ${error.message}`);
|
||||
alert(`Erreur : ${error.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -228,7 +228,7 @@
|
||||
await loadSchedulerStatus();
|
||||
} catch (error) {
|
||||
console.error('Error checking all:', error);
|
||||
alert(`❌ Erreur: ${error.message}`);
|
||||
alert(`Erreur : ${error.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
@@ -246,7 +246,7 @@
|
||||
document.body.appendChild(modalContainer);
|
||||
} catch (error) {
|
||||
console.error('Error loading settings:', error);
|
||||
alert(`❌ Erreur: ${error.message}`);
|
||||
alert(`Erreur : ${error.message}`);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user