z3n/datacat
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat(api-detail): fil d'Ariane aligné sur la hiérarchie des catégories

Browse Source 
Accueil > [ancêtres de catégorie] > [titre API], ou
Accueil > Parcourir > [titre API] si l'API n'a pas de catégorie.

Generated with [Claude Code](https://claude.ai/code)
via [Happy](https://happy.engineering)

Co-Authored-By: Claude <noreply@anthropic.com>
Co-Authored-By: Happy <yesreply@happy.engineering>
This commit is contained in:
z3n
2026-06-11 13:54:24 +00:00
parent e85696079c
commit b9d45c0c3c
1 changed files with 14 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
front-public/src/app/pages/api-detail/api-detail.component.ts
View File

@@ -23,8 +23,14 @@ import { ApiEntry, Category, ApiConvention } from '@datacat/shared';
<nav class="fr-breadcrumb fr-mb-3w" aria-label="vous êtes ici"> <nav class="fr-breadcrumb fr-mb-3w" aria-label="vous êtes ici">
<ol class="fr-breadcrumb__list"> <ol class="fr-breadcrumb__list">
<li> <li>
<a class="fr-breadcrumb__link" routerLink="/catalog">Catalogue</a> <a class="fr-breadcrumb__link" routerLink="/">Accueil</a>
</li> </li>
@if (categoryBreadcrumb().length === 0) {
<li><a class="fr-breadcrumb__link" routerLink="/browse">Parcourir</a></li>
}
@for (crumb of categoryBreadcrumb(); track crumb.id) {
<li><a class="fr-breadcrumb__link" [routerLink]="['/browse', crumb.id]">{{ crumb.name }}</a></li>
}
<li> <li>
<a class="fr-breadcrumb__link" aria-current="page"> <a class="fr-breadcrumb__link" aria-current="page">
{{ api()?.title ?? 'Chargement...' }} {{ api()?.title ?? 'Chargement...' }}
@@ -347,6 +353,7 @@ export class ApiDetailComponent implements OnInit, OnDestroy {
private categoryService = inject(CategoryService); private categoryService = inject(CategoryService);
api = signal<ApiEntry | null>(null); api = signal<ApiEntry | null>(null);
categoryBreadcrumb = signal<Category[]>([]);
loading = signal(false); loading = signal(false);
error = signal<string | null>(null); error = signal<string | null>(null);
regenerating = signal(false); regenerating = signal(false);
@@ -486,6 +493,12 @@ export class ApiDetailComponent implements OnInit, OnDestroy {
this.api.set(entry); this.api.set(entry);
this.loading.set(false); this.loading.set(false);
this.startPollIfPending(); this.startPollIfPending();
if (entry.categoryId) {
this.categoryService.browse(entry.categoryId).subscribe({
next: (data) => this.categoryBreadcrumb.set(data.breadcrumb),
error: () => {},
});
}
}, },
error: (err) => { error: (err) => {
this.error.set(err.message ?? 'Erreur lors du chargement'); this.error.set(err.message ?? 'Erreur lors du chargement');