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

Fetch text from cms

Browse source
This commit is contained in:
Chloe Herd 2023-08-31 15:38:12 -04:00
parent 0777a1ec57
commit f14c424d23
1 changed files with 38 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

74
src/layouts/payment-method/payment-method-question/payment-method-question.vue
View file

@ -2,7 +2,7 @@
<div class="payment-method-question">
<buttonQuestion
groupName="payment-time"
questionText="Time text"
:questionText="paymentTimeQuestionText"
:answers="paymentTimeAnswerData"
isRequired
v-model="paymentTime"
@ -11,10 +11,11 @@
<hr />
<buttonQuestion
groupName="payment-method"
questionText="Method Text"
:questionText="paymentMethodQuestionText"
:answers="paymentMethodAnswerData"
isRequired
v-model="selectedMethod" />
v-model="selectedMethod"
textPosition="text-start" />
</div>
</div>
</template>
@ -58,6 +59,15 @@ export default {
return payTimes.ADVANCE;
},
getAnswersNullSafe(widgetName) {
const rawData = this.getCmsContent(widgetName, "Answers");
if (!rawData) {
return [];
} else {
return rawData;
}
},
},
computed: {
selectedMethod: {
@ -71,43 +81,35 @@ export default {
shouldDisplaySecondaryQuestion() {
return this.paymentTime === payTimes.ADVANCE;
},
paymentTimeQuestionText() {
return this.getCmsContent("PaymentTimeWidget", "QuestionText");
},
paymentMethodQuestionText() {
return this.getCmsContent("PaymentMethodWidget", "QuestionText");
},
paymentTimeAnswerData() {
return [
{
buttonLabel: "Pay now",
altText: "Pay now",
const cmsData = this.getAnswersNullSafe("PaymentTimeWidget");
return cmsData.map((answer) => {
return {
buttonLabel: answer.Text,
altText: answer.Text,
groupName: "payment-time",
value: payTimes.ADVANCE,
},
{
buttonLabel: "Pay during my appointment",
altText: "Pay during my appointment",
groupName: "payment-time",
value: payTimes.LATER,
},
];
value: answer.Name,
};
});
},
paymentMethodAnswerData() {
return [
{
buttonLabel: "Credit or Debit",
altText: "Credit or Debit",
const cmsData = this.getAnswersNullSafe("PaymentMethodWidget");
return cmsData.map((answer) => {
return {
buttonLabel: answer.Text,
altText: answer.Text,
groupName: "payment-method",
value: paymentMethods.CREDIT_CARD,
},
{
buttonLabel: "Paypal",
altText: "Paypal",
groupName: "payment-method",
value: paymentMethods.PAYPAL,
},
{
buttonLabel: "Afterpay",
altText: "Afterpay",
groupName: "payment-method",
value: paymentMethods.AFTERPAY,
},
];
value: answer.Name,
};
});
},
},
watch: {
@ -127,7 +129,7 @@ export default {
<style lang="scss">
.payment-method-question {
span {
.question-text span {
text-align: left;
}
}