X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fvorgang%2Fvorgang.component.ts;h=986b1b204df3a38eb1e7c29c87f4e30d660e28ad;hb=ebb80e32ee68bfbd82eebd42a2dc32cacd64e328;hp=ddcfe43b60461e50b4e4e8a0519a5281fc9ed23d;hpb=b4b42f22c5320db3f9634889a3254a250a7746f5;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/vorgang/vorgang.component.ts b/src/app/vorgang/vorgang.component.ts
index ddcfe43..986b1b2 100644
--- a/src/app/vorgang/vorgang.component.ts
+++ b/src/app/vorgang/vorgang.component.ts
@@ -1,4 +1,11 @@
 import { Component, OnInit } from '@angular/core';
+import { VorgangService } from '../vorgang.service';
+import { Vorgang } from '../vorgang';
+import { Store, select } from '@ngrx/store';
+import { Observable } from 'rxjs';
+import { tap, map } from 'rxjs/operators';
+import { create } from '../actions/vorgang';
+import { State } from '../reducers/vorgang';
 
 @Component({
   selector: 'app-vorgang',
@@ -7,11 +14,23 @@ import { Component, OnInit } from '@angular/core';
 })
 export class VorgangComponent implements OnInit {
 
-  vorgang = "Hello world!";
+  vorgang$: Observable<Vorgang[]>;
 
-  constructor() { }
+  constructor(
+      private service: VorgangService,
+      private store: Store<{ vorgang: { vorgaenge: Vorgang[] }}>) {
+    this.vorgang$ = store.pipe(select('vorgang')).pipe(
+      tap((state) => console.log(`New state: ${JSON.stringify(state)}`)),
+      map((state: State) => state.vorgaenge));
+  }
 
   ngOnInit(): void {
   }
 
+  create(data: string) {
+    this
+      .service
+      .create({ vbId: 'peter', vorgangId: '1' , zustand: data })
+      .subscribe(result => this.store.dispatch(create( { vorgang: result })));
+  }
 }