fix: view more button on category page
This commit is contained in:
@@ -190,7 +190,6 @@ Toutes ces sources sont modifiables dans `includes/config.local.php` (voir <<fr-
|
||||
├── js/
|
||||
│ ├── main.js # UI globale (thème, carrousel, « Voir plus »…)
|
||||
│ ├── audio-player.js # Lecteur audio Castopod / Funkwhale
|
||||
│ ├── categories.js # « Voir plus » de la page catégorie
|
||||
│ ├── countdown.js # Compte à rebours
|
||||
│ ├── search.js # Cartes cliquables de la recherche
|
||||
│ ├── mastodon-config.php # Configuration JS de la timeline (servie en JS)
|
||||
@@ -1128,7 +1127,6 @@ All of these sources can be changed in `includes/config.local.php` (see <<en-con
|
||||
├── js/
|
||||
│ ├── main.js # Global UI (theme, carousel, "Load more"…)
|
||||
│ ├── audio-player.js # Castopod / Funkwhale audio player
|
||||
│ ├── categories.js # Category page "Load more"
|
||||
│ ├── countdown.js # Countdown timer
|
||||
│ ├── search.js # Clickable search result cards
|
||||
│ ├── mastodon-config.php # Timeline JS config (served as JavaScript)
|
||||
|
||||
@@ -169,7 +169,6 @@ if ($categoryId && isset($allCategories[$categoryId])) {
|
||||
<?php include 'includes/mobile-menu.php'; ?>
|
||||
|
||||
<script src="js/main.js"></script>
|
||||
<script src="js/categories.js"></script>
|
||||
<script src="js/pwa-update.js?v=<?php echo filemtime('js/pwa-update.js'); ?>"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
+18
-5
@@ -310,18 +310,31 @@ function setSecurityHeaders() {
|
||||
/**
|
||||
* Valide l'origine de la requête pour les requêtes AJAX
|
||||
*
|
||||
* Accepte le header Origin, ou à défaut un Referer same-origin
|
||||
* (certains navigateurs n'envoient pas Origin sur les requêtes same-origin).
|
||||
*
|
||||
* @return bool True si l'origine est valide
|
||||
*/
|
||||
function validateAjaxOrigin() {
|
||||
$origin = $_SERVER['HTTP_ORIGIN'] ?? '';
|
||||
$host = $_SERVER['HTTP_HOST'] ?? '';
|
||||
|
||||
if (empty($origin) || empty($host)) {
|
||||
if (empty($host)) {
|
||||
return false;
|
||||
}
|
||||
|
||||
$expectedOrigin = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http') . '://' . $host;
|
||||
$scheme = (isset($_SERVER['HTTPS']) && $_SERVER['HTTPS'] === 'on' ? 'https' : 'http');
|
||||
$expectedOrigin = $scheme . '://' . $host;
|
||||
|
||||
return $origin === $expectedOrigin;
|
||||
$origin = $_SERVER['HTTP_ORIGIN'] ?? '';
|
||||
if (!empty($origin)) {
|
||||
return $origin === $expectedOrigin;
|
||||
}
|
||||
|
||||
// Fallback : vérifier le referer si Origin est absent
|
||||
$referer = $_SERVER['HTTP_REFERER'] ?? '';
|
||||
if (!empty($referer)) {
|
||||
return strpos($referer, $expectedOrigin) === 0;
|
||||
}
|
||||
|
||||
return false;
|
||||
}
|
||||
?>
|
||||
@@ -1,97 +0,0 @@
|
||||
document.addEventListener("DOMContentLoaded", () => {
|
||||
// Gestion des clics sur les vidéos
|
||||
const videoCards = document.querySelectorAll(".video-card");
|
||||
|
||||
for (const videoCard of videoCards) {
|
||||
videoCard.addEventListener("click", function () {
|
||||
const videoId = this.dataset.videoId;
|
||||
if (videoId) {
|
||||
window.location.href = `video.php?id=${videoId}`;
|
||||
}
|
||||
});
|
||||
}
|
||||
// Gestion du bouton "Voir plus"
|
||||
const viewMoreBtn = document.querySelector(".view-more");
|
||||
if (viewMoreBtn) {
|
||||
viewMoreBtn.addEventListener("click", function () {
|
||||
const page = Number.parseInt(this.dataset.page);
|
||||
const categoryId =
|
||||
document.querySelector(".video-section").dataset.categoryId;
|
||||
|
||||
// Changer le texte du bouton pendant le chargement
|
||||
this.textContent = "Chargement...";
|
||||
this.disabled = true;
|
||||
|
||||
// Préparer les données avec token CSRF
|
||||
const formData = new FormData();
|
||||
formData.append('csrf_token', document.querySelector('meta[name="csrf-token"]').getAttribute('content'));
|
||||
|
||||
// Faire la requête AJAX
|
||||
fetch(
|
||||
`ajax/load-more-videos.php?type=category&page=${page}&category=${categoryId}`,
|
||||
{
|
||||
method: 'POST',
|
||||
headers: {
|
||||
"X-Requested-With": "XMLHttpRequest",
|
||||
},
|
||||
body: formData
|
||||
}
|
||||
)
|
||||
.then((response) => response.json())
|
||||
.then((data) => {
|
||||
if (data.success) {
|
||||
// Ajouter les nouvelles vidéos à la grille
|
||||
const videoGrid = document.querySelector(".video-grid");
|
||||
const tempDiv = document.createElement("div");
|
||||
tempDiv.innerHTML = data.html;
|
||||
|
||||
// Ajouter chaque vidéo à la grille
|
||||
while (tempDiv.firstChild) {
|
||||
videoGrid.appendChild(tempDiv.firstChild);
|
||||
}
|
||||
|
||||
// Mettre à jour le numéro de page
|
||||
this.dataset.page = data.page + 1;
|
||||
|
||||
// Réinitialiser le texte du bouton
|
||||
this.textContent = "Voir plus";
|
||||
this.disabled = false;
|
||||
|
||||
// Si plus de vidéos à charger, masquer le bouton
|
||||
if (!data.hasMore) {
|
||||
this.style.display = "none";
|
||||
}
|
||||
|
||||
// Initialiser les clics sur les nouvelles vidéos
|
||||
const cards = document.querySelectorAll(".video-card:not([data-click-initialized])")
|
||||
|
||||
for (const card of cards) {
|
||||
card.setAttribute("data-click-initialized", "true");
|
||||
card.addEventListener("click", function () {
|
||||
const videoId = this.dataset.videoId;
|
||||
if (videoId) {
|
||||
window.location.href = `video.php?id=${videoId}`;
|
||||
}
|
||||
});
|
||||
|
||||
}
|
||||
} else {
|
||||
// Gérer l'erreur
|
||||
this.textContent = "Erreur lors du chargement";
|
||||
setTimeout(() => {
|
||||
this.textContent = "Voir plus";
|
||||
this.disabled = false;
|
||||
}, 2000);
|
||||
}
|
||||
})
|
||||
.catch((error) => {
|
||||
console.error("Erreur:", error);
|
||||
this.textContent = "Erreur lors du chargement";
|
||||
setTimeout(() => {
|
||||
this.textContent = "Voir plus";
|
||||
this.disabled = false;
|
||||
}, 2000);
|
||||
});
|
||||
});
|
||||
}
|
||||
});
|
||||
+11
-3
@@ -502,16 +502,24 @@ document.addEventListener('DOMContentLoaded', function() {
|
||||
// Initialiser le lazy loading pour les nouvelles images
|
||||
initLazyLoading();
|
||||
} else {
|
||||
// En cas d'erreur, afficher un message et réactiver le bouton
|
||||
// En cas d'erreur, afficher un message temporaire et réactiver le bouton
|
||||
console.error('Erreur lors du chargement des vidéos:', data.error);
|
||||
button.textContent = 'Voir plus';
|
||||
const originalText = 'Voir plus';
|
||||
button.textContent = 'Erreur de chargement';
|
||||
button.disabled = false;
|
||||
setTimeout(() => {
|
||||
button.textContent = originalText;
|
||||
}, 2000);
|
||||
}
|
||||
})
|
||||
.catch(error => {
|
||||
console.error('Erreur lors de la requête AJAX:', error);
|
||||
button.textContent = 'Voir plus';
|
||||
const originalText = 'Voir plus';
|
||||
button.textContent = 'Erreur de chargement';
|
||||
button.disabled = false;
|
||||
setTimeout(() => {
|
||||
button.textContent = originalText;
|
||||
}, 2000);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user