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

Merge pull request #3072 from Safelite/nation/CASH-2402

Browse source 
CASH-2402 use selected item for determining part number instead of amt
This commit is contained in:
CarlNation 2026-02-24 13:35:08 -05:00 committed by GitHub
commit 07ef9ac8eb
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 15 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
src/experiment-components/donation-block.vue
View file

@ -31,23 +31,15 @@
<div class="donation-slider my-4"> <div class="donation-slider my-4">
<input <input
name="amount" name="amount"
id="one" id="zero"
type="radio" type="radio"
:value="donationValues[0]" :value="donationValues[0]"
checked /> checked />
<label for="one" class="label">$1</label> <label for="zero" class="label">${{ donationValues[0] }}</label>
<input <input name="amount" id="one" type="radio" :value="donationValues[1]" />
name="amount" <label for="one" class="label">${{ donationValues[1] }}</label>
id="three" <input name="amount" id="two" type="radio" :value="donationValues[2]" />
type="radio" <label for="two" class="label">${{ donationValues[2] }}</label>
:value="donationValues[1]" />
<label for="three" class="label">$3</label>
<input
name="amount"
id="five"
type="radio"
:value="donationValues[2]" />
<label for="five" class="label">$5</label>
<div class="indicator-bar"></div> <div class="indicator-bar"></div>
</div> </div>
</div> </div>
@ -264,17 +256,17 @@ export default {
background: $blue; background: $blue;
} }
input { input {
&#one:checked { &#zero:checked {
~ .indicator-bar { ~ .indicator-bar {
transform: translateX(2rem); transform: translateX(2rem);
} }
} }
&#three:checked { &#one:checked {
~ .indicator-bar { ~ .indicator-bar {
transform: translateX(calc(100% + 2rem)); transform: translateX(calc(100% + 2rem));
} }
} }
&#five:checked { &#two:checked {
~ .indicator-bar { ~ .indicator-bar {
transform: translateX(calc(200% + 2rem)); transform: translateX(calc(200% + 2rem));
} }

6
src/layouts/confirmation/confirmation.vue
View file

@ -470,7 +470,8 @@ export default {
} }
}, },
donationValues() { donationValues() {
return [1, 3, 5]; var donationAmounts = this.getCmsContent("DonationAmountsWidget", "Text");
return donationAmounts.split(",").map(Number);
}, },
lineItemsWithoutDonation() { lineItemsWithoutDonation() {
const lineItemsClone = deepClone(this.lineItems); const lineItemsClone = deepClone(this.lineItems);
@ -531,10 +532,11 @@ export default {
window.location.assign(location.protocol + "//" + location.host); window.location.assign(location.protocol + "//" + location.host);
}, },
async addDonationToOrder() { async addDonationToOrder() {
const selectedItemNumber = this.donationValues.indexOf(Number(this.donationAmount));
const donationResponse = await baseMixin.methods.dispatchStoreActionWithLogging( const donationResponse = await baseMixin.methods.dispatchStoreActionWithLogging(
storeActions.SUBMIT_DONATION_PART_TO_SV2, storeActions.SUBMIT_DONATION_PART_TO_SV2,
{ {
donationAmount: parseInt(this.donationAmount), selectedItemNumber: selectedItemNumber,
submittedOrder: this.submittedOrder, submittedOrder: this.submittedOrder,
}, },
false false

4
src/store/index.js
View file

@ -2126,14 +2126,14 @@ export const actions = {
}, },
async submitDonationPartToSV2( async submitDonationPartToSV2(
context, context,
{ payload: { donationAmount, submittedOrder }, pageNameToLog } { payload: { selectedItemNumber, submittedOrder }, pageNameToLog }
) { ) {
const state = JSON.parse( const state = JSON.parse(
window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE) window.sessionStorage.getItem(sessionStorageKeyConstants.SUBMITTED_STATE)
); );
const order = state.order; const order = state.order;
const payload = { const payload = {
donationAmount: parseInt(donationAmount), selectedItemNumber: selectedItemNumber,
savedSessionId: state.applicationUser.savedSessionId, savedSessionId: state.applicationUser.savedSessionId,
paymentInfo: { paymentInfo: {
parentAccountNumber: order.payment.parentAccountNumber, parentAccountNumber: order.payment.parentAccountNumber,