| Server IP : 37.220.80.31 / Your IP : 18.191.135.214 Web Server : Apache/2.4.52 (Ubuntu) System : Linux 3051455-guretool.twc1.net 5.15.0-107-generic #117-Ubuntu SMP Fri Apr 26 12:26:49 UTC 2024 x86_64 User : www-root ( 1010) PHP Version : 7.4.33 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : OFF | cURL : ON | WGET : OFF | Perl : OFF | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /var/www/www-root/data/www/dev.artlot24.ru/bitrix/js/sale/checkout/view/element/animate-price/src/ |
Upload File : |
import { BitrixVue } from 'ui.vue';
import { Type } from 'main.core';
import { CurrencyCore } from 'currency.currency-core';
import 'sale.checkout.view.element.animate-price'
BitrixVue.component('sale-checkout-view-element-animate_price', {
props: ['sum', 'currency', 'prefix'],
data()
{
return {
displaySum: this.sum,
interval: false,
}
},
computed:
{
getPrefix()
{
return Type.isString(this.prefix) ? this.prefix:''
},
sumFormatted()
{
return CurrencyCore.currencyFormat(this.displaySum, this.currency, true);
},
getSum()
{
return this.sum
}
},
methods:
{
animated()
{
clearInterval(this.interval);
if(this.sum !== this.displaySum)
{
this.interval = window.setInterval(()=>
{
if(this.displaySum !== this.sum)
{
let diff = (this.sum - this.displaySum) / 5;
diff = diff >= 0 ? Math.ceil(diff) : Math.floor(diff);
if(diff > 0 && this.displaySum + diff > this.sum)
{
this.displaySum = this.sum
}
else
{
this.displaySum = this.displaySum + diff
}
}
else
{
clearInterval(this.interval);
}
}, 10);
}
}
},
watch:
{
getSum()
{
this.animated()
}
},
// language=Vue
template: `
<div v-html="getPrefix + sumFormatted"/>
`
});