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(v-for="(q, i) in profileQuestions" :key="q.response_key_prompt")
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(
v-for="(res, index) in q.responses"
:key="index"
@click="storeResponseLike(step, q.response_key_id, q.response_key_prompt, res); step++"
).p-0 {{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])" v-model="profile[q.response_key_prompt]" @keyup.enter="step++")
label >{{ profile[q.response_key_prompt]}}
//- Aspects
div(v-else).f-col
input(type="range" min="-3" max="3" list="ticks" @input="storeResponseLike(step, q.response_key_id, q.response_key_prompt, aspects[q.response_key_category])" v-model="aspects[q.response_key_category]").w-full
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(
v-if="(q.response_key_category === 'profile')"
@click="storeResponseLike(step, q.response_key_id, q.response_key_prompt, profile[q.response_key_prompt]); step++"
) next
button(
v-else
@click="storeResponseLike(step, q.response_key_id, q.response_key_prompt, aspects[q.response_key_category]); step++"
) 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(@click="step = 1").p-1 start over
button(@click="onSave") save
//- button(@click="$router.push({ name: 'HomeView' })") save
footer
button(@click="bypass") +30 user profiles