diff --git a/index.html b/index.html index 8b2ac5d..e19ef99 100644 --- a/index.html +++ b/index.html @@ -139,6 +139,11 @@ tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 50%,transparent)} .btn:disabled{opacity:.45;cursor:not-allowed;filter:none} .note{font-size:13px;color:var(--muted);margin-top:16px;line-height:1.55} .note strong{color:var(--ink)} +.btn-share{ + display:block;margin:0 auto 8px;font:inherit;font-size:13px;cursor:pointer; + padding:8px 16px;border-radius:8px;border:1px solid var(--line-strong); + background:var(--panel);color:var(--accent); +} .invoice{display:none} .invoice.show{display:block} @@ -301,6 +306,7 @@ footer a{color:var(--accent);text-decoration:none}
Status
Server
+

Please make sure your server is online before you attempt to add it.

@@ -493,6 +499,7 @@ document.getElementById('submit').addEventListener('click', async () => { document.getElementById('iv-status2').textContent = '—'; document.getElementById('iv-url').textContent = '—'; document.getElementById('qrcode').innerHTML = ''; + document.getElementById('share-btn').textContent = 'Share invoice'; document.getElementById('terms-box').classList.remove('show'); document.getElementById('terms-check').checked = false; document.getElementById('terms-accept').disabled = true; @@ -519,6 +526,18 @@ document.getElementById('submit').addEventListener('click', async () => { const qrEl = document.getElementById('qrcode'); qrEl.innerHTML = ''; new QRCode(qrEl, invoiceuri); + const shareBtn = document.getElementById('share-btn'); + shareBtn.textContent = 'Share invoice'; + shareBtn.onclick = function () { + if (navigator.share) { + navigator.share({ title: 'BAL Invoice', text: invoiceuri }); + } else { + navigator.clipboard.writeText(invoiceuri).then(() => { + this.textContent = 'Copied!'; + setTimeout(() => this.textContent = 'Share invoice', 2000); + }); + } + }; const serverUrl = result.url || url; const infoUrl = serverUrl + '/' + (result.chain || chain) + '/info'; document.getElementById('iv-url').textContent = serverUrl;