X-Git-Url: https://juplo.de/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Fvorgang%2Fvorgang.component.html;h=1a2a5be3f46278984374b77fb9df8e8a738753b6;hb=ebb80e32ee68bfbd82eebd42a2dc32cacd64e328;hp=d5c622fe7ff7a492019993ce7864d056b33d9148;hpb=19c4e709fac3a3b73f4bc2cdbebe0f1319195728;p=examples%2Fangular-tour-of-heroes

diff --git a/src/app/vorgang/vorgang.component.html b/src/app/vorgang/vorgang.component.html
index d5c622f..1a2a5be 100644
--- a/src/app/vorgang/vorgang.component.html
+++ b/src/app/vorgang/vorgang.component.html
@@ -1 +1,15 @@
-<p>vorgang works!</p>
+<div id="vorgang-component">
+  <h4><label for="vorgang-box">Vorgang</label></h4>
+
+  <input #vorgangBox id="vorgang-box" (input)="create(vorgangBox.value)" />
+
+  <ul class="vorgang-result">
+    <li *ngFor="let vorgang of vorgang$ | async" >
+      {{vorgang.type}}:
+      vbId={{vorgang.vbId}},
+      vorgangId={{vorgang.vorgangId}},
+      produkt={{vorgang.zustand?.produkt}},
+      dlz={{vorgang.zustand?.dlz}}
+    </li>
+  </ul>
+</div>