From 8bc0a291cb1d298cce4fac9e6e64f0ddbabdb61e Mon Sep 17 00:00:00 2001 From: brydon1 Date: Fri, 30 Jun 2023 13:46:46 -0400 Subject: [PATCH 1/5] Replacing all spaces in string with dashes, instead of some --- .../base-input-button/base-input-button.vue | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/digital-components/base-input-button/base-input-button.vue b/src/digital-components/base-input-button/base-input-button.vue index 8768bb8c..0c92db50 100644 --- a/src/digital-components/base-input-button/base-input-button.vue +++ b/src/digital-components/base-input-button/base-input-button.vue @@ -121,9 +121,7 @@ export default { return this.isMultiSelect ? "checkbox" : "radio"; }, buttonId() { - return `${this.groupName?.replace(" ", "-")}-${this.value - ?.toString() - ?.replace(" ", "-")}`; + return `${this.groupName}-${this.value}`.replaceAll(" ", "-"); }, isValueSelectedOnClick() { return this.isMultiSelect || this.selectingInitiatesLoad; From 4eea65b58d624747bbe87564bd1d331021352c3c Mon Sep 17 00:00:00 2001 From: brydon1 Date: Fri, 30 Jun 2023 13:47:11 -0400 Subject: [PATCH 2/5] Simplified syntax --- src/digital-components/button-question/button-question.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue index 5679e96c..55033df7 100644 --- a/src/digital-components/button-question/button-question.vue +++ b/src/digital-components/button-question/button-question.vue @@ -31,7 +31,7 @@
+ :key="answer.value ?? answer"> Date: Fri, 30 Jun 2023 13:47:49 -0400 Subject: [PATCH 3/5] Removing all spaces from group names --- .../glass-part-question/glass-part-question.vue | 8 ++++++-- 1 file changed, 6 insertions(+), 2 deletions(-) diff --git a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue index 9b1beaec..a5e862bd 100644 --- a/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue +++ b/src/layouts/vehicle-parts/glass-part-question/glass-part-question.vue @@ -12,7 +12,7 @@ :isWide="true" altText="" isRequired - :groupName="`${glassLocation}-${glassName}`" + :groupName="replaceAllSpaceWithDash(`${glassLocation}-${glassName}`)" :validationRules="tintValidationRules">
@@ -27,7 +27,7 @@ :loaderEnabled="false" isRequired isSmallQuestionText - :groupName="`${glassLocation}-${glassName}-${selectedTint}`" + :groupName="replaceAllSpaceWithDash(`${glassLocation}-${glassName}-${selectedTint}`)" :validationRules="partValidationRules" />
@@ -210,6 +210,10 @@ export default { } }); }, + + replaceAllSpaceWithDash(str) { + return String(str).replaceAll(" ", "-"); + }, }, watch: { selectedTint() { From 2485e2ac73032f03a4c89b5b5c58348f71dd99bc Mon Sep 17 00:00:00 2001 From: brydon1 Date: Fri, 30 Jun 2023 13:48:19 -0400 Subject: [PATCH 4/5] When unmounted, resetting field --- src/ux-components/radio/radio.vue | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/ux-components/radio/radio.vue b/src/ux-components/radio/radio.vue index 1a0d52d7..2c02e245 100644 --- a/src/ux-components/radio/radio.vue +++ b/src/ux-components/radio/radio.vue @@ -76,6 +76,7 @@ value: inputValue, handleChange, errors, + resetField } = useField(props.groupName, props.validationRules, { type: inputType, @@ -84,8 +85,12 @@ return { handleChange, errors, + resetField }; }, + unmounted(){ + this.resetField(); + } }; From 0fa3b5aa248341e6edc3c473b007a501afef1403 Mon Sep 17 00:00:00 2001 From: brydon1 Date: Fri, 30 Jun 2023 14:00:36 -0400 Subject: [PATCH 5/5] Removing ignored value --- src/ux-components/radio/radio.vue | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/ux-components/radio/radio.vue b/src/ux-components/radio/radio.vue index cdb3b273..5be0c629 100644 --- a/src/ux-components/radio/radio.vue +++ b/src/ux-components/radio/radio.vue @@ -71,7 +71,6 @@ export default { }, }, setup(props) { - const inputType = "radio"; const { value: inputValue, @@ -80,8 +79,7 @@ export default { resetField } = useField(props.groupName, props.validationRules, { - type: inputType//, - //checkedValue: props.value, + type: inputType }); return {