refactor: ♻️ remove jquery code
This commit is contained in:
parent
d365b122db
commit
2c2279af56
|
@ -172,7 +172,7 @@
|
||||||
<span class="text-muted d-inline-block">
|
<span class="text-muted d-inline-block">
|
||||||
{{ __('Coupon Discount') }}
|
{{ __('Coupon Discount') }}
|
||||||
</span>
|
</span>
|
||||||
<span id="coupon_discount_value" class="text-muted d-inline-block">
|
<span x-text="couponDiscountedValue" class="text-muted d-inline-block">
|
||||||
|
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
|
@ -188,7 +188,8 @@
|
||||||
<div class="d-flex justify-content-between">
|
<div class="d-flex justify-content-between">
|
||||||
<span class="text-muted d-inline-block">{{ __('Total') }}</span>
|
<span class="text-muted d-inline-block">{{ __('Total') }}</span>
|
||||||
<input id="total_price_input" type="hidden" x-model="totalPrice">
|
<input id="total_price_input" type="hidden" x-model="totalPrice">
|
||||||
<span class="text-muted d-inline-block" x-text="totalPrice">
|
<span class="text-muted d-inline-block"
|
||||||
|
x-text="formatToCurrency(totalPrice)">
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
<template x-if="payment_method">
|
<template x-if="payment_method">
|
||||||
|
@ -229,8 +230,6 @@
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
function couponForm() {
|
function couponForm() {
|
||||||
console.log("{{ $discountedprice }}", " {{ $discountpercent }}", "{{ $discountvalue }}",
|
|
||||||
" {{ $taxpercent }}", "{{ $taxvalue }}", "{{ $productIsFree }}", "{{ $total }}")
|
|
||||||
return {
|
return {
|
||||||
// Get the product id from the url
|
// Get the product id from the url
|
||||||
productId: window.location.pathname.split('/').pop(),
|
productId: window.location.pathname.split('/').pop(),
|
||||||
|
@ -238,15 +237,14 @@
|
||||||
coupon_code: '',
|
coupon_code: '',
|
||||||
submitted: false,
|
submitted: false,
|
||||||
totalPrice: {{ $discountedprice }},
|
totalPrice: {{ $discountedprice }},
|
||||||
|
couponDiscountedValue: 0,
|
||||||
|
|
||||||
|
|
||||||
setCouponCode(event) {
|
setCouponCode(event) {
|
||||||
this.coupon_code = event.target.value
|
this.coupon_code = event.target.value
|
||||||
console.log(event.target.value)
|
|
||||||
},
|
},
|
||||||
|
|
||||||
async checkCoupon() {
|
async checkCoupon() {
|
||||||
console.log(this.coupon_code)
|
|
||||||
const response = await (fetch(
|
const response = await (fetch(
|
||||||
"{{ route('admin.coupon.redeem') }}", {
|
"{{ route('admin.coupon.redeem') }}", {
|
||||||
method: 'POST',
|
method: 'POST',
|
||||||
|
@ -291,34 +289,36 @@
|
||||||
text: "{{ __('The coupon code you entered is invalid.') }}"
|
text: "{{ __('The coupon code you entered is invalid.') }}"
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
calcPriceWithCouponDiscount(couponValue, couponType) {
|
calcPriceWithCouponDiscount(couponValue, couponType) {
|
||||||
let newTotalPrice = this.totalPrice
|
let newTotalPrice = this.totalPrice
|
||||||
|
|
||||||
if (couponType === 'percentage') {
|
if (couponType === 'percentage') {
|
||||||
newTotalPrice = newTotalPrice - (newTotalPrice * couponValue / 100)
|
newTotalPrice = newTotalPrice - (newTotalPrice * couponValue / 100)
|
||||||
$('#coupon_discount_value').text("- " + couponValue + "%")
|
this.couponDiscountedValue = "- " + couponValue + "%"
|
||||||
} else if (couponType === 'amount') {
|
} else if (couponType === 'amount') {
|
||||||
newTotalPrice = totanewTotalPricelPrice - couponValue
|
newTotalPrice = totanewTotalPricelPrice - couponValue
|
||||||
$('#coupon_discount_value').text(this.totalPrice)
|
this.couponDiscountedValue = "- " + couponValue + " {{ $product->currency_code }}"
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// get language for formatting currency
|
||||||
|
const lang = "{{ app()->getLocale() }}"
|
||||||
|
// format totalPrice to currency
|
||||||
|
this.totalPrice = this.formatToCurrency(newTotalPrice)
|
||||||
|
},
|
||||||
|
|
||||||
|
formatToCurrency(amount) {
|
||||||
// get language for formatting currency
|
// get language for formatting currency
|
||||||
const lang = "{{ app()->getLocale() }}"
|
const lang = "{{ app()->getLocale() }}"
|
||||||
console.log(lang)
|
console.log(lang)
|
||||||
// format totalPrice to currency
|
// format totalPrice to currency
|
||||||
this.totalPrice = newTotalPrice.toLocaleString(lang, {
|
return amount.toLocaleString(lang, {
|
||||||
style: 'currency',
|
style: 'currency',
|
||||||
currency: "{{ $product->currency_code }}",
|
currency: "{{ $product->currency_code }}",
|
||||||
})
|
})
|
||||||
|
|
||||||
console.log(newTotalPrice)
|
|
||||||
console.log(this.totalPrice)
|
|
||||||
|
|
||||||
$('#total_price_input').val(this.totalPrice)
|
|
||||||
},
|
},
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue