From b62122eb59df4025d3752e8fa5f4d5241932939f Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Mon, 23 Jun 2025 16:10:17 +0200
Subject: [PATCH] FEATURE Introducing sidebar markup and components

---
 single-articles.php | 132 +++++++++++++++++++++++---------------------
 1 file changed, 69 insertions(+), 63 deletions(-)

diff --git a/single-articles.php b/single-articles.php
index 0380a07..fd44f79 100644
--- a/single-articles.php
+++ b/single-articles.php
@@ -1,10 +1,10 @@
-<?php get_header(); ?>
-<div class="page--single-articles" data-revue-id="<?php echo get_the_ID(); ?>">
-	<?php if (have_posts()) : ?>
-		<?php while (have_posts()) : the_post(); ?>
-			<?php get_template_part('template-parts/post-header'); ?>
-
-			<div class="content-wrapper">
+<?php get_header(); ?>
+<div class="page--single-articles" data-revue-id="<?php echo get_the_ID(); ?>">
+	<?php if (have_posts()) : ?>
+		<?php while (have_posts()) : the_post(); ?>
+			<?php get_template_part('template-parts/post-header'); ?>
+
+			<div class="content-wrapper">
 				<!-- <div class="top-toolbar">
 					<div role="tablist" aria-labelledby="tablist-1" class="tablist">
 						<button id="tab-1" type="button" role="tab" aria-selected="true" aria-controls="tabpanel-1">
@@ -24,59 +24,65 @@
 						</button>
 					</div>
 				</div> -->
-				<aside class="sidebar">
-					<div class="search-field">
-						<input type="text" placeholder="Rechercher">
-					</div>
-					<?php
-					$tags = get_terms(array(
-						'taxonomy' => 'etiquettes',
-					));
-					?>
-					<?php if ($tags) : ?>
-						<div class="tags">
-							<h3 class="tags__title">Tags</h3>
-							<ul class="tags-list">
-								<?php foreach ($tags as $tag) : ?>
-									<li>
-										<a class="article-tag" href="<?php echo get_term_link($tag); ?>"><?php echo $tag->name; ?></a>
-									</li>
-								<?php endforeach; ?>
-							<?php endif; ?>
-							</ul>
-						</div>
-
-				</div>
-
-				<div class="content-area">
-
-					<?php get_template_part('template-parts/articles/article-content', null, array(
-						'ID' => get_the_ID()
-					)); ?>
-
-
-
-
-
-				</div>
-
-			</div>
-
-			<!-- #### EXPLORE TAGS #### -->
-			<?php get_template_part('template-parts/components/explore-tags'); ?>
-
-			<!-- #### INFOLETTRE #### -->
-			<?php get_template_part('template-parts/components/subscribe-infolettre'); ?>
-
-</div>
-
-</div>
-
-</article>
-
-
-<?php endwhile; ?>
-<?php endif; ?>
-</div>
-<?php
-get_footer();
+				<aside class="sidebar">
+					<div class="search-field">
+						<input type="text" placeholder="Rechercher">
+					</div>
+
+					<div class="index-panel">
+						<div class="index-panel__header">
+							<button class="focus" data-index="sommaire" aria-selected="true" aria-controls="sommaire-index">
+								Résumé
+							</button>
+							<button class="focus" data-index="footnotes" aria-selected="false" aria-controls="footnotes-index">
+								Notes de bas de page
+							</button>
+						</div>
+
+						<div class="index-panel__content">
+							<ul data-index="sommaire" class="sommaire-index" aria-hidden="false">
+								<?php
+								$sommaire = build_sommaire_from_content(get_the_ID());
+
+								foreach ($sommaire as $chapter) {
+									echo '<li><a href="#' . $chapter['anchor'] . '">' . $chapter['title'] . '</a></li>';
+								}
+								?>
+							</ul>
+							<ul data-index="footnotes" class="footnotes-index" aria-hidden="true">
+								<?php
+								$footnotes = build_footnotes_index_from_content(get_the_content());
+								?>
+
+								<?php foreach ($footnotes as $footnote) : ?>
+									<li><a href="#footnote-<?php echo $footnote['anchorID']; ?>" class="footnote-reference-item"><?php echo $footnote['content']; ?></a></li>
+								<?php endforeach; ?>
+						</div>
+
+					</div>
+				</aside>
+
+				<div class="content-area">
+					<?php get_template_part('template-parts/articles/article-content', null, array(
+						'ID' => get_the_ID()
+					)); ?>
+				</div>
+
+			</div>
+
+			<!-- #### EXPLORE TAGS #### -->
+			<?php get_template_part('template-parts/components/explore-tags'); ?>
+
+			<!-- #### INFOLETTRE #### -->
+			<?php get_template_part('template-parts/components/subscribe-infolettre'); ?>
+
+		<?php endwhile; ?>
+	<?php endif; ?>
+</div>
+
+</article>
+
+
+</div>
+<?php
+get_footer();