Updates for replace options question

This commit is contained in:
Max 2022-01-21 13:37:06 -05:00
parent 0618ff935e
commit ddcca58d55
3 changed files with 11 additions and 3 deletions

View file

@ -3,6 +3,7 @@
<buttonQestion <buttonQestion
v-if="isAvailable" v-if="isAvailable"
:isMultiSelect="isMultiSelect" :isMultiSelect="isMultiSelect"
v-model="modelValue"
/> />
</div> </div>
</template> </template>
@ -22,7 +23,8 @@ export default ({
props: { props: {
isMultiSelect: Boolean, isMultiSelect: Boolean,
isAvailable: Boolean, isAvailable: Boolean,
filterByVehicleCategory: Boolean filterByVehicleCategory: Boolean,
modelValue: String,ewe3d
}, },
methods: { methods: {
initializeComponent(cmsContent, replaceOptions){ initializeComponent(cmsContent, replaceOptions){
@ -31,6 +33,11 @@ export default ({
this.replaceOptions = replaceOptions; this.replaceOptions = replaceOptions;
} }
}, },
watch: {
modelValue(val) {
this.$emit("update:modelValue", val);
}
},
components: { components: {
buttonQuestion, buttonQuestion,
} }

View file

@ -53,6 +53,7 @@ export default ({
resultMap.cmsContent.FunnelSubHeaderWidget resultMap.cmsContent.FunnelSubHeaderWidget
); );
// use resultMap.damageOptions for damage options // use resultMap.damageOptions for damage options
console.log(resultMap.damageOptions)
}); });
}, },

View file

@ -1,6 +1,6 @@
<template> <template>
<div class="list-group list-button d-flex flex-column w-100 mb-2"> <div class="list-group list-button d-flex flex-column w-100 mb-2" @mouseup="handleClick(value)" @keyup.space="handleClick(value)">
<input :type="isMultiSelect ? 'checkbox' : 'radio'" :id="buttonID" :name="groupName" :value="buttonID" :aria-required="isRequired" @click="handleClick(value)" :data-focus-target="groupName"> <input :type="isMultiSelect ? 'checkbox' : 'radio'" :id="buttonID" :name="groupName" :value="buttonID" :aria-required="isRequired" :data-focus-target="groupName">
<label tabindex="-1" :for="buttonID" :aria-labelledby="buttonID" class="d-flex flex-column justify-content-center py-3 px-4"> <label tabindex="-1" :for="buttonID" :aria-labelledby="buttonID" class="d-flex flex-column justify-content-center py-3 px-4">
<span class="m-0" :class="textPosition">{{ buttonLabel }}</span> <span class="m-0" :class="textPosition">{{ buttonLabel }}</span>
<span v-if="buttonLabelSubCopy" class="m-0 small" :class="textPosition">{{buttonLabelSubCopy}}</span> <span v-if="buttonLabelSubCopy" class="m-0 small" :class="textPosition">{{buttonLabelSubCopy}}</span>