|
|
@@ -2,73 +2,71 @@
|
|
2
|
2
|
main.view--survey.f-col.start.w-full
|
|
3
|
3
|
header.w-full.f-col
|
|
4
|
4
|
p survey for profile: {{ pid }}
|
|
5
|
|
- Transition(name="slide-up" :duration="1600")
|
|
6
|
|
- h3(v-if="step == 0") hello, what shall i call you?
|
|
7
|
|
- span(v-for="letter in name" class="fade") {{ letter }}
|
|
|
5
|
+ //- Transition(name="slide-up" :duration="1600")
|
|
|
6
|
+ //- h3(v-if="step == 0") hello, what shall i call you?
|
|
|
7
|
+ //- span(v-for="letter in name" class="fade") {{ letter }}
|
|
8
|
8
|
|
|
9
|
|
- h3(v-else-if="step == 1") Hi {{ name}}.
|
|
10
|
|
- span What can i help you with?
|
|
11
|
|
- br
|
|
12
|
|
- span I am seeking a
|
|
13
|
|
- span(v-if="!seeking") ___________.
|
|
14
|
|
- span(v-else class="fade") {{ seeking }}.
|
|
|
9
|
+ //- h3(v-else-if="step == 1") Hi {{ name}}.
|
|
|
10
|
+ //- span What can i help you with?
|
|
|
11
|
+ //- br
|
|
|
12
|
+ //- span I am seeking a
|
|
|
13
|
+ //- span(v-if="!seeking") ___________.
|
|
|
14
|
+ //- span(v-else class="fade") {{ seeking }}.
|
|
15
|
15
|
|
|
16
|
|
- h3(v-else-if="step == 2") Looking for a {{ seeking }} then.
|
|
17
|
|
- span You're in the right place.
|
|
18
|
|
- br
|
|
19
|
|
- span How would you like to use siimee?
|
|
20
|
|
- br
|
|
21
|
|
- span I am
|
|
22
|
|
- span(v-if="!urgency") ___________.
|
|
23
|
|
- span(v-else class="fade") {{ urgency }}.
|
|
|
16
|
+ //- h3(v-else-if="step == 2") Looking for a {{ seeking }} then.
|
|
|
17
|
+ //- span You're in the right place.
|
|
|
18
|
+ //- br
|
|
|
19
|
+ //- span How would you like to use siimee?
|
|
|
20
|
+ //- br
|
|
|
21
|
+ //- span I am
|
|
|
22
|
+ //- span(v-if="!urgency") ___________.
|
|
|
23
|
+ //- span(v-else class="fade") {{ urgency }}.
|
|
24
|
24
|
|
|
25
|
|
- h3(v-else-if="[3, 4, 5, 6].includes(step)")
|
|
26
|
|
- span I am a
|
|
27
|
|
- span(v-if="!role && !experience" class="fade") _________ _________
|
|
28
|
|
- span(v-else-if="role && !experience" class="fade") _________ {{ role }}
|
|
29
|
|
- span(v-else-if="!role && experience" class="fade") {{ experience }} _________
|
|
30
|
|
- span(v-else class="fade") {{ experience }} {{ role }}
|
|
31
|
|
- span .
|
|
32
|
|
- br
|
|
33
|
|
- span Looking for a
|
|
34
|
|
- span(v-if="!distance && !duration" class="fade") ________ ________
|
|
35
|
|
- span(v-else-if="!distance && duration" class="fade") {{ duration }} ________
|
|
36
|
|
- span(v-else-if="distance && !duration" class="fade") _________ {{ distance }}
|
|
37
|
|
- span(v-else class="fade") {{ duration }} {{ distance }}
|
|
38
|
|
- span role.
|
|
|
25
|
+ //- h3(v-else-if="[3, 4, 5, 6].includes(step)")
|
|
|
26
|
+ //- span I am a
|
|
|
27
|
+ //- span(v-if="!role && !experience" class="fade") _________ _________
|
|
|
28
|
+ //- span(v-else-if="role && !experience" class="fade") _________ {{ role }}
|
|
|
29
|
+ //- span(v-else-if="!role && experience" class="fade") {{ experience }} _________
|
|
|
30
|
+ //- span(v-else class="fade") {{ experience }} {{ role }}
|
|
|
31
|
+ //- span .
|
|
|
32
|
+ //- br
|
|
|
33
|
+ //- span Looking for a
|
|
|
34
|
+ //- span(v-if="!distance && !duration" class="fade") ________ ________
|
|
|
35
|
+ //- span(v-else-if="!distance && duration" class="fade") {{ duration }} ________
|
|
|
36
|
+ //- span(v-else-if="distance && !duration" class="fade") _________ {{ distance }}
|
|
|
37
|
+ //- span(v-else class="fade") {{ duration }} {{ distance }}
|
|
|
38
|
+ //- span role.
|
|
39
|
39
|
|
|
40
|
|
- h3(v-else)
|
|
41
|
|
- p My name is {{ name }}.
|
|
42
|
|
- span(v-if="pronouns") My pronouns are {{ pronouns }}.
|
|
43
|
|
- p I am
|
|
44
|
|
- span a {{ experience }}
|
|
45
|
|
- span {{ role }}
|
|
46
|
|
- p Looking for a {{ duration }},
|
|
47
|
|
- span {{ distance }}
|
|
48
|
|
- span {{ seeking }}.
|
|
49
|
|
- p I am proficient in
|
|
50
|
|
- span(v-for="(lang, i) in language") {{ lang }}
|
|
51
|
|
- span(v-if="i > 1") ,
|
|
|
40
|
+ //- h3(v-else)
|
|
|
41
|
+ //- p My name is {{ name }}.
|
|
|
42
|
+ //- span(v-if="pronouns") My pronouns are {{ pronouns }}.
|
|
|
43
|
+ //- p I am
|
|
|
44
|
+ //- span a {{ experience }}
|
|
|
45
|
+ //- span {{ role }}
|
|
|
46
|
+ //- p Looking for a {{ duration }},
|
|
|
47
|
+ //- span {{ distance }}
|
|
|
48
|
+ //- span {{ seeking }}.
|
|
|
49
|
+ //- p I am proficient in
|
|
|
50
|
+ //- span(v-for="(lang, i) in language") {{ lang }}
|
|
|
51
|
+ //- span(v-if="i > 1") ,
|
|
52
|
52
|
|
|
53
|
53
|
article.match.w-full
|
|
54
|
54
|
ul.w-full
|
|
55
|
55
|
template(v-for="(q, i) in profileQuestions" :key="q.response_key_prompt")
|
|
56
|
|
- li(v-if="step == i").f-col
|
|
57
|
|
- p step: {{ i }}
|
|
58
|
|
- component(
|
|
59
|
|
- v-if="componentMap[q.response_key_prompt]"
|
|
60
|
|
- :is="componentMap[q.response_key_prompt]"
|
|
61
|
|
- :opts="q.responses"
|
|
62
|
|
- :prompt="q.response_key_prompt"
|
|
63
|
|
- @selected="onButtonSelect"
|
|
64
|
|
- @hovered="onInputChange"
|
|
65
|
|
- @input="onInputChange"
|
|
66
|
|
- )
|
|
67
|
|
- div(v-else-if="step >= priorityQuestions.length")
|
|
68
|
|
- button(@click="step = 0") save
|
|
69
|
|
- footer.f-row
|
|
70
|
|
- button(@click="back(q.response_key_prompt)").w-full back
|
|
71
|
|
- //- SurveyForm(v-if="validSurvey && validSurvey.steps" :form="validSurvey.steps" :pid="pid")
|
|
|
56
|
+ p {{q}}
|
|
|
57
|
+ //- li(v-if="step == i").f-col
|
|
|
58
|
+ //- p step: {{ i }}
|
|
|
59
|
+ //- component(
|
|
|
60
|
+ //- v-if="componentMap[q.response_key_prompt]"
|
|
|
61
|
+ //- :is="componentMap[q.response_key_prompt]"
|
|
|
62
|
+ //- :opts="q.responses"
|
|
|
63
|
+ //- :prompt="q.response_key_prompt"
|
|
|
64
|
+ //- @selected="onButtonSelect"
|
|
|
65
|
+ //- @hovered="onInputChange"
|
|
|
66
|
+ //- @input="onInputChange"
|
|
|
67
|
+ //- )
|
|
|
68
|
+ //- footer.f-row
|
|
|
69
|
+ //- button(@click="back(q.response_key_prompt)").w-full back
|
|
72
|
70
|
MainNav(@show-sidebar="$emit('show-sidebar')")
|
|
73
|
71
|
</template>
|
|
74
|
72
|
|
|
|
@@ -110,15 +108,7 @@ export default {
|
|
110
|
108
|
computed: {
|
|
111
|
109
|
profileQuestions() {
|
|
112
|
110
|
if (!this.validSurvey) return []
|
|
113
|
|
- return this.validSurvey.steps.filter(
|
|
114
|
|
- step => step.response_key_category == 'profile',
|
|
115
|
|
- )
|
|
116
|
|
- },
|
|
117
|
|
- priorityQuestions() {
|
|
118
|
|
- if (!this.validSurvey) return []
|
|
119
|
|
- return this.validSurvey.steps.filter(
|
|
120
|
|
- step => step.response_key_category != 'profile',
|
|
121
|
|
- )
|
|
|
111
|
+ return this.validSurvey.steps
|
|
122
|
112
|
},
|
|
123
|
113
|
},
|
|
124
|
114
|
async created() {
|