From 67fa42c0e41bd693a534d7a4a6e48961a3d49e4a Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 29 May 2023 22:22:19 +0200
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20(flow)=20add=20intention=20and=20th?=
 =?UTF-8?q?e=20other=20fields=20for=20step/team?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/flow/ProductionFlow.vue  |  1 +
 src/modules/flow/components/AddStep.vue | 37 +++++++++++++++++++------
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/components/flow/ProductionFlow.vue b/src/components/flow/ProductionFlow.vue
index e99e0dc..d286bc8 100644
--- a/src/components/flow/ProductionFlow.vue
+++ b/src/components/flow/ProductionFlow.vue
@@ -11,6 +11,7 @@ const store = useProductionFlow()
     <ul>
       <li :key="team.name" v-for="team in store.$state.teams">
         {{ team.name }}
+        <p>{{ team.intention }}</p>
         <button @click="store.removeTeam(team.id)">❌</button>
       </li>
     </ul>
diff --git a/src/modules/flow/components/AddStep.vue b/src/modules/flow/components/AddStep.vue
index bd83c7a..2316ca8 100644
--- a/src/modules/flow/components/AddStep.vue
+++ b/src/modules/flow/components/AddStep.vue
@@ -4,24 +4,45 @@ import { useProductionFlow } from "@/modules/flow/store/useProductionFlow.store"
 import { ref } from "vue"
 
 const store = useProductionFlow()
+
 const newTeam = ref("")
+const prerequisites = ref("")
+const output = ref("")
+const intention = ref("")
+const responsible = ref("")
+
+const clearTeam = () => {
+  newTeam.value = ""
+  prerequisites.value = ""
+  output.value = ""
+  intention.value = ""
+  responsible.value = ""
+}
 
 const addTeam = () => {
   store.addTeam({
     name: newTeam.value,
-    outputs: ["Go for live"],
-    prerequisites: ["new app version is step in staging environment"],
-    intention:
-      "Test the app as a whole to validate that the User Experience has no bug",
-    responsible: "Product Owner",
+    outputs: [output.value],
+    prerequisites: [prerequisites.value],
+    intention: intention.value,
+    responsible: responsible.value,
   })
+  clearTeam()
 }
 </script>
 
 <template>
-  <form class="add-step" @submit.prevent>
-    <FormInput id="team" label="Team" v-model="newTeam" />
-    <button @click="addTeam">Add a step</button>
+  <form class="add-step" @submit.prevent="addTeam">
+    <FormInput id="team" label="Team (or step)" v-model="newTeam" />
+    <FormInput
+      id="prerequisites"
+      label="Prerequisites"
+      v-model="prerequisites"
+    />
+    <FormInput id="output" label="Output" v-model="output" />
+    <FormInput id="intention" label="Intention" v-model="intention" />
+    <FormInput id="responsible" label="Responsible" v-model="responsible" />
+    <button type="submit">Add a step</button>
   </form>
 </template>