-
- ${amount} XRP
-
+ ${
+ t.TransactionType === "OfferCreate"
+ ? `
+
+ Buy
+ ${offerBuyAmount} ${offerBuyCurrency}
+
+
+ Sell
+ ${offerSellAmount} ${offerSellCurrency}
+
+
`
+ : `
+ ${amount} ${
+ currency === "XRP" && t.TransactionType !== "OfferCreate"
+ ? "XRP"
+ : ""
+ }
+
`
+ }
+ ${
+ t.TransactionType === "OfferCreate"
+ ? `
+ Account:
+ ${t.Account}
+
`
+ : `
+ From:
+ ${t.Account}
+
+ ${
+ currency === "REN" && issuer
+ ? `
+ Issuer:
+ ${issuer}
+
`
+ : ""
+ }
+
+ To:
+ ${t.Destination || "N/A"}
+
`
+ }
- From:
- ${t.Account.substring(
- 0,
- 8
- )}...${t.Account.substring(t.Account.length - 6)}
+ Tx:
+ ${t.hash}
-
- To:
- ${
- t.Destination
- ? t.Destination.substring(0, 8) +
- "..." +
- t.Destination.substring(t.Destination.length - 6)
- : "N/A"
- }
-
-
-
- Tx:
- ${t.hash.substring(
- 0,
- 8
- )}...${t.hash.substring(t.hash.length - 6)}
@@ -2010,6 +2100,7 @@ async function checkTransactionDetails() {
command: "tx",
transaction: txHash,
});
+ console.log(txResponse);
if (txResponse.result) {
displayTransactionDetails(txResponse.result);
@@ -2065,9 +2156,6 @@ function displayTransactionDetails(txData) {
const txType = txData.TransactionType || "Unknown";
const account = txData.Account || "N/A";
const destination = txData.Destination || "N/A";
- const amount = txData.Amount
- ? parseFloat(txData.Amount) / 1000000 + " XRP"
- : "N/A";
const fee = txData.Fee ? parseFloat(txData.Fee) / 1000000 + " XRP" : "N/A";
const sequence = txData.Sequence || "N/A";
const ledgerIndex = txData.ledger_index || "N/A";
@@ -2077,6 +2165,84 @@ function displayTransactionDetails(txData) {
: "N/A";
const validated = txData.validated ? "Validated" : "Not Validated";
+ // Special handling for OfferCreate transactions
+ let amountInfo = "";
+ if (txType === "OfferCreate") {
+ // Handle TakerGets/Pays and build Buy/Sell lines
+ let takerGetsAmount = "N/A";
+ let takerGetsCurrency = "N/A";
+ if (txData.TakerGets) {
+ if (typeof txData.TakerGets === "string") {
+ // XRP in drops
+ takerGetsAmount = xrpl.dropsToXrp(txData.TakerGets);
+ takerGetsCurrency = "XRP";
+ } else if (typeof txData.TakerGets === "object") {
+ // IOU
+ takerGetsAmount = txData.TakerGets.value;
+ takerGetsCurrency = txData.TakerGets.currency;
+ }
+ }
+
+ // Handle TakerPays
+ let takerPaysAmount = "N/A";
+ let takerPaysCurrency = "N/A";
+ if (txData.TakerPays) {
+ if (typeof txData.TakerPays === "string") {
+ // XRP in drops
+ takerPaysAmount = xrpl.dropsToXrp(txData.TakerPays);
+ takerPaysCurrency = "XRP";
+ } else if (typeof txData.TakerPays === "object") {
+ // IOU
+ takerPaysAmount = txData.TakerPays.value;
+ takerPaysCurrency = txData.TakerPays.currency;
+ }
+ }
+
+ amountInfo = `
+
+ Buy:
+ ${takerPaysAmount} ${takerPaysCurrency}
+
+
+ Sell:
+ ${takerGetsAmount} ${takerGetsCurrency}
+
+ `;
+ } else {
+ // Handle regular payment transactions (XRP or IOU like REN)
+ let amountStr = "N/A";
+ let issuerStr = "";
+ if (txData.Amount) {
+ if (typeof txData.Amount === "string") {
+ amountStr = parseFloat(txData.Amount) / 1000000 + " XRP";
+ } else if (typeof txData.Amount === "object") {
+ amountStr = `${txData.Amount.value} ${txData.Amount.currency}`;
+ issuerStr = txData.Amount.issuer || "";
+ }
+ }
+
+ amountInfo = `
+
+
+
+ Amount:
+
+ ${amountStr}
+
+ ${
+ issuerStr
+ ? `
+
+
+ Issuer:
+
+ ${issuerStr}
+
`
+ : ""
+ }
+ `;
+ }
+
detailsContainer.innerHTML = `
@@ -2093,13 +2259,7 @@ function displayTransactionDetails(txData) {
${txType}
-
-
-
- Amount:
-
- ${amount}
-
+ ${amountInfo}
@@ -2118,7 +2278,7 @@ function displayTransactionDetails(txData) {
${account}
${
- destination !== "N/A"
+ destination !== "N/A" && txType !== "OfferCreate"
? `