beenull/ctrlpanel
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

refactor: ♻️ remove jquery code

Browse source
This commit is contained in:
IceToast 2023-06-02 14:59:31 +02:00 committed by IceToast
parent d365b122db
commit 2c2279af56
1 changed files with 16 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
themes/default/views/store/checkout.blade.php
View file

@ -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)
}, },
} }