main.view--survey.f-col.start.w-full
header.w-full.f-col
Transition(name="slide-up" :duration="1600")
h3(v-if="step == 0") hello, what shall i call you?
span(v-for="letter in name" class="fade") {{ letter }}
h3(v-else-if="step == 1") What can i help you with,
span {{ name }}?
br
span I am seeking a
span(v-if="!seeking") ___________.
span(v-else class="fade") {{ seeking }}.
h3(v-else-if="step == 2") Looking for a {{ seeking }} then.
span You're in the right place.
br
span How would you like to use siimee?
br
span I am
span(v-if="!urgency") ___________.
span(v-else class="fade") {{ urgency }}.
h3(v-else-if="[3, 4, 5, 6].includes(step)")
span I am a
span(v-if="!role && !experience" class="fade") _________ _________
span(v-else-if="role && !experience" class="fade") _________ {{ role }}
span(v-else-if="!role && experience" class="fade") {{ experience }} _________
span(v-else class="fade") {{ experience }} {{ role }}
span .
br
span Looking for a
span(v-if="!distance && !duration" class="fade") ________ ________
span(v-else-if="!distance && duration" class="fade") {{ duration }} ________
span(v-else-if="distance && !duration" class="fade") _________ {{ distance }}
span(v-else class="fade") {{ duration }} {{ distance }}
span role.
h3(v-else)
p My name is {{ name }}.
span(v-if="pronouns") My pronouns are {{ pronouns }}.
p I am
span a {{ experience }}
span {{ role }}
p Looking for a {{ duration }},
span {{ distance }}
span {{ seeking }}.
p I am proficient in
span(v-for="(lang, i) in language") {{ lang }}
span(v-if="i > 1") ,
article.match.w-full
ul.w-full
template(v-for="(q, i) in profileQuestions" :key="q.response_key_prompt")
li(v-if="step == i").f-col
p step: {{ i }}
component(
v-if="componentMap[q.response_key_prompt]"
:is="componentMap[q.response_key_prompt]"
:opts="q.responses"
:prompt="q.response_key_prompt"
@selected="onButtonSelect"
@hovered="onInputChange"
@input="onInputChange"
)
div(v-else-if="step >= priorityQuestions.length")
button(@click="step = 0") save
footer.f-row
button(@click="back(q.response_key_prompt)").w-full back
//- SurveyForm(v-if="validSurvey && validSurvey.steps" :form="validSurvey.steps" :pid="pid")
MainNav(:pid="pid" @show-sidebar="$emit('show-sidebar')")