Ajout pipe capitalize

src/app/app.module.ts

@@ -6,6 +6,7 @@ import {AppComponent} from './app.component';
 
 import * as Components from './components';
 import * as Services from './services';
+import * as Pipes from './pipes';
 
 @NgModule({
   declarations: [
@@ -14,6 +15,7 @@ import * as Services from './services';
     Components.LoaderComponent,
     Components.PageTrombinoscopeComponent,
     Components.TrombinoscopeCardComponent,
+    Pipes.CapitalizePipe,
   ],
   imports: [
     BrowserModule,

src/app/components/trombinoscope-card/trombinoscope-card.component.html

 <div *ngIf="person" class="card">
-  <h2 bp="text-center">{{ person.fullName }}</h2>
+  <h2 bp="text-center">{{ person.fullName | capitalize }}</h2>
   <img [src]="person.image">
 </div>

src/app/pipes/capitalize.pipe.ts

+import {Pipe, PipeTransform} from '@angular/core';
+
+@Pipe({name: 'capitalize'})
+export class CapitalizePipe implements PipeTransform {
+  transform(value: string): string {
+    return value
+      .split(' ')
+      .reduce((acc: string, part: string) => {
+        return `${acc ? `${acc} ` : ''}${part.charAt(0).toUpperCase()}${part.slice(1)}`;
+      }, null);
+  }
+}

src/app/pipes/index.ts

+export * from './capitalize.pipe';