diff --git a/src/common-components/button-question/button-question.vue b/src/common-components/button-question/button-question.vue index 13cb43240..7b9654139 100644 --- a/src/common-components/button-question/button-question.vue +++ b/src/common-components/button-question/button-question.vue @@ -11,7 +11,7 @@ :is="buttonType" v-for="answer in answers" :key="answer.Name ? answer.Name : answer" - @isChecked="handleCheckedChanged" + @isCheckedChanged="handleCheckedChanged" :buttonID="answer.Name ? answer.Name : answer" :value="answer.Name ? answer.Name : answer" :buttonLabel="answer.Text ? answer.Text : answer" @@ -108,13 +108,14 @@ export default { if(Array.isArray(this.answers) && this.answers.length === 1) { this.modelValueAnswers.push(typeof(this.answers[0]) === 'object' ? this.answers[0].Name : this.answers[0]); this.$emit("update:modelValue", this.modelValueAnswers); - }; + } }, methods: { handleCheckedChanged(val) { // Add or remove item to array of data to emit val.isChecked ? this.modelValueAnswers.push(val.buttonId) : this.modelValueAnswers.splice(this.modelValueAnswers.indexOf(val.buttonId), 1); - this.$emit("update:modelValue", this.modelValueAnswers.length ? this.modelValueAnswers : undefined); + const answersToEmit = this.modelValueAnswers.length ? this.modelValueAnswers : undefined; + this.$emit("update:modelValue", answersToEmit); }, }, components: { diff --git a/src/common-components/funnel-footer/funnel-footer.vue b/src/common-components/funnel-footer/funnel-footer.vue index 90c380b08..05c184b5c 100644 --- a/src/common-components/funnel-footer/funnel-footer.vue +++ b/src/common-components/funnel-footer/funnel-footer.vue @@ -65,6 +65,9 @@ export default { this.$nextTick(() => { window.addEventListener('resize', this.onResize); }) + setTimeout(function(){ // Give it a moment to set the date + document.getElementById('years').innerHTML += new Date().getFullYear(); + }, 100); }, beforeUnmount() { window.removeEventListener('resize', this.onResize); @@ -75,7 +78,4 @@ export default { } } }; -setTimeout(function(){ // Give it a moment to set the date - document.getElementById('years').innerHTML += new Date().getFullYear(); -}, 100); diff --git a/src/ux-components/list-button-horizontal/list-button-horizontal.vue b/src/ux-components/list-button-horizontal/list-button-horizontal.vue index 652102f64..967523893 100644 --- a/src/ux-components/list-button-horizontal/list-button-horizontal.vue +++ b/src/ux-components/list-button-horizontal/list-button-horizontal.vue @@ -69,7 +69,7 @@ export default { type: String, default: "", }, - modelValue: false, + modelValue: [Array, String], }, data() { return { @@ -77,6 +77,9 @@ export default { checkValue: Boolean, }; }, + created(){ + this.checkValue = this.modelValue ? this.modelValue.includes(this.buttonID) : false; + }, methods: { displayLoader() { this.isLoaderDisplayed = true; @@ -90,7 +93,7 @@ export default { }, watch: { checkValue(){ - this.$emit('isChecked', {isChecked: this.checkValue, buttonId: this.buttonID}); + this.$emit('isCheckedChanged', {isChecked: this.checkValue, buttonId: this.buttonID}); } }, components: { diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue index f95c19696..449f464af 100644 --- a/src/ux-components/list-button/list-button.vue +++ b/src/ux-components/list-button/list-button.vue @@ -95,7 +95,7 @@ export default { }, watch: { checkValue(){ - this.$emit('isChecked', {isChecked: this.checkValue, buttonId: this.buttonID}); + this.$emit('isCheckedChanged', {isChecked: this.checkValue, buttonId: this.buttonID}); } }, components: { diff --git a/src/ux-components/list-card/list-card.vue b/src/ux-components/list-card/list-card.vue index b6b906ca2..7010ee487 100644 --- a/src/ux-components/list-card/list-card.vue +++ b/src/ux-components/list-card/list-card.vue @@ -1,32 +1,32 @@