X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fvorgang%2Fvorgang.component.ts;fp=src%2Fapp%2Fvorgang%2Fvorgang.component.ts;h=cfd8560b7f0093d183050682797b9bd18070b789;hb=28bda4db7661a99758eef1b832d5d39da7766d2a;hp=8324ca002383574e56a4b70d6a99bc2e1d6e0341;hpb=a232212e2aff197d3aea92194f83f76a241c3559;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/vorgang/vorgang.component.ts b/src/app/vorgang/vorgang.component.ts
index 8324ca0..cfd8560 100644
--- a/src/app/vorgang/vorgang.component.ts
+++ b/src/app/vorgang/vorgang.component.ts
@@ -1,9 +1,9 @@
 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 { State } from '../reducers/vorgang';
-import { increment, decrement, reset } from '../actions/vorgang';
-import { map } from 'rxjs/operators';
+import { create } from '../actions/vorgang';
 
 @Component({
   selector: 'app-vorgang',
@@ -12,24 +12,21 @@ import { map } from 'rxjs/operators';
 })
 export class VorgangComponent implements OnInit {
 
-  vorgang$: Observable<number>;
+  vorgang$: Observable<Vorgang[]>;
 
-  constructor(private store: Store<{ vorgang: State }>) {
-    this.vorgang$ = store.pipe(select('vorgang'), map(vorgang => vorgang.counter));
+  constructor(
+      private service: VorgangService,
+      private store: Store<{ vorgang: Vorgang[] }>) {
+    this.vorgang$ = store.pipe(select('vorgang'));
   }
 
   ngOnInit(): void {
   }
 
-  increment() {
-    this.store.dispatch(increment());
-  }
-
-  decrement() {
-    this.store.dispatch(decrement());
-  }
-
-  reset() {
-    this.store.dispatch(reset());
+  create(data: string) {
+    this
+      .service
+      .create({ vbId: 'peter', vorgangId: '1' , zustand: data })
+      .subscribe(result => this.store.dispatch(create( { vorgang: result })));
   }
 }