Fin et test des component Item et Item-detail

HPFront/src/app/character/character.component.ts

@@ -9,19 +9,19 @@ import { Character } from './../../Classes/Character';
 })
 export class CharacterComponent implements OnInit {
 
-  character; //= new Character("Riaile", 0);
+  character : Character; //= new Character("Riaile", 0);
   constructor(
     private characterService: CharacterService
-    ) {//Character.cpid++;
+    ) {
     }
   getCharacter(id: number):void{
     this.characterService.getCharacter(id)
     .subscribe(character => this.character = character);
   }
-  damage(d:number):void{
+  /* damage(d:number):void{
     this.character.takeDamage(d); 
   }
-
+ */
   ngOnInit() {
   }
   

HPFront/src/app/in-memory-data.service.ts

 import { Injectable } from '@angular/core';
 import { Character } from './../Classes/Character';
+import { Item } from './../Classes/Item';
 import { InMemoryDbService } from 'angular-in-memory-web-api';
 
 @Injectable({
@@ -24,9 +25,13 @@ export class InMemoryDataService implements InMemoryDbService {
         max_mana: 100 
       }
       ];
-    return {characters, dragon};
+      const inventory = [
+        {id : 1, name: "clé", content:"Clés de la cave où tu sequestre des enfants."},
+        {id : 2, name: "Ballais volant", content: "Ballais d'un ancien champion de Quiditsh"},
+        {id : 3, name: "Anneau", content: "Anneau rare ayant appartenut à quelle qu'un de connue"}
+      ];
+    return {characters, dragon, inventory};
   }
-
   genId(characters: Character[]):number{
     return characters.length > 0? Math.max(...characters.map(characters => characters.id))+1 :1;
   }

HPFront/src/app/item.service.ts

@@ -9,7 +9,7 @@ import { catchError, tap } from 'rxjs/operators';
   providedIn: 'root'
 })
 export class ItemService {
-  private itemUrl = 'api/item';
+  private itemUrl = 'api/inventory';
   private handleError<T>(operation = 'operation', result?: T){
     return (error: any): Observable<T> =>{
 
@@ -26,7 +26,7 @@ export class ItemService {
   getItems():Observable<Item[]>{
     return this.http.get<Item[]>(this.itemUrl)
       .pipe(
-        tap(_=>console.error('fetched characters')),
+        tap(_=>console.error('fetched items')),
         catchError(this.handleError<Item[]>('getItems',[]))
       )
   }

HPFront/src/app/item/item.component.html

 <h2>Inventory:</h2>
 <ul class="items">
     <li *ngFor="let item of items">
-        <span class="badge"></span>{{item.name}}
+        <a routerLink = "/itemdetail/{{item.id}}">
+            <span class="badge">{{item.name}}</span>
+        </a> 
     </li>
 </ul>

HPFront/src/app/item/item.component.ts

@@ -15,13 +15,16 @@ export class ItemComponent implements OnInit {
     private itemService: ItemService
   ) { }
   getItems():void{
+    console.log(this.items);
     this.itemService.getItems().subscribe(items  =>this.items = items);
+    console.log(this.items);
   }
   /*
   getItem(id:number):void{
     this.itemService.getItem(id).subscribe(item => this.item = item);
   }*/
   ngOnInit() {
+    this.getItems()
   }
 
 }