Initial commit - LoreMind project

web/src/app/shared/breadcrumb/breadcrumb.component.ts

@@ -0,0 +1,35 @@
+import { Component, Input } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { RouterLink } from '@angular/router';
+
+/**
+ * Un niveau dans le fil d'Ariane.
+ * Si `route` est défini, l'item est cliquable (navigation).
+ * Sinon, c'est la position courante (dernier niveau, non-cliquable).
+ */
+export interface BreadcrumbItem {
+  label: string;
+  route?: string | any[];
+}
+
+/**
+ * Composant réutilisable de fil d'Ariane.
+ * Utilisation type :
+ *   <app-breadcrumb [items]="[
+ *     { label: 'Mon Univers', route: ['/lore', loreId] },
+ *     { label: 'PNJ',         route: ['/lore', loreId, 'folders', nodeId, 'edit'] },
+ *     { label: 'Aldric' }
+ *   ]"></app-breadcrumb>
+ */
+@Component({
+  selector: 'app-breadcrumb',
+  standalone: true,
+  imports: [CommonModule, RouterLink],
+  templateUrl: './breadcrumb.component.html',
+  styleUrls: ['./breadcrumb.component.scss']
+})
+export class BreadcrumbComponent {
+  @Input() items: BreadcrumbItem[] = [];
+
+  trackByIndex = (i: number) => i;
+}