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

View file

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

View file

@ -1,6 +1,6 @@
<template>
<div class="list-group list-button d-flex flex-column w-100 mb-2">
<input :type="isMultiSelect ? 'checkbox' : 'radio'" :id="buttonID" :name="groupName" :value="buttonID" :aria-required="isRequired" @click="handleClick(value)" :data-focus-target="groupName">
<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" :data-focus-target="groupName">
<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 v-if="buttonLabelSubCopy" class="m-0 small" :class="textPosition">{{buttonLabelSubCopy}}</span>