2024-12-30 20:17:09 +01:00
|
|
|
<?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;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
$albumInfo = getAlbumInfo($currentPath);
|
|
|
|
|
$images = [];
|
|
|
|
|
$baseUrl = getBaseUrl();
|
|
|
|
|
|
|
|
|
|
foreach (new DirectoryIterator($currentPath) as $file) {
|
|
|
|
|
if ($file->isDot()) continue;
|
|
|
|
|
if ($file->isFile()) {
|
|
|
|
|
$extension = strtolower($file->getExtension());
|
|
|
|
|
if (in_array($extension, ['jpg', 'jpeg', 'png', 'gif'])) {
|
|
|
|
|
$relativePath = str_replace('\\', '/', substr($file->getPathname(), strlen(realpath('./'))));
|
|
|
|
|
$url = $baseUrl . '/' . ltrim($relativePath, '/');
|
|
|
|
|
$images[] = $url;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
usort($images, function($a, $b) {
|
|
|
|
|
$pathA = realpath('.') . str_replace(getBaseUrl(), '', $a);
|
|
|
|
|
$pathB = realpath('.') . str_replace(getBaseUrl(), '', $b);
|
|
|
|
|
return filectime($pathB) - filectime($pathA);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
$headerImage = !empty($images) ? $images[0] : null;
|
|
|
|
|
|
|
|
|
|
$parentPath = dirname($currentPath);
|
|
|
|
|
if (!isSecurePath($parentPath)) {
|
|
|
|
|
$parentPath = './liste_albums';
|
|
|
|
|
}
|
2024-12-30 23:59:17 +01:00
|
|
|
?>
|
|
|
|
|
<!DOCTYPE html>
|
2024-12-30 20:17:09 +01:00
|
|
|
<html lang="fr">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title><?php echo htmlspecialchars($albumInfo['title']); ?> - ICO</title>
|
|
|
|
|
<link rel="icon" type="image/png" href="favicon.png">
|
|
|
|
|
<link rel="stylesheet" href="styles.css">
|
|
|
|
|
</head>
|
2024-12-30 23:59:17 +01:00
|
|
|
<body class="gallery-page<?php echo $albumInfo['mature_content'] ? ' gallery-page-mature content-blurred' : ''; ?>">
|
|
|
|
|
<?php if ($albumInfo['mature_content']): ?>
|
|
|
|
|
<div id="mature-warning" class="mature-overlay">
|
|
|
|
|
<div class="mature-content">
|
|
|
|
|
<div class="mature-icon">🔞</div>
|
2025-01-02 21:53:49 +01:00
|
|
|
<h2>Cet album contient du contenu réservé à un public averti.</h2>
|
2024-12-30 23:59:17 +01:00
|
|
|
<button onclick="acceptMatureContent()" class="mature-button">J'ai plus de 18 ans - Afficher le contenu</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
|
2024-12-30 20:17:09 +01:00
|
|
|
<a href="albums.php?path=<?php echo urlencode($parentPath); ?>" class="back-button">Retour</a>
|
|
|
|
|
|
|
|
|
|
<?php if ($headerImage): ?>
|
|
|
|
|
<div class="gallery-header">
|
|
|
|
|
<img src="<?php echo htmlspecialchars($headerImage); ?>" alt="Image principale" class="header-image">
|
|
|
|
|
</div>
|
|
|
|
|
<?php endif; ?>
|
|
|
|
|
|
|
|
|
|
<div class="gallery-info">
|
|
|
|
|
<h1><?php echo htmlspecialchars($albumInfo['title']); ?></h1>
|
|
|
|
|
<?php if (!empty($albumInfo['description'])): ?>
|
|
|
|
|
<p><?php echo nl2br(htmlspecialchars($albumInfo['description'])); ?></p>
|
|
|
|
|
<?php endif; ?>
|
2024-12-30 23:59:17 +01:00
|
|
|
<?php if ($albumInfo['mature_content']): ?>
|
|
|
|
|
<div class="mature-badge">
|
|
|
|
|
<span class="mature-badge-icon">🔞</span>
|
|
|
|
|
Contenu réservé aux plus de 18 ans
|
|
|
|
|
</div>
|
|
|
|
|
<?php endif; ?>
|
2024-12-30 20:17:09 +01:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="gallery-grid" id="gallery-grid">
|
2024-12-30 21:18:25 +01:00
|
|
|
<?php foreach($images as $image): ?>
|
|
|
|
|
<div class="gallery-item">
|
|
|
|
|
<a href="partage.php?image=<?php echo urlencode($image); ?>">
|
|
|
|
|
<img src="<?php echo htmlspecialchars($image); ?>"
|
|
|
|
|
alt="Image de la galerie"
|
|
|
|
|
loading="lazy"
|
|
|
|
|
onload="this.parentElement.parentElement.style.opacity = '1'">
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
<?php endforeach; ?>
|
2024-12-30 23:59:17 +01:00
|
|
|
</div>
|
2024-12-30 20:17:09 +01:00
|
|
|
|
|
|
|
|
<script src="https://unpkg.com/masonry-layout@4/dist/masonry.pkgd.min.js"></script>
|
|
|
|
|
<script src="https://unpkg.com/imagesloaded@5/imagesloaded.pkgd.min.js"></script>
|
|
|
|
|
<script>
|
|
|
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
|
|
|
const grid = document.querySelector('#gallery-grid');
|
|
|
|
|
const loadingClass = 'is-loading';
|
|
|
|
|
|
|
|
|
|
// Ajouter une classe de chargement
|
|
|
|
|
grid.classList.add(loadingClass);
|
|
|
|
|
|
|
|
|
|
// Initialiser Masonry avec imagesLoaded
|
|
|
|
|
imagesLoaded(grid, function() {
|
|
|
|
|
const masonry = new Masonry(grid, {
|
|
|
|
|
itemSelector: '.gallery-item',
|
|
|
|
|
columnWidth: '.gallery-item',
|
|
|
|
|
gutter: 20,
|
|
|
|
|
fitWidth: true,
|
|
|
|
|
transitionDuration: 0 // Désactiver l'animation pour le premier rendu
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Retirer la classe de chargement
|
|
|
|
|
grid.classList.remove(loadingClass);
|
|
|
|
|
|
|
|
|
|
// Réactiver les animations après le premier rendu
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
masonry.options.transitionDuration = '0.3s';
|
|
|
|
|
masonry.layout();
|
|
|
|
|
}, 100);
|
|
|
|
|
});
|
2024-12-30 23:59:17 +01:00
|
|
|
});
|
|
|
|
|
|
|
|
|
|
// Gestion du contenu mature
|
|
|
|
|
function acceptMatureContent() {
|
|
|
|
|
document.body.classList.remove('content-blurred');
|
|
|
|
|
const warning = document.getElementById('mature-warning');
|
|
|
|
|
if (warning) {
|
|
|
|
|
warning.style.opacity = '0';
|
|
|
|
|
setTimeout(() => {
|
|
|
|
|
warning.style.display = 'none';
|
|
|
|
|
}, 300);
|
|
|
|
|
}
|
|
|
|
|
}
|
2024-12-30 20:17:09 +01:00
|
|
|
</script>
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
