Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-09 03:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

fixing for OTP v4 payment links

Browse Source
This commit is contained in:
David Bomba 2024-01-07 10:47:46 +11:00
parent 9f0eff1048
commit a2ec713d84
1 changed files with 65 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

70
resources/views/portal/ninja2020/components/livewire/billing-portal-purchasev2.blade.php
View File

@ -391,17 +391,68 @@
<form wire:submit="handleLogin" class="" x-data="otpForm()"> <form wire:submit="handleLogin" class="" x-data="otpForm()">
<p class="mb-4"></p> <p class="mb-4"></p>
<div class="flex justify-between"> <div class="flex justify-between">
<template x-for="(input, index) in length" :key="index"> <!-- <template x-for="(input, index) in length" :key="index"> -->
<input <input
id="0"
type="text" type="text"
maxlength="1" maxlength="1"
class="border border-gray-500 w-10 h-10 text-center text-gray-700" class="border border-gray-500 w-10 h-10 text-center text-gray-700"
:x-ref="index" :x-ref="0"
x-on:input="handleInput($event)" x-on:input="handleInput($event)"
x-on:paste="handlePaste($event)" x-on:paste="handlePaste($event)"
x-on:keydown.backspace="$event.target.value || handleBackspace($event.target.getAttribute('x-ref'))" x-on:keydown.backspace="$event.target.value || handleBackspace($event.target.getAttribute('x-ref'))"
/> />
</template> <input
id="1"
type="text"
maxlength="1"
class="border border-gray-500 w-10 h-10 text-center text-gray-700"
:x-ref="1"
x-on:input="handleInput($event)"
x-on:paste="handlePaste($event)"
x-on:keydown.backspace="$event.target.value || handleBackspace($event.target.getAttribute('x-ref'))"
/>
<input
id="2"
type="text"
maxlength="1"
class="border border-gray-500 w-10 h-10 text-center text-gray-700"
:x-ref="2"
x-on:input="handleInput($event)"
x-on:paste="handlePaste($event)"
x-on:keydown.backspace="$event.target.value || handleBackspace($event.target.getAttribute('x-ref'))"
/>
<input
id="3"
type="text"
maxlength="1"
class="border border-gray-500 w-10 h-10 text-center text-gray-700"
:x-ref="3"
x-on:input="handleInput($event)"
x-on:paste="handlePaste($event)"
x-on:keydown.backspace="$event.target.value || handleBackspace($event.target.getAttribute('x-ref'))"
/>
<input
id="4"
type="text"
maxlength="1"
class="border border-gray-500 w-10 h-10 text-center text-gray-700"
:x-ref="4"
x-on:input="handleInput($event)"
x-on:paste="handlePaste($event)"
x-on:keydown.backspace="$event.target.value || handleBackspace($event.target.getAttribute('x-ref'))"
/>
<input
id="5"
type="text"
maxlength="1"
class="border border-gray-500 w-10 h-10 text-center text-gray-700"
:x-ref="5"
x-on:input="handleInput($event)"
x-on:paste="handlePaste($event)"
x-on:keydown.backspace="$event.target.value || handleBackspace($event.target.getAttribute('x-ref'))"
/>
<!-- </template> -->
</div> </div>
</form> </form>
@ -430,7 +481,7 @@
const input = e.target; const input = e.target;
this.login = Array.from(Array(this.length), (element, i) => { this.login = Array.from(Array(this.length), (element, i) => {
return this.$refs[i].value || ""; return document.getElementById(i.toString()).value || '';
}).join(""); }).join("");
if (input.nextElementSibling && input.value) { if (input.nextElementSibling && input.value) {
@ -451,8 +502,17 @@
const inputs = Array.from(Array(this.length)); const inputs = Array.from(Array(this.length));
inputs.forEach((element, i) => { inputs.forEach((element, i) => {
this.$refs[i].value = paste[i] || ''; document.getElementById(i.toString()).value = paste[i] || '';
}); });
this.login = Array.from(Array(this.length), (element, i) => {
return document.getElementById(i.toString()).value || '';
}).join("");
if(this.login.length == 6){
this.$wire.handleLogin(this.login);
}
}, },
handleBackspace(e) { handleBackspace(e) {