From b6e494e55355f798591f811a08b412b8041b45ef Mon Sep 17 00:00:00 2001
From: Antoine M <antoine.martinon@deligraph.com>
Date: Wed, 10 Jan 2024 16:53:11 +0100
Subject: [PATCH] few menu adaptations

---
 .../header/menu-renovateur.php                | 394 +++++++++---------
 1 file changed, 201 insertions(+), 193 deletions(-)

diff --git a/template-components/header/menu-renovateur.php b/template-components/header/menu-renovateur.php
index 1129820..c4e36d9 100644
--- a/template-components/header/menu-renovateur.php
+++ b/template-components/header/menu-renovateur.php
@@ -7,216 +7,224 @@ $logoID = get_theme_mod('custom_logo');
 $logoSRC = wp_get_attachment_image_src($logoID, 'full');
 ?>
 
-<div class="menu-renovateur">
-	<div class="website_logo">
-		<?php if (has_custom_logo()) { ?>
-			<a id="website-logo-link" href="<?php echo home_url() ?>" tabindex="0">
-				<img src="<?php echo $logoSRC[0] ?>" alt="<?php echo __("Accueil Homegrade.brussels", "homegrade-theme__texte-fonctionnel") ?>">
-			</a>
-			<!-- <?php the_custom_logo(); ?> -->
-		<?php } else { ?>
-			<a href=" <?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
-				<?php echo get_bloginfo('name'); ?>
-			</a>
-		<?php } ?>
+<div class="menu-renovateur-container">
+	<div class="menu-renovateur">
+		<div class="website_logo">
+			<?php if (has_custom_logo()) { ?>
+				<a id="website-logo-link" href="<?php echo home_url() ?>" tabindex="0">
+					<img src="<?php echo $logoSRC[0] ?>" alt="<?php echo __("Accueil Homegrade.brussels", "homegrade-theme__texte-fonctionnel") ?>">
+				</a>
+				<!-- <?php the_custom_logo(); ?> -->
+			<?php } else { ?>
+				<a href=" <?php echo get_bloginfo('url'); ?>" class="font-extrabold text-lg uppercase">
+					<?php echo get_bloginfo('name'); ?>
+				</a>
+			<?php } ?>
 
 
-	</div>
-
-	<div id="menu-renovateur-navlist-container" class="menu-renovateur__navlist-container" closed>
-		<ul id="menu-menu-renovateur" class="menu-renovateur__navlist mobile-navlist">
-			<?php
-			$count = 0;
-			$submenu = false;
-
-			foreach ($menuitems as $key => $item) :
-				$link = $item->url;
-				$title = $item->title;
-				// write_log("item");
-				// write_log($item);
-				// $pageIcon = get_field('page_icon', $item->ID);
-
-				// echo '<pre>';
-				// print_r($item);
-				// print_r($pageIcon);
-				// echo '</pre>';
-				// item does not have a parent so menu_item_parent equals 0 (false)
-			?>
+		</div>
 
+		<div id="menu-renovateur-navlist-container" class="menu-renovateur__navlist-container" closed>
+			<ul id="menu-menu-renovateur" class="menu-renovateur__navlist mobile-navlist">
 				<?php
-				/* -----------------------------------------------------------
-		IF NOT A SUBMENU
-		-----------------------------------------------------------*/
-				if (!$item->menu_item_parent) : ?>
-					<?php
-					$parent_id = $item->ID;
-					$page_icon = get_field('page_icon', $item->object_id) ?? null;
-					?>
+				$count = 0;
+				$submenu = false;
 
-					<?php
-					/* --------------
-					IF HAS A SUBMENU
-					----------------*/
-					?>
-					<?php if (isset($menuitems[$key + 1]->menu_item_parent) && $menuitems[$key + 1]->menu_item_parent  == $item->ID) : ?>
-						<li id="menu-item-<?php echo $item->ID ?>" class="menu-item menu-item-has-children">
-							<button type="button" class="menu-item__submenu-toggle" aria-expanded="false">
-								<?php if ($page_icon) : ?>
-									<img class="page_icon" src="<?php echo $page_icon['url'] ?>" />
-								<?php endif; ?>
-								<?php echo $title; ?>
-							</button>
+				foreach ($menuitems as $key => $item) :
+					$link = $item->url;
+					$title = $item->title;
+					// write_log("item");
+					// write_log($item);
+					// $pageIcon = get_field('page_icon', $item->ID);
 
-							<!-- HAS NO SUBMENU -->
-						<?php else : ?>
-						<li id="menu-item-<?php echo $item->ID ?>" class="menu-item ">
-
-							<a href=" <?php echo $link; ?>" class="title">
-								<?php if ($page_icon) : ?>
-									<img class="page_icon" src=" <?php echo $page_icon['url'] ?>" />
-								<?php endif; ?>
-								<?php echo $title; ?>
-							</a>
-						<?php endif; ?>
-
-
-					<?php endif; ?>
+					// echo '<pre>';
+					// print_r($item);
+					// print_r($pageIcon);
+					// echo '</pre>';
+					// item does not have a parent so menu_item_parent equals 0 (false)
+				?>
 
 					<?php
 					/* -----------------------------------------------------------
-			IF IS A SUBMENU
+			IF NOT A SUBMENU
 			-----------------------------------------------------------*/
-					if (isset($parent_id) &&  $parent_id == $item->menu_item_parent) : ?>
-						<?php if (!$submenu) : $submenu = true; ?>
-							<div class="sub-menu sub-menu--closed" id="submenu-<?php echo $item->menu_item_parent ?>">
+					if (!$item->menu_item_parent) : ?>
+						<?php
+						$parent_id = $item->ID;
+						$page_icon = get_field('page_icon', $item->object_id) ?? null;
+						?>
 
-								<button class="menu-item__submenu-close" id="submenu-toggle-<?php echo $item->menu_item_parent ?>" aria-label="<?php echo __("Fermer le sous-menu", "homegrade-theme__texte-fonctionnel") ?>">
-									<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/close_submenu_icon.svg' ?>" alt="">
-								</button>
-								<?php /* NOS CONSEILS — TAXONOMY SUBMENU TITLE */
-								if ($item->menu_item_parent === "168") : ?>
-									<h5 class="menu-item__submenu-title"><?php echo __('Découvrez nos conseils par thématique', 'homegrade-theme__texte-fonctionnel') ?></h5>
-								<?php endif; ?>
-								<?php /* AIDES FINANCIERES SUBMENU TITLE */
-								if ($item->menu_item_parent === "169") : ?>
-									<h5 class="menu-item__submenu-title"><?php echo __('Quelles sont les aides financières disponibles pour votre logement ?', 'homegrade-theme__texte-fonctionnel') ?></h5>
-
-								<?php endif; ?>
-
-								<ul class="sub-menu__navlist">
-								<?php endif; ?>
-
-								<li class="submenu-item sub-menu__navlist__item">
-
-									<?php // #### WHEN IS POST TYPE CONSEIL SUB ITEM
-									?>
-
-									<?php if ($item->type === "post_type" && $item->type_label === "Conseil") : ?>
-										<?php
-										$postThematique = get_the_terms($item->object_id, "thematiques")[0];
-										$postParentThematique = getParentThematique($postThematique);
-										$thematiqueCover = get_field('taxonomy_pictures', "thematiques_" . $postParentThematique->term_id);
-
-										?>
-										<?php if ($postThematique) : ?>
-
-											<a href="<?php echo $item->url ?>">
-												<img class="sub-menu__navlist__thematique-icon" src="<?php echo $thematiqueCover['icon']['url'] ?>" alt="">
-												<div class="details">
-													<h6><?php echo $postThematique->name ?></h6>
-													<p class="sub-menu__navlist__description"><?php echo $postParentThematique->description ?></p>
-												</div>
-											</a>
-										<?php endif; ?>
-
-										<?php // WHEN THE SUB-LINK IS A TAXONOMY TERM 
-										?>
-									<?php elseif ($item->type === "taxonomy") : ?>
-										<?php
-										$term = get_term($item->object_id, 'thematiques');
-										$mainTaxonomyParent = getMainThematique($term);
-										$args = array(
-											'post_type' => 'conseils',
-											'posts_per_page' => 1,
-											'tax_query' => array(
-												array(
-													'taxonomy' => 'thematiques',
-													'field' => 'slug',
-													'terms' => $mainTaxonomyParent->slug,
-													'include_children' => false,
-												),
-											),
-										);
-
-										$taxonomyRelatedPost = get_posts($args)[0] ?? null;
-										$cover = get_field('taxonomy_pictures', "thematiques_" . $mainTaxonomyParent->term_id);
-
-										?>
-										<?php if ($taxonomyRelatedPost) : ?>
-											<a href="<?php echo get_permalink($taxonomyRelatedPost->ID) ?>">
-												<?php if ($cover && $cover['icon']) : ?>
-													<img class="sub-menu__navlist__thematique-icon" src="<?php echo $cover['icon']['url'] ?>" alt="">
-												<?php endif; ?>
-												<div class="details">
-													<h6><?php echo $title; ?></h6>
-													<p class="sub-menu__navlist__description"><?php echo $mainTaxonomyParent->description ?></p>
-												</div>
-											</a>
-										<?php else : ?>
-											<a href="<?php echo get_permalink($taxonomyRelatedPost->ID) ?>">
-												<?php if ($cover) : ?>
-													<img class="sub-menu__navlist__thematique-icon" src="<?php echo $cover['icon']['url'] ?>" alt="">
-												<?php endif; ?>
-												<div class="details">
-													<h6><?php echo $title; ?></h6>
-													<p class="sub-menu__navlist__description"><?php echo $mainTaxonomyParent->description ?></p>
-													<p class="!text-red-500 text-xs uppercase">pas de page conseil liée à cette thématique</p>
-												</div>
-											</a>
-										<?php endif; ?>
-
-									<?php else : ?>
-										<a href="<?php echo $link; ?>" class="title"><?php echo $title; ?></a>
+						<?php
+						/* --------------
+						IF HAS A SUBMENU
+						----------------*/
+						?>
+						<?php if (isset($menuitems[$key + 1]->menu_item_parent) && $menuitems[$key + 1]->menu_item_parent  == $item->ID) : ?>
+							<li id="menu-item-<?php echo $item->ID ?>" class="menu-item menu-item-has-children">
+								<button type="button" class="menu-item__submenu-toggle" aria-expanded="false">
+									<?php if ($page_icon) : ?>
+										<img class="page_icon" src="<?php echo $page_icon['url'] ?>" />
 									<?php endif; ?>
-								</li>
+									<?php echo $title; ?>
+								</button>
 
-								<?php if ($menuitems[$count + 1]->menu_item_parent != $parent_id && $submenu) : ?>
-								</ul>
-							</div>
+								<!-- HAS NO SUBMENU -->
+							<?php else : ?>
+							<li id="menu-item-<?php echo $item->ID ?>" class="menu-item ">
+
+								<a href=" <?php echo $link; ?>" class="title">
+									<?php if ($page_icon) : ?>
+										<img class="page_icon" src=" <?php echo $page_icon['url'] ?>" />
+									<?php endif; ?>
+									<?php echo $title; ?>
+								</a>
+							<?php endif; ?>
+
+
+						<?php endif; ?>
+
+						<?php
+						/* -----------------------------------------------------------
+				IF IS A SUBMENU
+				-----------------------------------------------------------*/
+						if (isset($parent_id) &&  $parent_id == $item->menu_item_parent) : ?>
+							<?php if (!$submenu) : $submenu = true; ?>
+								<div class="sub-menu sub-menu--closed" id="submenu-<?php echo $item->menu_item_parent ?>">
+
+									<button class="menu-item__submenu-close" id="submenu-toggle-<?php echo $item->menu_item_parent ?>" aria-label="<?php echo __("Fermer le sous-menu", "homegrade-theme__texte-fonctionnel") ?>">
+										<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/close_submenu_icon.svg' ?>" alt="">
+									</button>
+									<?php /* NOS CONSEILS — TAXONOMY SUBMENU TITLE */
+									if ($item->menu_item_parent === "168") : ?>
+										<h5 class="menu-item__submenu-title"><?php echo __('Découvrez nos conseils par thématique', 'homegrade-theme__texte-fonctionnel') ?></h5>
+									<?php endif; ?>
+									<?php /* AIDES FINANCIERES SUBMENU TITLE */
+									if ($item->menu_item_parent === "169") : ?>
+										<h5 class="menu-item__submenu-title"><?php echo __('Quelles sont les aides financières disponibles pour votre logement ?', 'homegrade-theme__texte-fonctionnel') ?></h5>
+
+									<?php endif; ?>
+
+									<ul class="sub-menu__navlist">
+									<?php endif; ?>
+
+									<li class="submenu-item sub-menu__navlist__item">
+
+										<?php // #### WHEN IS POST TYPE CONSEIL SUB ITEM
+										?>
+
+										<?php if ($item->type === "post_type" && $item->type_label === "Conseil") : ?>
+											<?php
+											$postThematique = get_the_terms($item->object_id, "thematiques")[0];
+											$postParentThematique = getParentThematique($postThematique);
+											$thematiqueCover = get_field('taxonomy_pictures', "thematiques_" . $postParentThematique->term_id);
+											$thematiqueColorslug = getThematiqueFamilySlug($postThematique->slug);
+											?>
+											<?php if ($postThematique) : ?>
+
+												<a href="<?php echo $item->url ?>">
+													<img class="sub-menu__navlist__thematique-icon" src="<?php echo $thematiqueCover['icon']['url'] ?>" alt="">
+													<div class="details">
+														<h6 class="<?php echo $thematiqueColorslug ? "text-" .  $thematiqueColorslug : "" ?>"><?php echo $postThematique->name ?></h6>
+														<p class="sub-menu__navlist__description"><?php echo $postParentThematique->description ?></p>
+													</div>
+												</a>
+											<?php endif; ?>
+
+											<?php // WHEN THE SUB-LINK IS A TAXONOMY TERM 
+											?>
+										<?php elseif ($item->type === "taxonomy") : ?>
+											<?php
+											$term = get_term($item->object_id, 'thematiques');
+											$mainTaxonomyParent = getMainThematique($term);
+											$thematiqueColorslug = getThematiqueFamilySlug($term->slug);
+											$args = array(
+												'post_type' => 'conseils',
+												'posts_per_page' => 1,
+												'tax_query' => array(
+													array(
+														'taxonomy' => 'thematiques',
+														'field' => 'slug',
+														'terms' => $mainTaxonomyParent->slug,
+														'include_children' => false,
+													),
+												),
+											);
+
+											$taxonomyRelatedPost = get_posts($args)[0] ?? null;
+											$cover = get_field('taxonomy_pictures', "thematiques_" . $mainTaxonomyParent->term_id);
+
+											?>
+											<?php if ($taxonomyRelatedPost) : ?>
+												<a href="<?php echo get_permalink($taxonomyRelatedPost->ID) ?>">
+													<?php if ($cover && $cover['icon']) : ?>
+														<img class="sub-menu__navlist__thematique-icon" src="<?php echo $cover['icon']['url'] ?>" alt="">
+													<?php endif; ?>
+													<div class="details">
+														<h6 class="<?php echo $thematiqueColorslug ? "text-" . $thematiqueColorslug : "" ?>"><?php echo $title; ?></h6>
+														<p class="sub-menu__navlist__description"><?php echo $mainTaxonomyParent->description ?></p>
+													</div>
+												</a>
+											<?php else : ?>
+												<a href="<?php echo get_permalink($taxonomyRelatedPost->ID) ?>">
+													<?php if ($cover) : ?>
+														<img class="sub-menu__navlist__thematique-icon" src="<?php echo $cover['icon']['url'] ?>" alt="">
+													<?php endif; ?>
+													<div class="details">
+														<h6><?php echo $title; ?></h6>
+														<p class="sub-menu__navlist__description"><?php echo $mainTaxonomyParent->description ?></p>
+														<p class="!text-red-500 text-xs uppercase">pas de page conseil liée à cette thématique</p>
+													</div>
+												</a>
+											<?php endif; ?>
+
+											<!-- IF CLASSIC SUBMENU -->
+										<?php else : ?>
+											<a href="<?php echo $link; ?>">
+												<p class="title"><?php echo $title; ?></p>
+												<p class="excerpt"><?php echo get_the_excerpt($item->object_id) ?></p>
+											</a>
+
+										<?php endif; ?>
+									</li>
+
+									<?php if ($menuitems[$count + 1]->menu_item_parent != $parent_id && $submenu) : ?>
+									</ul>
+								</div>
+							<?php $submenu = false;
+									endif; ?>
+
+						<?php endif; ?>
+
+						<?php if (isset($parent_id) && isset($menuitems[$count + 1]->menu_item_parent) && $menuitems[$count + 1]->menu_item_parent  != $parent_id) : ?>
+							</li>
 						<?php $submenu = false;
-								endif; ?>
+						endif; ?>
 
-					<?php endif; ?>
+					<?php $count++;
+				endforeach; ?>
 
-					<?php if (isset($parent_id) && isset($menuitems[$count + 1]->menu_item_parent) && $menuitems[$count + 1]->menu_item_parent  != $parent_id) : ?>
-						</li>
-					<?php $submenu = false;
-					endif; ?>
+			</ul>
+		</div>
 
-				<?php $count++;
-			endforeach; ?>
 
-		</ul>
+		<div class="menu-renovateur__interaction_toggles">
+			<button id="search-module-toggle" class="menu-renovateur__search-module-toggle cta cta--circular cta--outline cta--outline-secondary !border border-secondary" aria-expanded="false">
+				<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/search-icon.svg' ?>" alt="<?php echo __("Recherche", "homegrade-theme__texte-fonctionnel") ?>">
+			</button>
+			<button id="mobile-menu-toggle" class="menu-renovateur__mobile-menu-toggle cta cta--outline cta--button" data-text-open="<?php echo __("Menu", 'homegrade-theme__texte-fonctionnel') ?>" data-text-close="<?php echo __("Fermer", 'homegrade-theme__texte-fonctionnel') ?>" aria-label="<?php echo __("Menu", "homegrade-theme__texte-fonctionnel") ?>" aria-expanded="false">
+				<span class="text-content">
+					<?php echo __("Menu", 'homegrade-theme__texte-fonctionnel') ?>
+				</span>
+				<div class="toggle-icon">
+					<div class="toggle-icon__bar toggle-icon__bar--top"></div>
+					<div class="toggle-icon__bar toggle-icon__bar--middle"></div>
+					<div class="toggle-icon__bar toggle-icon__bar--bottom"></div>
+				</div>
+
+			</button>
+		</div>
+
+		<!-- SEARCH MODULE -->
+		<?php get_template_part('template-components/header/search-module'); ?>
 	</div>
-
-
-	<div class="menu-renovateur__interaction_toggles">
-		<button id="search-module-toggle" class="menu-renovateur__search-module-toggle cta cta--circular cta--outline cta--outline-secondary !border border-secondary" aria-expanded="false">
-			<img src="<?php echo get_template_directory_uri() . '/resources/img/graphic-assets/search-icon.svg' ?>" alt="<?php echo __("Recherche", "homegrade-theme__texte-fonctionnel") ?>">
-		</button>
-		<button id="mobile-menu-toggle" class="menu-renovateur__mobile-menu-toggle cta cta--outline cta--button" data-text-open="<?php echo __("Menu", 'homegrade-theme__texte-fonctionnel') ?>" data-text-close="<?php echo __("Fermer", 'homegrade-theme__texte-fonctionnel') ?>" aria-label="<?php echo __("Menu", "homegrade-theme__texte-fonctionnel") ?>" aria-expanded="false">
-			<span class="text-content">
-				<?php echo __("Menu", 'homegrade-theme__texte-fonctionnel') ?>
-			</span>
-			<div class="toggle-icon">
-				<div class="toggle-icon__bar toggle-icon__bar--top"></div>
-				<div class="toggle-icon__bar toggle-icon__bar--middle"></div>
-				<div class="toggle-icon__bar toggle-icon__bar--bottom"></div>
-			</div>
-
-		</button>
-	</div>
-
-	<!-- SEARCH MODULE -->
-	<?php get_template_part('template-components/header/search-module'); ?>
 </div>
\ No newline at end of file