You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
65 lines
2.2 KiB
65 lines
2.2 KiB
<?php
|
|
global $twig;
|
|
|
|
// Paramètres de la pagination
|
|
$perPage = 30;
|
|
$currentPage = isset($_GET['page']) ? (int)$_GET['page'] : 1;
|
|
if ($currentPage < 1) {
|
|
$currentPage = 1;
|
|
}
|
|
|
|
$totalItems = count($favorites);
|
|
$totalPages = ceil($totalItems / $perPage);
|
|
$offset = ($currentPage - 1) * $perPage;
|
|
$favoritesPaginated = array_slice($favorites, $offset, $perPage);
|
|
|
|
echo $twig->render('head.html.twig', [
|
|
'title' => "Favoris",
|
|
'style' => "public/styles/styleAccueil.css",
|
|
'scripts' => array("public/script/theme-toggle.js")
|
|
]);
|
|
|
|
echo $twig->render('bandeau.html.twig');
|
|
|
|
echo $twig->render('quoteLittle.html.twig', [
|
|
'quotes' => $favoritesPaginated,
|
|
'titre' => "Favoris"
|
|
]);
|
|
?>
|
|
|
|
<div class="pagination-container">
|
|
<button id="prev-page" <?php if($currentPage <= 1) echo "disabled"; ?>>Page précédente</button>
|
|
<select id="page-selector">
|
|
<?php for($page = 1; $page <= $totalPages; $page++): ?>
|
|
<option value="<?php echo $page; ?>" <?php if($page == $currentPage) echo "selected"; ?>>Page <?php echo $page; ?></option>
|
|
<?php endfor; ?>
|
|
</select>
|
|
<button id="next-page" <?php if($currentPage >= $totalPages) echo "disabled"; ?>>Page suivante</button>
|
|
<div class="spinner" id="spinner"></div>
|
|
</div>
|
|
|
|
<script>
|
|
document.getElementById('page-selector').addEventListener('change', function() {
|
|
document.getElementById('spinner').style.display = 'inline-block';
|
|
window.location.href = "?page=" + this.value;
|
|
});
|
|
|
|
document.getElementById('prev-page').addEventListener('click', function() {
|
|
var selector = document.getElementById('page-selector');
|
|
var newPage = parseInt(selector.value) - 1;
|
|
if(newPage >= 1) {
|
|
document.getElementById('spinner').style.display = 'inline-block';
|
|
window.location.href = "?page=" + newPage;
|
|
}
|
|
});
|
|
|
|
document.getElementById('next-page').addEventListener('click', function() {
|
|
var selector = document.getElementById('page-selector');
|
|
var newPage = parseInt(selector.value) + 1;
|
|
if(newPage <= <?php echo $totalPages; ?>) {
|
|
document.getElementById('spinner').style.display = 'inline-block';
|
|
window.location.href = "?page=" + newPage;
|
|
}
|
|
});
|
|
</script>
|