|
|
|
|
|
|
1
|
<template lang="pug">
|
1
|
<template lang="pug">
|
|
2
|
.form-input
|
2
|
.form-input
|
|
3
|
span {{ question.response_key_prompt }}
|
3
|
span {{ question.response_key_prompt }}
|
|
4
|
- input(v-if="question.survey_stage !== 'image' && question.survey_stage !== 'blurb'" :placeholder='question.placeholder' type='text' v-model='input')
|
|
|
|
5
|
- w-button.ma1.grow(v-else-if="question.survey_stage == 'image'" @click="submitImage") UPLOAD IMAGE
|
|
|
|
6
|
- textarea(v-else-if="question.survey_stage == 'blurb'" rows="4" cols="50"
|
|
|
|
7
|
- v-model='input' :placeholder="`${question.placeholder}`")
|
|
|
|
|
|
4
|
+ input(v-if="question.survey_stage !== 'image' && question.survey_stage !== 'blurb' && question.survey_stage !== 'password'" :placeholder='question.placeholder' type='text' v-model='input')
|
|
|
|
5
|
+ input.pass(v-else-if="question.survey_stage === 'password'" :placeholder='question.placeholder' type='password' v-model='input' style="-webkit-text-security: circle")
|
|
|
|
6
|
+ w-button.ma1.grow(v-else-if="question.survey_stage === 'image'" @click="submitImage") UPLOAD IMAGE
|
|
|
|
7
|
+ textarea(v-else-if="question.survey_stage === 'blurb'" rows="4" cols="50" v-model='input' :placeholder="`${question.placeholder}`")
|
|
8
|
w-button.ma1.grow(@click="handleSubmit({ question, input })") NEXT
|
8
|
w-button.ma1.grow(@click="handleSubmit({ question, input })") NEXT
|
|
9
|
|
9
|
|
|
10
|
</template>
|
10
|
</template>
|