From e22feac2c4fb2ba5f6dc32f56e31fa9b1bc5213a Mon Sep 17 00:00:00 2001 From: Johan LEROY Date: Thu, 17 Sep 2026 12:05:06 +0200 Subject: [PATCH] =?UTF-8?q?fix(frontend):=20navigation=20coh=C3=A9rente=20?= =?UTF-8?q?entre=20les=20pages=20authentifi=C3=A9es?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Logo cliquable vers le tableau de bord (ev-brand-link) et fil d'Ariane (ev-breadcrumb) sur les sous-pages, pour éviter les impasses de navigation entre dashboard, liste des sites et détail de site. --- .../src/app/features/dashboard/dashboard.html | 6 ++-- .../src/app/features/dashboard/dashboard.scss | 10 ------ .../site-detail-placeholder.html | 16 ++++++++- .../site-detail-placeholder.scss | 22 ++++++++++++ .../site-detail-placeholder.spec.ts | 3 +- .../site-detail-placeholder.ts | 5 +-- .../features/sites/site-list/site-list.html | 8 ++++- apps/frontend/src/styles.scss | 1 + apps/frontend/src/styles/_links.scss | 34 +++++++++++++++++++ .../32-design-systeme-frontend.md | 7 ++++ 10 files changed, 95 insertions(+), 17 deletions(-) create mode 100644 apps/frontend/src/styles/_links.scss diff --git a/apps/frontend/src/app/features/dashboard/dashboard.html b/apps/frontend/src/app/features/dashboard/dashboard.html index a626229..08b015e 100644 --- a/apps/frontend/src/app/features/dashboard/dashboard.html +++ b/apps/frontend/src/app/features/dashboard/dashboard.html @@ -1,14 +1,16 @@
-
- Voir les sites + Voir les sites + + +
+ + +

Site {{ siteId }}

+
+ -

Détail du site {{ siteId }} : à venir (voir issue #51).

+

Le détail de ce site est à venir (voir issue #51).

+ Retour aux sites
diff --git a/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.scss b/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.scss index b3874ae..ca04d4a 100644 --- a/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.scss +++ b/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.scss @@ -1,6 +1,28 @@ :host { display: block; + color: var(--color-text); padding: 2.5rem 2rem; max-width: 640px; margin: 0 auto; } + +.site-detail-placeholder__header { + display: flex; + align-items: center; + gap: 0.85rem; + margin-bottom: 1.5rem; + + h1 { + margin: 0; + font-size: 1.5rem; + font-weight: 700; + } +} + +.site-detail-placeholder__logo { + font-size: 1.3rem; +} + +ev-card p { + margin: 0 0 0.75rem; +} diff --git a/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.spec.ts b/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.spec.ts index 386a686..ecf28c1 100644 --- a/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.spec.ts +++ b/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.spec.ts @@ -1,5 +1,5 @@ import { TestBed } from '@angular/core/testing'; -import { ActivatedRoute, convertToParamMap } from '@angular/router'; +import { ActivatedRoute, convertToParamMap, provideRouter } from '@angular/router'; import { SiteDetailPlaceholder } from './site-detail-placeholder'; describe('SiteDetailPlaceholder', () => { @@ -7,6 +7,7 @@ describe('SiteDetailPlaceholder', () => { TestBed.configureTestingModule({ imports: [SiteDetailPlaceholder], providers: [ + provideRouter([]), { provide: ActivatedRoute, useValue: { snapshot: { paramMap: convertToParamMap({ siteId: 'SITE001' }) } }, diff --git a/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.ts b/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.ts index 720557b..2474a7d 100644 --- a/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.ts +++ b/apps/frontend/src/app/features/sites/site-detail-placeholder/site-detail-placeholder.ts @@ -1,11 +1,12 @@ import { Component, inject } from '@angular/core'; -import { ActivatedRoute } from '@angular/router'; +import { ActivatedRoute, RouterLink } from '@angular/router'; import { Card } from '../../../shared/components/ui/card/card'; +import { Brand } from '../../../shared/components/ui/brand/brand'; @Component({ selector: 'app-site-detail-placeholder', standalone: true, - imports: [Card], + imports: [RouterLink, Card, Brand], templateUrl: './site-detail-placeholder.html', styleUrl: './site-detail-placeholder.scss', }) diff --git a/apps/frontend/src/app/features/sites/site-list/site-list.html b/apps/frontend/src/app/features/sites/site-list/site-list.html index 509c08d..f53b506 100644 --- a/apps/frontend/src/app/features/sites/site-list/site-list.html +++ b/apps/frontend/src/app/features/sites/site-list/site-list.html @@ -1,6 +1,12 @@
+ +
-