From 04fd71ed5feb2be321382564d406af1072f90fc7 Mon Sep 17 00:00:00 2001
From: Esenjin <esenjin@sangigi-fuchsia.fr>
Date: Fri, 3 Jan 2025 00:19:11 +0100
Subject: [PATCH] =?UTF-8?q?le=20carrousel=20utilise=20les=20images=20d'un?=
 =?UTF-8?q?=20dossier=20qui=20lui=20ait=20d=C3=A9di=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 arbre-img.php           | 15 +++++++++---
 arbre.php               | 11 +++++++++
 fonctions.php           |  7 +++++-
 img_carrousel/infos.txt |  2 ++
 index.php               | 51 ++++++++++++++++++--------------------
 styles-admin.css        | 54 +++++++++++++++++++++++++++++++++++++++++
 6 files changed, 107 insertions(+), 33 deletions(-)
 create mode 100644 img_carrousel/infos.txt
diff --git a/arbre-img.php b/arbre-img.php
index aa0bf28..bd10569 100644
--- a/arbre-img.php
+++ b/arbre-img.php
@@ -128,9 +128,9 @@ $images = array_map(function($img) {
     <link rel="stylesheet" href="styles.css">
     <link rel="stylesheet" href="styles-admin.css">
 </head>
-<body class="admin-page">
+<body class="admin-page" data-page="<?php echo strpos($currentPath, 'img_carrousel') !== false ? 'carrousel' : 'default'; ?>">
     <div class="admin-header">
-        <h1>Gestion des images</h1>
+    <h1><?php echo strpos($currentPath, 'img_carrousel') !== false ? 'Images du carrousel' : 'Gestion des images'; ?></h1>
         <div class="admin-actions">
             <button onclick="document.getElementById('imageUploadForm').click()" class="action-button action-button-success">
                 Ajouter des images
@@ -166,8 +166,15 @@ $images = array_map(function($img) {
         <form method="post" id="deleteForm">
             <input type="hidden" name="action" value="delete">
             <div class="images-grid">
-            <?php foreach($images as $image): 
-                $imageUrl = getBaseUrl() . '/liste_albums/' . substr($currentPath, strpos($currentPath, '/liste_albums/') + strlen('/liste_albums/')) . '/' . $image;
+            <?php foreach($images as $image):
+                // Déterminer si nous sommes dans le dossier du carrousel
+                $isCarousel = strpos($currentPath, 'img_carrousel') !== false;
+                
+                if ($isCarousel) {
+                    $imageUrl = getBaseUrl() . '/img_carrousel/' . $image;
+                } else {
+                    $imageUrl = getBaseUrl() . '/liste_albums/' . substr($currentPath, strpos($currentPath, '/liste_albums/') + strlen('/liste_albums/')) . '/' . $image;
+                }
             ?>
         <div class="image-item">
             <input type="checkbox" name="images[]" value="<?php echo htmlspecialchars($image); ?>" 
diff --git a/arbre.php b/arbre.php
index 8937cbc..bd85f0c 100644
--- a/arbre.php
+++ b/arbre.php
@@ -83,6 +83,17 @@ function generateTree($path, $currentPath) {
     
     // Si c'est le dossier racine, ajoutons-le à l'arborescence
     if ($path === './liste_albums') {
+        $carouselPath = './img_carrousel';
+        if (is_dir($carouselPath)) {
+            $output .= '<li class="tree-item carousel-folder' . ($carouselPath === $currentPath ? ' active' : '') . '">';
+            $output .= '<div class="tree-item-content">';
+            $output .= '<span class="tree-link">';
+            $output .= '<span class="folder-icon">🎞️</span> Images du carrousel';
+            $output .= '</span>';
+            $output .= '<div class="tree-actions">';
+            $output .= '<a href="arbre-img.php?path=' . urlencode($carouselPath) . '" class="tree-button carousel-button" title="Gérer les images">🖼️</a>';
+            $output .= '</div></div></li>';
+        }
         $info = getAlbumInfo($path);
         $output .= '<li class="tree-item root-folder' . ($path === $currentPath ? ' active' : '') . '">';
         $output .= '<div class="tree-item-content">';
diff --git a/fonctions.php b/fonctions.php
index b9e8305..5b1b7da 100644
--- a/fonctions.php
+++ b/fonctions.php
@@ -145,7 +145,12 @@ function hasImages($path) {
 function isSecurePath($path) {
     $realPath = realpath($path);
     $rootPath = realpath('./liste_albums');
-    return $realPath && strpos($realPath, $rootPath) === 0;
+    $carouselPath = realpath('./img_carrousel');
+    
+    return $realPath && (
+        (strpos($realPath, $rootPath) === 0) || 
+        ($carouselPath && $realPath === $carouselPath)
+    );
 }
 
 /**
diff --git a/img_carrousel/infos.txt b/img_carrousel/infos.txt
new file mode 100644
index 0000000..b91e1df
--- /dev/null
+++ b/img_carrousel/infos.txt
@@ -0,0 +1,2 @@
+Images du carrousel
+Mettre dans ce dossier les images pour le carrousel de la page d'accueil.
\ No newline at end of file
diff --git a/index.php b/index.php
index cb4c29f..9ac581c 100644
--- a/index.php
+++ b/index.php
@@ -1,35 +1,26 @@
 <?php
-// Fonction pour vérifier si un dossier contient du contenu mature
-function isMatureContent($path) {
-    $infoFile = dirname($path) . '/infos.txt';
-    if (file_exists($infoFile)) {
-        $content = file_get_contents($infoFile);
-        $lines = explode("\n", $content);
-        return isset($lines[2]) && trim($lines[2]) === '18+';
-    }
-    return false;
-}
-
-// Fonction pour récupérer les 5 dernières images (excluant le contenu mature)
-function getLatestImages($rootDir = './liste_albums', $limit = 5) {
+function getCarouselImages($limit = 5) {
     $images = [];
-    $iterator = new RecursiveIteratorIterator(
-        new RecursiveDirectoryIterator($rootDir),
-        RecursiveIteratorIterator::SELF_FIRST
-    );
-
-    foreach ($iterator as $file) {
+    $carouselDir = './img_carrousel';
+    
+    // Vérifier si le dossier existe
+    if (!is_dir($carouselDir)) {
+        // Créer le dossier s'il n'existe pas
+        mkdir($carouselDir, 0755, true);
+        return $images;
+    }
+    
+    foreach (new DirectoryIterator($carouselDir) as $file) {
+        if ($file->isDot()) continue;
         if ($file->isFile()) {
             $extension = strtolower($file->getExtension());
             if (in_array($extension, ['jpg', 'jpeg', 'png', 'gif'])) {
-                // Vérifier si l'image provient d'un dossier mature
-                if (!isMatureContent($file->getPathname())) {
-                    $images[] = str_replace('\\', '/', $file->getPathname());
-                }
+                $images[] = str_replace('\\', '/', $file->getPathname());
             }
         }
     }
 
+    // Trier par date de création décroissante
     usort($images, function($a, $b) {
         return filectime($b) - filectime($a);
     });
@@ -37,7 +28,7 @@ function getLatestImages($rootDir = './liste_albums', $limit = 5) {
     return array_slice($images, 0, $limit);
 }
 
-$latestImages = getLatestImages();
+$carouselImages = getCarouselImages();
 ?>
 
 <!DOCTYPE html>
@@ -51,9 +42,9 @@ $latestImages = getLatestImages();
 </head>
 <body>
     <div class="carousel">
-        <?php foreach($latestImages as $index => $image): ?>
+        <?php foreach($carouselImages as $index => $image): ?>
             <div class="carousel-slide <?php echo $index === 0 ? 'active' : ''; ?>">
-                <img src="<?php echo htmlspecialchars($image); ?>" alt="Image de la galerie">
+                <img src="<?php echo htmlspecialchars($image); ?>" alt="Image du carrousel">
             </div>
         <?php endforeach; ?>
     </div>
@@ -69,6 +60,8 @@ $latestImages = getLatestImages();
             let currentSlide = 0;
             const slides = document.querySelectorAll('.carousel-slide');
             
+            if (slides.length === 0) return; // Sortir si aucune image
+            
             function showSlide(index) {
                 slides.forEach(slide => {
                     slide.classList.remove('active');
@@ -85,8 +78,10 @@ $latestImages = getLatestImages();
             // Initialiser le premier slide
             showSlide(0);
             
-            // Changer de slide toutes les 5 secondes
-            setInterval(nextSlide, 5000);
+            // Changer de slide toutes les 5 secondes seulement s'il y a plus d'une image
+            if (slides.length > 1) {
+                setInterval(nextSlide, 5000);
+            }
         });
     </script>
 </body>
diff --git a/styles-admin.css b/styles-admin.css
index e2096ee..8a05bc0 100644
--- a/styles-admin.css
+++ b/styles-admin.css
@@ -424,6 +424,42 @@ body {
     color: #ffffff;
 }
 
+/* Styles pour le dossier carousel */
+.carousel-folder > .tree-item-content {
+    background: rgba(255, 140, 0, 0.1);
+    border-left: 4px solid #ff8c00;
+    margin-bottom: 1rem;
+    padding: 1rem;
+    transition: all 0.3s ease;
+}
+
+.carousel-folder > .tree-item-content:hover {
+    background: rgba(255, 140, 0, 0.2);
+}
+
+.carousel-folder .tree-link {
+    color: #ff8c00;
+    font-weight: 500;
+}
+
+.carousel-folder .folder-icon {
+    color: #ff8c00;
+    font-size: 1.2rem;
+}
+
+.carousel-button {
+    background: rgba(255, 140, 0, 0.2) !important;
+    color: #ff8c00 !important;
+    padding: 0.5rem !important;
+    border-radius: 0.5rem !important;
+    transition: all 0.3s ease !important;
+}
+
+.carousel-button:hover {
+    background: rgba(255, 140, 0, 0.3) !important;
+    transform: scale(1.1) !important;
+}
+
 .folder-icon {
     font-size: 1.2rem;
 }
@@ -635,6 +671,24 @@ body {
     border-color: #1976d2;
 }
 
+/* Styles spécifiques pour la page de gestion du carrousel */
+body[data-page="carrousel"] .upload-zone {
+    border-color: #ff8c00;
+    background-color: rgba(255, 140, 0, 0.1);
+}
+
+body[data-page="carrousel"] .action-button-success {
+    background-color: #ff8c00;
+}
+
+body[data-page="carrousel"] .action-button-success:hover {
+    background-color: #ff7700;
+}
+
+body[data-page="carrousel"] .admin-header {
+    border-bottom-color: rgba(255, 140, 0, 0.3);
+}
+
 #imageUploadForm {
     display: none;
 }
