this repo has no description
✨ (flow) add intention and the other fields for step/team
+30
-8
+1
src/components/flow/ProductionFlow.vue
+1
src/components/flow/ProductionFlow.vue
+29
-8
src/modules/flow/components/AddStep.vue
+29
-8
src/modules/flow/components/AddStep.vue
···
4
4
import { ref } from "vue"
5
5
6
6
const store = useProductionFlow()
7
+
7
8
const newTeam = ref("")
9
+
const prerequisites = ref("")
10
+
const output = ref("")
11
+
const intention = ref("")
12
+
const responsible = ref("")
13
+
14
+
const clearTeam = () => {
15
+
newTeam.value = ""
16
+
prerequisites.value = ""
17
+
output.value = ""
18
+
intention.value = ""
19
+
responsible.value = ""
20
+
}
8
21
9
22
const addTeam = () => {
10
23
store.addTeam({
11
24
name: newTeam.value,
12
-
outputs: ["Go for live"],
13
-
prerequisites: ["new app version is step in staging environment"],
14
-
intention:
15
-
"Test the app as a whole to validate that the User Experience has no bug",
16
-
responsible: "Product Owner",
25
+
outputs: [output.value],
26
+
prerequisites: [prerequisites.value],
27
+
intention: intention.value,
28
+
responsible: responsible.value,
17
29
})
30
+
clearTeam()
18
31
}
19
32
</script>
20
33
21
34
<template>
22
-
<form class="add-step" @submit.prevent>
23
-
<FormInput id="team" label="Team" v-model="newTeam" />
24
-
<button @click="addTeam">Add a step</button>
35
+
<form class="add-step" @submit.prevent="addTeam">
36
+
<FormInput id="team" label="Team (or step)" v-model="newTeam" />
37
+
<FormInput
38
+
id="prerequisites"
39
+
label="Prerequisites"
40
+
v-model="prerequisites"
41
+
/>
42
+
<FormInput id="output" label="Output" v-model="output" />
43
+
<FormInput id="intention" label="Intention" v-model="intention" />
44
+
<FormInput id="responsible" label="Responsible" v-model="responsible" />
45
+
<button type="submit">Add a step</button>
25
46
</form>
26
47
</template>
27
48