AsinoV/bal-welist-website
1
0
Fork 0
forked from bitcoinafterlife/bal-welist-website
Code Pull Requests Activity

reset invoice fields on submit, show error outside invoice, show invoice only on success

Browse Source
This commit is contained in:
svatantrya
2026-07-03 15:24:32 -04:00
parent 5a3c1f2b9f
commit a66a1b6daa
1 changed files with 12 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
index.html
View File

@@ -279,8 +279,9 @@ footer a{color:var(--accent);text-decoration:none}
<button class="btn" id="submit">Add server</button> <button class="btn" id="submit">Add server</button>
</div> </div>
<div class="ok-line" id="iv-status">✓ Server added. Pay the invoice to complete.</div>
<div class="invoice" id="invoice"> <div class="invoice" id="invoice">
<div class="ok-line" id="iv-status">✓ Server added. Pay the invoice to complete.</div>
<div class="row"><span>Minimum amount</span><span id="iv-min">—</span></div> <div class="row"><span>Minimum amount</span><span id="iv-min">—</span></div>
<div class="row"><span>Chain</span><span id="iv-chain">—</span></div> <div class="row"><span>Chain</span><span id="iv-chain">—</span></div>
<div class="row"><span>Address</span><span id="iv-addr">—</span></div> <div class="row"><span>Address</span><span id="iv-addr">—</span></div>
@@ -458,6 +459,16 @@ document.getElementById('submit').addEventListener('click', async () => {
url = 'https://' + url; url = 'https://' + url;
urlInput.value = url; urlInput.value = url;
} }
const inv = document.getElementById('invoice');
inv.classList.remove('show');
document.getElementById('iv-status').className = '';
document.getElementById('iv-status').textContent = '';
document.getElementById('iv-min').textContent = '—';
document.getElementById('iv-chain').textContent = '—';
document.getElementById('iv-addr').textContent = '—';
document.getElementById('iv-balance').textContent = '—';
document.getElementById('iv-status2').textContent = '—';
document.getElementById('qrcode').innerHTML = '';
const chain = getChain(); const chain = getChain();
try { try {
const response = await fetch('/data', { const response = await fetch('/data', {
@@ -466,12 +477,9 @@ document.getElementById('submit').addEventListener('click', async () => {
body: JSON.stringify({ url, chain }) body: JSON.stringify({ url, chain })
}); });
const result = await response.json(); const result = await response.json();
const inv = document.getElementById('invoice');
if (!response.ok) { if (!response.ok) {
document.getElementById('iv-status').className = 'err-line'; document.getElementById('iv-status').className = 'err-line';
document.getElementById('iv-status').textContent = 'Error: ' + (result.message || result.error || JSON.stringify(result)); document.getElementById('iv-status').textContent = 'Error: ' + (result.message || result.error || JSON.stringify(result));
inv.classList.add('show');
document.getElementById('qrcode').innerHTML = '';
return; return;
} }
document.getElementById('iv-status').className = 'ok-line'; document.getElementById('iv-status').className = 'ok-line';
@@ -490,8 +498,6 @@ document.getElementById('submit').addEventListener('click', async () => {
} catch (err) { } catch (err) {
document.getElementById('iv-status').className = 'err-line'; document.getElementById('iv-status').className = 'err-line';
document.getElementById('iv-status').textContent = 'Network error. Please try again.'; document.getElementById('iv-status').textContent = 'Network error. Please try again.';
document.getElementById('invoice').classList.add('show');
document.getElementById('qrcode').innerHTML = '';
} }
}); });