feat: add presentation link

src/features/core/components/index.ts

@@ -1,4 +1,5 @@
 export * from './collapse/collapse.module';
 export * from './modal/modal.module';
 export * from './modal/modal.component';
+export * from './offcanvas/offcanvas.component';
 export * from './offcanvas/offcanvas.module';

src/features/core/index.ts

@@ -1 +1,2 @@
+export * from './components';
 export * from './skip-link';

src/root/components/conteneur/conteneur.component.html

@@ -37,11 +37,12 @@
         [useHeader]="false"
         className="w-100 mt-lg-0 mt-navbar z-index-over">
         <ul class="navbar-nav nav-underline ms-auto mb-2 mb-lg-0">
+          <ng-content select="[slot=links]"></ng-content>
           <li class="nav-item">
             <a
               [routerLink]="['/', 'orientation']"
               queryParamsHandling="preserve"
-              class="nav-link me-4 pb-0 px-0"
+              class="nav-link ms-4 pb-0 px-0"
               ariaCurrentWhenActive="page"
               routerLinkActive="active"
               (click)="navbarOffcanvas.close()">
@@ -52,7 +53,7 @@
             <a
               [routerLink]="['/', 'cartographie']"
               queryParamsHandling="preserve"
-              class="nav-link pb-0 px-0"
+              class="nav-link ms-4 pb-0 px-0"
               ariaCurrentWhenActive="page"
               routerLinkActive="active"
               (click)="navbarOffcanvas.close()">

src/root/components/conteneur/conteneur.component.ts

@@ -1,5 +1,5 @@
-import { ChangeDetectionStrategy, Component, ElementRef, Inject, Input, Renderer2 } from '@angular/core';
-import { SkipLinkPresenter } from '../../../features/core';
+import { ChangeDetectionStrategy, Component, ElementRef, Inject, Input, Renderer2, ViewChild } from '@angular/core';
+import { OffcanvasComponent, SkipLinkPresenter } from '../../../features/core';
 import { BRAND_CONFIGURATION, BRAND_TOKEN, BrandConfiguration } from '../../configuration';
 
 @Component({
@@ -16,6 +16,8 @@ export class ConteneurComponent {
     BRAND_CONFIGURATION.name = name;
   }
 
+  @ViewChild('navbarOffcanvas') navbarOffcanvas!: OffcanvasComponent;
+
   public constructor(
     @Inject(BRAND_TOKEN) public readonly brandConfiguration: BrandConfiguration,
     public readonly skipLinkPresenter: SkipLinkPresenter,

src/root/layouts/application-root/application-root-layout.component.html

@@ -1,5 +1,18 @@
-<app-conteneur>
+<app-conteneur #conteneur>
   <router-outlet></router-outlet>
+  <ng-container slot="links">
+    <li class="nav-item">
+      <a
+        [routerLink]="['/', 'presentation']"
+        queryParamsHandling="preserve"
+        class="nav-link ms-4 pb-0 px-0"
+        ariaCurrentWhenActive="page"
+        routerLinkActive="active"
+        (click)="conteneur.navbarOffcanvas.close()">
+        Presentation
+      </a>
+    </li>
+  </ng-container>
   <footer id="footer" slot="footer" class="container-fluid p-4 bg-dark d-print-none">
     <div class="row justify-content-between">
       <div class="col-lg-auto">