add current page highlight feature
This commit is contained in:
+71
-63
@@ -11,73 +11,81 @@
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<a href="index.php" class="nav-item">
|
||||
<i class="fas fa-home"></i> Accueil
|
||||
</a>
|
||||
<a href="direct.php" class="nav-item">
|
||||
<i class="fas fa-broadcast-tower"></i> Direct
|
||||
</a>
|
||||
|
||||
<div class="nav-divider"></div>
|
||||
|
||||
<?php
|
||||
// Afficher les catégories prioritaires
|
||||
if (defined('PRIORITY_CATEGORIES') && !empty(PRIORITY_CATEGORIES)) {
|
||||
// Tableau associatif des icônes pour les catégories
|
||||
$categoryIcons = [
|
||||
1 => 'fas fa-music', // Musique
|
||||
5 => 'fas fa-running', // Sport
|
||||
11 => 'fas fa-globe', // Actualité & Politique
|
||||
2 => 'fas fa-film', // Films
|
||||
3 => 'fas fa-video', // Émissions & Séries
|
||||
4 => 'fas fa-gamepad', // Jeux
|
||||
6 => 'fas fa-laugh', // Humour
|
||||
7 => 'fas fa-palette', // Art
|
||||
8 => 'fas fa-spa', // Bien-être
|
||||
9 => 'fas fa-tshirt', // Mode
|
||||
10 => 'fas fa-random', // Divers
|
||||
12 => 'fas fa-dollar-sign', // Finance
|
||||
13 => 'fas fa-graduation-cap', // Education
|
||||
14 => 'fas fa-fist-raised', // Activism
|
||||
15 => 'fas fa-microscope', // Science & Technology
|
||||
16 => 'fas fa-paw', // Animals
|
||||
17 => 'fas fa-child', // Kids
|
||||
18 => 'fas fa-utensils' // Food
|
||||
];
|
||||
<div>
|
||||
<a href="index.php" class="nav-item <?php echo ($currentPage === 'index.php') ? 'active' : ''; ?>">
|
||||
<i class="fas fa-home"></i> Accueil
|
||||
</a>
|
||||
<a href="direct.php" class="nav-item <?php echo ($currentPage === 'direct.php') ? 'active' : ''; ?>">
|
||||
<i class="fas fa-broadcast-tower"></i> Direct
|
||||
</a>
|
||||
|
||||
foreach (PRIORITY_CATEGORIES as $id => $name) {
|
||||
$icon = isset($categoryIcons[$id]) ? $categoryIcons[$id] : 'fas fa-folder';
|
||||
echo '<a href="categories.php?id=' . $id . '" class="nav-item">';
|
||||
echo '<i class="' . $icon . '"></i> ' . htmlspecialchars($name);
|
||||
echo '</a>';
|
||||
<hr class="nav-divider">
|
||||
|
||||
<?php
|
||||
// Afficher les catégories prioritaires
|
||||
if (defined('PRIORITY_CATEGORIES') && !empty(PRIORITY_CATEGORIES)) {
|
||||
// Tableau associatif des icônes pour les catégories
|
||||
$categoryIcons = [
|
||||
1 => 'fas fa-music', // Musique
|
||||
5 => 'fas fa-running', // Sport
|
||||
11 => 'fas fa-globe', // Actualité & Politique
|
||||
2 => 'fas fa-film', // Films
|
||||
3 => 'fas fa-video', // Émissions & Séries
|
||||
4 => 'fas fa-gamepad', // Jeux
|
||||
6 => 'fas fa-laugh', // Humour
|
||||
7 => 'fas fa-palette', // Art
|
||||
8 => 'fas fa-spa', // Bien-être
|
||||
9 => 'fas fa-tshirt', // Mode
|
||||
10 => 'fas fa-random', // Divers
|
||||
12 => 'fas fa-dollar-sign', // Finance
|
||||
13 => 'fas fa-graduation-cap', // Education
|
||||
14 => 'fas fa-fist-raised', // Activism
|
||||
15 => 'fas fa-microscope', // Science & Technology
|
||||
16 => 'fas fa-paw', // Animals
|
||||
17 => 'fas fa-child', // Kids
|
||||
18 => 'fas fa-utensils' // Food
|
||||
];
|
||||
|
||||
foreach (PRIORITY_CATEGORIES as $id => $name) {
|
||||
$isActive = ($currentPage === 'categories.php' && $currentCategoryId === $id);
|
||||
$icon = isset($categoryIcons[$id]) ? $categoryIcons[$id] : 'fas fa-folder';
|
||||
echo '<a href="categories.php?id=' . $id . '" class="nav-item ' . ($isActive ? 'active' : '') . '">';
|
||||
echo '<i class="' . $icon . '"></i> ' . htmlspecialchars($name);
|
||||
echo '</a>';
|
||||
}
|
||||
}
|
||||
}
|
||||
?>
|
||||
?>
|
||||
|
||||
<hr class="nav-divider">
|
||||
</div>
|
||||
|
||||
<div class="nav-divider"></div>
|
||||
<div>
|
||||
<h3 class="mobile-section-title">Hashtags populaires</h3>
|
||||
<?php
|
||||
if (defined('IMPORTANT_TAGS') && !empty(IMPORTANT_TAGS)):
|
||||
foreach (IMPORTANT_TAGS as $tag):
|
||||
$encodedTag = urlencode('#' . $tag);
|
||||
$isActive = ($isTagSearch && strtolower($currentTag) === strtolower($tag));
|
||||
?>
|
||||
<a href="recherche.php?q=<?php echo $encodedTag; ?>" class="nav-item <?php echo $isActive ? 'active' : ''; ?>">
|
||||
<i class="fas fa-hashtag"></i> <?php echo htmlspecialchars($tag); ?>
|
||||
</a>
|
||||
<?php
|
||||
endforeach;
|
||||
endif;
|
||||
?>
|
||||
</div>
|
||||
|
||||
<h3 class="mobile-section-title">Hashtags populaires</h3>
|
||||
<?php
|
||||
if (defined('IMPORTANT_TAGS') && !empty(IMPORTANT_TAGS)):
|
||||
foreach (IMPORTANT_TAGS as $tag):
|
||||
$encodedTag = urlencode('#' . $tag);
|
||||
?>
|
||||
<a href="recherche.php?q=<?php echo $encodedTag; ?>" class="nav-item">
|
||||
<i class="fas fa-hashtag"></i> <?php echo htmlspecialchars($tag); ?>
|
||||
</a>
|
||||
<?php
|
||||
endforeach;
|
||||
endif;
|
||||
?>
|
||||
<hr class="nav-divider">
|
||||
|
||||
<div class="nav-divider"></div>
|
||||
|
||||
<h3 class="mobile-section-title">Suivez-nous</h3>
|
||||
<div class="mobile-social-icons">
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
|
||||
<div>
|
||||
<h3 class="mobile-section-title">Suivez-nous</h3>
|
||||
<div class="mobile-social-icons">
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo FACEBOOK_URL; ?>"><i class="fab fa-facebook icon-facebook"></i></a>
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo INSTAGRAM_URL; ?>"><i class="fab fa-instagram icon-instagram"></i></a>
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo TIKTOK_URL; ?>"><i class="fab fa-tiktok icon-tiktok"></i></a>
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo YOUTUBE_URL; ?>"><i class="fab fa-youtube icon-youtube"></i></a>
|
||||
<a target="_blank" rel="noreferrer" href="<?php echo X_URL; ?>"><i class="fab fa-x-twitter icon-x"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
+15
-4
@@ -4,11 +4,20 @@
|
||||
<img src="img/logo.png" alt="kaubuntu.re">
|
||||
</a>
|
||||
|
||||
<?php
|
||||
// Détecter la page courante et ses paramètres
|
||||
$currentPage = basename($_SERVER['PHP_SELF']);
|
||||
$currentCategoryId = isset($_GET['id']) ? intval($_GET['id']) : null;
|
||||
$currentQuery = isset($_GET['q']) ? trim($_GET['q']) : '';
|
||||
$isTagSearch = !empty($currentQuery) && substr($currentQuery, 0, 1) === '#';
|
||||
$currentTag = $isTagSearch ? substr($currentQuery, 1) : '';
|
||||
?>
|
||||
|
||||
<nav class="sidebar-nav">
|
||||
<a href="index.php" class="nav-item" data-title="Accueil">
|
||||
<a href="index.php" class="nav-item <?php echo ($currentPage === 'index.php') ? 'active' : ''; ?>" data-title="Accueil">
|
||||
<i class="fas fa-home"></i> <span>Accueil</span>
|
||||
</a>
|
||||
<a href="direct.php" class="nav-item" data-title="Direct">
|
||||
<a href="direct.php" class="nav-item <?php echo ($currentPage === 'direct.php') ? 'active' : ''; ?>" data-title="Direct">
|
||||
<i class="fas fa-broadcast-tower"></i> <span>Direct</span>
|
||||
</a>
|
||||
|
||||
@@ -40,8 +49,9 @@
|
||||
];
|
||||
|
||||
foreach (PRIORITY_CATEGORIES as $id => $name) {
|
||||
$isActive = ($currentPage === 'categories.php' && $currentCategoryId === $id);
|
||||
$icon = isset($categoryIcons[$id]) ? $categoryIcons[$id] : 'fas fa-folder';
|
||||
echo '<a href="categories.php?id=' . $id . '" class="nav-item" data-title="' . htmlspecialchars($name) . '">';
|
||||
echo '<a href="categories.php?id=' . $id . '" class="nav-item ' . ($isActive ? 'active' : '') . '" data-title="' . htmlspecialchars($name) . '">';
|
||||
echo '<i class="' . $icon . '"></i> <span>' . htmlspecialchars($name) . '</span>';
|
||||
echo '</a>';
|
||||
}
|
||||
@@ -58,8 +68,9 @@
|
||||
if (defined('IMPORTANT_TAGS') && !empty(IMPORTANT_TAGS)):
|
||||
foreach (IMPORTANT_TAGS as $tag):
|
||||
$encodedTag = urlencode('#' . $tag);
|
||||
$isActive = ($isTagSearch && strtolower($currentTag) === strtolower($tag));
|
||||
?>
|
||||
<a href="recherche.php?q=<?php echo $encodedTag; ?>" class="tag-item" data-title="<?php echo htmlspecialchars($tag); ?>">
|
||||
<a href="recherche.php?q=<?php echo $encodedTag; ?>" class="tag-item <?php echo $isActive ? 'active' : ''; ?>" data-title="<?php echo htmlspecialchars($tag); ?>">
|
||||
<i class="fas fa-hashtag tag-icon"></i> <span><?php echo htmlspecialchars($tag); ?></span>
|
||||
</a>
|
||||
<?php
|
||||
|
||||
Reference in New Issue
Block a user