Livewire2.6 необходимо менять местами тампаты в зависимости от события сервера ⇐ Php

[Anonymous]

Я новичок в Livewire, мне нужно отобразить один из шаблонов (первый с кнопкой "Отправить повторно", если $waitTime 0) в соответствии с событием сервера updateWaitTime . В том виде, в котором я это реализовал, Wire:click="getOTPCode(true)" не работает. Как правильно это реализовать?:
x-data="otpSend()"
x-init="init()"
>


class="bi bi-arrow-counterclockwise"> Resend Code





Resend OTP in





document.addEventListener('livewire:load', function () {

window.livewire.on('submitted', function () {
resetForm();
focusForm();
})

window.livewire.on('resent', function () {
resetForm();
focusForm();
})

window.livewire.on('updateWaitTime', function (wait_before_resend) {
console.log(`updateWaitTime ${wait_before_resend}`);
otpSend(wait_before_resend);
})

window.livewire.on('success', function () {
setTimeout(() => {
$('#hide').click();
@this.emitSelf('reset')
;
}, 500)
})

})

function otpSend(waitTime) {
const milliseconds = waitTime * 1000 //60 seconds
const currentDate = Date.now() + milliseconds
var countDownTime = new Date(currentDate).getTime()
let interval;
return {
countDown: milliseconds,
countDownTimer: new Date(currentDate).getTime(),
intervalID: null,
init() {
if (!this.intervalID) {
this.intervalID = setInterval(() => {
this.countDown = this.countDownTimer - new Date().getTime();

}, 1000);
}
},
getTime() {
if (this.countDown < 0) {
this.clearTimer()
}
return this.countDown;
},
formatTime(num) {
var date = new Date(num);
return new Date(this.countDown).toLocaleTimeString(navigator.language, {
minute: '2-digit',
second: '2-digit'
});
},
clearTimer() {
clearInterval(this.intervalID);
}
}
}




Подробнее здесь: https://stackoverflow.com/questions/791 ... rver-event