RanchiMall/dogewallet
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Enhance transaction details UI with clickable transaction IDs

Browse Source
This commit is contained in:
void-57 2025-09-30 19:34:49 +05:30
parent a29077ece1
commit 4f9aecf817
1 changed files with 18 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
index.html
View File

@ -1699,9 +1699,7 @@
<div class="tx-field"> <div class="tx-field">
<div class="tx-label">Tx:</div> <div class="tx-label">Tx:</div>
<div class="tx-value tx-hash-value"> <div class="tx-value tx-hash-value">
${tx.txid.substring(0, 12)}...${tx.txid.substring( <a href="#" class="txid-link" onclick="viewTransactionDetails('${tx.txid}'); return false;">${tx.txid.substring(0, 12)}...${tx.txid.substring(tx.txid.length - 12)}</a>
tx.txid.length - 12
)}
</div> </div>
</div> </div>
</div> </div>
@ -2094,9 +2092,6 @@
<div class="tx-detail-label"><i class="fas fa-coins"></i> Amount</div> <div class="tx-detail-label"><i class="fas fa-coins"></i> Amount</div>
<div class="tx-detail-value"> <div class="tx-detail-value">
<span>${sendAmount} DOGE</span> <span>${sendAmount} DOGE</span>
<button class="copy-small" onclick="navigator.clipboard.writeText('${sendAmount}').then(()=>notify('Amount copied','success'))" title="Copy Amount">
<i class="fas fa-copy"></i>
</button>
</div> </div>
</div> </div>
<div class="tx-detail-item"> <div class="tx-detail-item">
@ -2120,7 +2115,7 @@
<div class="tx-detail-item"> <div class="tx-detail-item">
<div class="tx-detail-label"><i class="fas fa-hashtag"></i> Transaction ID</div> <div class="tx-detail-label"><i class="fas fa-hashtag"></i> Transaction ID</div>
<div class="tx-detail-value"> <div class="tx-detail-value">
<span>${txid}</span> <span><a href="#" class="txid-link" onclick="viewTransactionDetails('${txid}'); return false;">${txid}</a></span>
<button class="copy-small" onclick="navigator.clipboard.writeText('${txid}').then(()=>notify('Transaction ID copied','success'))" title="Copy Transaction ID"> <button class="copy-small" onclick="navigator.clipboard.writeText('${txid}').then(()=>notify('Transaction ID copied','success'))" title="Copy Transaction ID">
<i class="fas fa-copy"></i> <i class="fas fa-copy"></i>
</button> </button>
@ -2789,6 +2784,22 @@
}, 500); }, 500);
}, 1500); }, 1500);
}); });
function viewTransactionDetails(txid) {
const transactionRadio = document.querySelector('input[name="searchType"][value="transaction"]');
if (transactionRadio) {
transactionRadio.checked = true;
toggleSearchType("transaction");
}
// Show the transactions page
showPage("transactionsPage");
// Set the txid in the search input
document.getElementById("txHash").value = txid;
// Search for the transaction
searchTransactionDetails();
}
</script> </script>
</body> </body>
</html> </html>