129 lines
4.7 KiB
PHP
129 lines
4.7 KiB
PHP
<?php
|
|
require_once 'fonctions.php';
|
|
session_start();
|
|
|
|
// Récupérer le chemin actuel depuis l'URL
|
|
$currentPath = isset($_GET['path']) ? $_GET['path'] : './liste_albums';
|
|
$currentPath = realpath($currentPath);
|
|
|
|
// Vérification de sécurité
|
|
if (!isSecurePath($currentPath)) {
|
|
header('Location: index.php');
|
|
exit;
|
|
}
|
|
|
|
// Récupérer les informations de l'album courant
|
|
$currentAlbumInfo = getAlbumInfo($currentPath);
|
|
|
|
// Récupérer tous les sous-dossiers
|
|
$albums = [];
|
|
foreach (new DirectoryIterator($currentPath) as $item) {
|
|
if ($item->isDot()) continue;
|
|
if ($item->isDir()) {
|
|
$albumPath = $item->getPathname();
|
|
$info = getAlbumInfo($albumPath);
|
|
|
|
$images = hasSubfolders($albumPath) ?
|
|
getImagesRecursively($albumPath) :
|
|
getLatestImages($albumPath);
|
|
|
|
$albums[] = [
|
|
'path' => str_replace('\\', '/', $albumPath),
|
|
'title' => $info['title'],
|
|
'description' => $info['description'],
|
|
'images' => $images,
|
|
'hasSubfolders' => hasSubfolders($albumPath),
|
|
'hasImages' => hasImages($albumPath),
|
|
'mature_content' => $info['mature_content']
|
|
];
|
|
}
|
|
}
|
|
|
|
// Déterminer le chemin parent pour le bouton retour
|
|
$parentPath = dirname($currentPath);
|
|
if (!isSecurePath($parentPath)) {
|
|
$parentPath = null;
|
|
}
|
|
|
|
$config = getSiteConfig();
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="fr">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title><?php echo htmlspecialchars($currentAlbumInfo['title']); ?> - <?php echo htmlspecialchars($config['site_title']); ?></title>
|
|
<link rel="icon" type="image/png" href="favicon.png">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body class="albums-page">
|
|
<?php if ($parentPath): ?>
|
|
<a href="?path=<?php echo urlencode($parentPath); ?>" class="back-button">Retour</a>
|
|
<?php else: ?>
|
|
<a href="index.php" class="back-button">Retour</a>
|
|
<?php endif; ?>
|
|
|
|
<div class="album-info">
|
|
<h1 class="current-album-title"><?php echo htmlspecialchars($currentAlbumInfo['title']); ?></h1>
|
|
<?php if (!empty($currentAlbumInfo['description'])): ?>
|
|
<p><?php echo nl2br(htmlspecialchars($currentAlbumInfo['description'])); ?></p>
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div class="albums-grid">
|
|
<?php foreach ($albums as $album): ?>
|
|
<a href="<?php echo $album['hasSubfolders'] ? 'albums.php' : 'galeries.php'; ?>?path=<?php echo urlencode($album['path']); ?>"
|
|
class="album-card<?php echo $album['mature_content'] ? ' album-card-mature' : ''; ?>"
|
|
<?php if ($album['mature_content']): ?>data-mature-warning="Contenu réservé aux plus de 18 ans"<?php endif; ?>>
|
|
<div class="album-images">
|
|
<?php if (empty($album['images'])): ?>
|
|
<div class="empty-album"></div>
|
|
<?php else: ?>
|
|
<?php foreach ($album['images'] as $index => $image): ?>
|
|
<div class="album-image" style="background-image: url('<?php echo htmlspecialchars($image); ?>')"></div>
|
|
<?php endforeach; ?>
|
|
<?php for ($i = count($album['images']); $i < 4; $i++): ?>
|
|
<div class="empty-image"></div>
|
|
<?php endfor; ?>
|
|
<?php endif; ?>
|
|
</div>
|
|
<div class="album-info">
|
|
<h2><?php echo htmlspecialchars($album['title']); ?></h2>
|
|
<?php if (!empty($album['description'])): ?>
|
|
<p><?php echo nl2br(htmlspecialchars($album['description'])); ?></p>
|
|
<?php endif; ?>
|
|
</div>
|
|
</a>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
|
|
<script>
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const observer = new IntersectionObserver((entries) => {
|
|
entries.forEach(entry => {
|
|
if (entry.isIntersecting) {
|
|
entry.target.classList.add('visible');
|
|
}
|
|
});
|
|
}, {
|
|
threshold: 0.1
|
|
});
|
|
|
|
document.querySelectorAll('.album-card').forEach(card => {
|
|
observer.observe(card);
|
|
});
|
|
});
|
|
</script>
|
|
<button class="scroll-top" title="Retour en haut">↑</button>
|
|
<script>
|
|
const scrollBtn = document.querySelector('.scroll-top');
|
|
window.addEventListener('scroll', () => {
|
|
scrollBtn.style.display = window.scrollY > 500 ? 'flex' : 'none';
|
|
});
|
|
scrollBtn.addEventListener('click', () => {
|
|
window.scrollTo({ top: 0, behavior: 'smooth' });
|
|
});
|
|
</script>
|
|
<?php include 'footer.php'; ?>
|
|
</body>
|
|
</html>
|