|
|
@@ -1,48 +0,0 @@
|
|
1
|
|
-<template lang="pug">
|
|
2
|
|
-w-card.aspects.w-flex.column
|
|
3
|
|
- form.questionnaire(@submit.prevent='this.$emit("handle-submit")')
|
|
4
|
|
- QuestionResponse(
|
|
5
|
|
- :question='question'
|
|
6
|
|
- @updated='updateRadio'
|
|
7
|
|
- v-for='question in aspectQuestions'
|
|
8
|
|
- )
|
|
9
|
|
- w-button.ma1.grow(bg-color='success' type='submit')
|
|
10
|
|
- w-icon.mr1 wi-check
|
|
11
|
|
- | SUBMIT ANSWERS
|
|
12
|
|
-</template>
|
|
13
|
|
-
|
|
14
|
|
-<script>
|
|
15
|
|
-import QuestionResponse from './QuestionResponse.vue'
|
|
16
|
|
-const answered = [null, null, null, null, null, null]
|
|
17
|
|
-
|
|
18
|
|
-export default {
|
|
19
|
|
- name: 'Aspects',
|
|
20
|
|
- components: {
|
|
21
|
|
- QuestionResponse,
|
|
22
|
|
- },
|
|
23
|
|
- props: {
|
|
24
|
|
- aspectQuestions: {
|
|
25
|
|
- required: true,
|
|
26
|
|
- type: Array,
|
|
27
|
|
- },
|
|
28
|
|
- },
|
|
29
|
|
- emits: ['handle-submit', 'update-answers'],
|
|
30
|
|
- async created() {
|
|
31
|
|
- this.aspectQuestions.forEach((q, i) => {
|
|
32
|
|
- console.log(`Aspect #${i}: ${JSON.stringify(q)}`)
|
|
33
|
|
- })
|
|
34
|
|
- },
|
|
35
|
|
- methods: {
|
|
36
|
|
- updateRadio(onRadioSelect) {
|
|
37
|
|
- answered[onRadioSelect.id - 1] = onRadioSelect.answer
|
|
38
|
|
- this.$emit('update-answers', {
|
|
39
|
|
- key: 'Aspects',
|
|
40
|
|
- question: {
|
|
41
|
|
- response_key_prompt: 'aspects',
|
|
42
|
|
- },
|
|
43
|
|
- answer: answered,
|
|
44
|
|
- })
|
|
45
|
|
- },
|
|
46
|
|
- },
|
|
47
|
|
-}
|
|
48
|
|
-</script>
|