jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

adding condition to when radio button on change event fires

Browse source
This commit is contained in:
Max 2022-02-14 16:18:50 -05:00
parent b48312b869
commit 56cda31f8c
2 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/common-components/button-question/button-question.vue
View file

@ -31,6 +31,7 @@
screenReaderOnlyText="(opens new window)" screenReaderOnlyText="(opens new window)"
:colLength="this.answers.length < 3 ? '' : '-4'" :colLength="this.answers.length < 3 ? '' : '-4'"
:selectedButtonIDs="selectedValues" :selectedButtonIDs="selectedValues"
:newPageOnSelect="isOverflowScrollable"
data-test="button" data-test="button"
/> />
</div> </div>
@ -126,7 +127,7 @@ export default {
val.isChecked ? newSelectedValues.push(val.buttonId) : newSelectedValues.splice(newSelectedValues.indexOf(val.buttonId), 1); val.isChecked ? newSelectedValues.push(val.buttonId) : newSelectedValues.splice(newSelectedValues.indexOf(val.buttonId), 1);
this.selectedValues = newSelectedValues; this.selectedValues = newSelectedValues;
} else { } else {
this.selectedValues = [val.buttonId] this.selectedValues = [val.buttonId];
} }
}, },
}, },

10
src/ux-components/list-button/list-button.vue
View file

@ -12,7 +12,7 @@
:aria-required="isRequired" :aria-required="isRequired"
:data-focus-target="groupName" :data-focus-target="groupName"
v-model="checkValue" v-model="checkValue"
@change="handleCheckChange" @change="!newPageOnSelect ? handleCheckChange : ''"
> >
<label <label
tabindex="-1" tabindex="-1"
@ -73,6 +73,7 @@ export default {
default: "", default: "",
}, },
selectedButtonIDs: [Array, String], selectedButtonIDs: [Array, String],
newPageOnSelect: Boolean,
}, },
data() { data() {
return { return {
@ -90,9 +91,8 @@ export default {
this.isLoaderDisplayed = true; this.isLoaderDisplayed = true;
}, },
handleClick(value) { handleClick(value) {
if (this.loaderEnabled) { this.loaderEnabled ? this.displayLoader() : '';
this.displayLoader(); this.newPageOnSelect ? this.handleCheckChange() : '';
}
this.handleChange(value); this.handleChange(value);
}, },
handleCheckChange(newValue, oldValue){ handleCheckChange(newValue, oldValue){
@ -100,7 +100,7 @@ export default {
if (!isInitialization) { if (!isInitialization) {
this.$emit('isCheckedChanged', { isChecked: this.checkValue, buttonId: this.buttonID.toString() }); this.$emit('isCheckedChanged', { isChecked: this.checkValue, buttonId: this.buttonID.toString() });
} }
} },
}, },
components: { components: {
loader, loader,