feat: flat design Sunset Glitch palette + Font Awesome icons
This commit is contained in:
+17
-17
@@ -19,7 +19,7 @@ function renderSeriesRecommendationCard(series) {
|
||||
|
||||
return `
|
||||
<div class="anime-card-horizontal recommendation-card">
|
||||
<div class="recommendation-badge">🎺 Série TV populaire</div>
|
||||
<div class="recommendation-badge"><i class="fa-solid fa-music"></i> Série TV populaire</div>
|
||||
|
||||
<div class="anime-card-header">
|
||||
<div class="anime-card-title">${escapeHtml(series.title)}</div>
|
||||
@@ -30,17 +30,17 @@ function renderSeriesRecommendationCard(series) {
|
||||
|
||||
<div class="anime-card-info">
|
||||
<div class="anime-card-meta">
|
||||
📺 Série TV
|
||||
<i class="fa-solid fa-tv"></i> Série TV
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-card-actions">
|
||||
<button class="btn btn-secondary btn-small" onclick="window.open('${escapeHtml(series.url)}', '_blank')">
|
||||
🔗 Voir sur FS7
|
||||
<i class="fa-solid fa-link"></i> Voir sur FS7
|
||||
</button>
|
||||
<button class="btn btn-primary btn-small" onclick="loadSeriesEpisodes('${escapeHtml(series.url)}', '${escapeHtml(series.title)}')">
|
||||
📥 Voir les épisodes
|
||||
<i class="fa-solid fa-download"></i> Voir les épisodes
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -92,17 +92,17 @@ function renderSeriesReleaseCard(series) {
|
||||
|
||||
<div class="anime-card-info">
|
||||
<div class="anime-card-meta">
|
||||
📺 Série TV • Nouveau
|
||||
<i class="fa-solid fa-tv"></i> Série TV • Nouveau
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="anime-card-actions">
|
||||
<button class="btn btn-secondary btn-small" onclick="window.open('${escapeHtml(series.url)}', '_blank')">
|
||||
🔗 Voir sur FS7
|
||||
<i class="fa-solid fa-link"></i> Voir sur FS7
|
||||
</button>
|
||||
<button class="btn btn-primary btn-small" onclick="loadSeriesEpisodes('${escapeHtml(series.url)}', '${escapeHtml(series.title)}')">
|
||||
📥 Voir les épisodes
|
||||
<i class="fa-solid fa-download"></i> Voir les épisodes
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -236,10 +236,10 @@ async function loadSeriesReleases() {
|
||||
if (container) {
|
||||
container.innerHTML = `
|
||||
<div class="no-results">
|
||||
<p>❌ Erreur lors du chargement des séries</p>
|
||||
<p><i class="fa-solid fa-xmark"></i> Erreur lors du chargement des séries</p>
|
||||
<p style="font-size: 12px; margin-top: 10px; color: #ff6b6b;">${error.message}</p>
|
||||
<button class="btn btn-secondary btn-small" onclick="loadSeriesReleases()" style="margin-top: 10px;">
|
||||
🔄 Réessayer
|
||||
<i class="fa-solid fa-rotate"></i> Réessayer
|
||||
</button>
|
||||
</div>`;
|
||||
}
|
||||
@@ -260,7 +260,7 @@ async function loadProvidersGrid() {
|
||||
let html = '';
|
||||
|
||||
// Section Anime providers
|
||||
html += '<div class="section-header"><h3 style="margin-top: 20px;">🎬 Sites Anime</h3></div>';
|
||||
html += '<div class="section-header"><h3 style="margin-top: 20px;"><i class="fa-solid fa-film"></i> Sites Anime</h3></div>';
|
||||
html += '<div class="search-results">';
|
||||
|
||||
const animeProviders = Object.entries(data.anime_providers || {});
|
||||
@@ -281,11 +281,11 @@ async function loadProvidersGrid() {
|
||||
<div class="anime-card-actions">
|
||||
${domains.length > 0 ? `
|
||||
<button class="btn btn-primary btn-small" onclick="window.open('https://${domains[0]}', '_blank')">
|
||||
🔗 Visiter le site
|
||||
<i class="fa-solid fa-link"></i> Visiter le site
|
||||
</button>
|
||||
` : ''}
|
||||
<button class="btn btn-secondary btn-small" onclick="showProviderSearch('${id}')">
|
||||
🔍 Rechercher
|
||||
<i class="fa-solid fa-magnifying-glass"></i> Rechercher
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -298,7 +298,7 @@ async function loadProvidersGrid() {
|
||||
html += '</div>';
|
||||
|
||||
// Section File hosts
|
||||
html += '<div class="section-header" style="margin-top: 40px;"><h3>💾 Hébergeurs de fichiers</h3></div>';
|
||||
html += '<div class="section-header" style="margin-top: 40px;"><h3><i class="fa-solid fa-floppy-disk"></i> Hébergeurs de fichiers</h3></div>';
|
||||
html += '<div class="search-results">';
|
||||
|
||||
const fileHosts = Object.entries(data.file_hosts || {});
|
||||
@@ -311,7 +311,7 @@ async function loadProvidersGrid() {
|
||||
</div>
|
||||
<div class="anime-card-actions">
|
||||
<button class="btn btn-secondary btn-small" onclick="showDownloadInfo()">
|
||||
📥 Télécharger un fichier
|
||||
<i class="fa-solid fa-download"></i> Télécharger un fichier
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -330,10 +330,10 @@ async function loadProvidersGrid() {
|
||||
if (container) {
|
||||
container.innerHTML = `
|
||||
<div class="no-results">
|
||||
<p>❌ Erreur lors du chargement des fournisseurs</p>
|
||||
<p><i class="fa-solid fa-xmark"></i> Erreur lors du chargement des fournisseurs</p>
|
||||
<p style="font-size: 12px; margin-top: 10px; color: #ff6b6b;">${error.message}</p>
|
||||
<button class="btn btn-secondary btn-small" onclick="loadProvidersGrid()" style="margin-top: 10px;">
|
||||
🔄 Réessayer
|
||||
<i class="fa-solid fa-rotate"></i> Réessayer
|
||||
</button>
|
||||
</div>
|
||||
`;
|
||||
@@ -349,7 +349,7 @@ function showProviderSearch(providerId) {
|
||||
|
||||
// Show download info (explains how to download)
|
||||
function showDownloadInfo() {
|
||||
alert('💡 Pour télécharger un fichier:\n\n1. Utilisez l\'onglet "Recherche"\n2. Entrez le nom de l\'anime/série\n3. Cliquez sur "Télécharger" sur un épisode\n\nOu bien:\n- Copiez directement un lien de téléchargement dans la barre d\'adresse de votre navigateur');
|
||||
alert('Pour télécharger un fichier:\n\n1. Utilisez l\'onglet "Recherche"\n2. Entrez le nom de l\'anime/série\n3. Cliquez sur "Télécharger" sur un épisode\n\nOu bien:\n- Copiez directement un lien de téléchargement dans la barre d\'adresse de votre navigateur');
|
||||
}
|
||||
|
||||
// Make additional functions available globally
|
||||
|
||||
Reference in New Issue
Block a user