main.view--survey.f-col.start.w-full
header.w-full.f-col
p survey for profile: {{ current }}
article.match.w-full
ul.w-full
template(
:key='q.response_key_prompt'
v-for='(q, i) in profileQuestions'
)
li(v-if='step == i + 1')
p {{ q.response_key_category }}:
span in db:
span(v-if='q.response_key_id') true - id:{{ q.response_key_id }} |
span(v-else) false |
span {{ q.response_key_prompt }}?
span {{ q.response_key_description }}
//- Select
div(v-if='q.responses.length')
button.p-0(
:key='index'
@click='storeResponseLike(step, q.response_key_id, q.response_key_prompt, res); step++'
v-for='(res, index) in q.responses'
) {{ res }}
//- Fill in the blank
div(v-else-if='q.response_key_category === "profile"')
input(
@input='storeResponseLike(step, q.response_key_id, q.response_key_prompt, profile[q.response_key_prompt])'
@keyup.enter='step++'
v-model='profile[q.response_key_prompt]'
)
label >{{ profile[q.response_key_prompt] }}
//- Aspects
.f-col(v-else)
input.w-full(
@input='storeResponseLike(step, q.response_key_id, q.response_key_prompt, aspects[q.response_key_category])'
list='ticks'
max='3'
min='-3'
type='range'
v-model='aspects[q.response_key_category]'
)
label {{ aspectResponses[parseInt(aspects[q.response_key_category]) + 3] }}
nav.f-row
button(:disabled='step == 0' @click='step--') back
p {{ step }} of {{ profile.length }}
button(
@click='storeResponseLike(step, q.response_key_id, q.response_key_prompt, profile[q.response_key_prompt]); step++'
v-if='q.response_key_category === "profile"'
) next
button(
@click='storeResponseLike(step, q.response_key_id, q.response_key_prompt, aspects[q.response_key_category]); step++'
v-else
) next
//- Confirmation
li(v-if='step == profileQuestions.length + 1')
p Does this look correct?
h4 {{ profile }}
h4 {{ aspects }}
nav.f-row
button(@click='step--') back
p.p-1(@click='step = 1') start over
button(@click='onSave') save
//- button(@click="$router.push({ name: 'HomeView' })") save
footer
button(@click='bypass') +30 user profiles
MainNav