ARCHIVE/xrpl-dev-portal
1
0
Fork 0
mirror of https://github.com/XRPLF/xrpl-dev-portal.git synced 2025-11-21 12:15:50 +00:00
Code Issues Packages Projects Releases Wiki Activity
Files
91b7badc94428381a95ad811f8020b8b244b0780
xrpl-dev-portal/docs/tutorials/javascript/send-payments/create-offers.md
ddawson 546ea9f609 create offers tutorial
2024-09-05 11:14:08 -07:00

1092 lines
37 KiB
Markdown
Raw Blame History

---
seo:
description: Create offers to exchange issued currencies and XRP.
labels:
- Accounts
- Transaction Sending
- XRP
- Issued Currencies
---
# Create Offers
This example shows how to:
1. Create currency offers.
2. Retrieve active offers.
3. Match a currency offer to exchange tokens.
4. Cancel an unsettled offer.
[![Offer Create Token Test Harness](/docs/img/module-create-offer.png)](/docs/img/module-create-offer.png)
Download and expand the [Quickstart Samples](https://github.com/XRPLF/xrpl-dev-portal/tree/master/_code-samples/quickstart/js/)<!-- {.github-code-download} --> archive.
**Note:** Without the Quickstart Samples, you will not be able to try the examples that follow.
## Usage
<!--
<div align="center">
<iframe width="560" height="315" src="https://www.youtube.com/embed/YnPccLPa0hc?si=U6uQNXzNRp5G_pri" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
-->
To get test accounts:
1. Open `3a.CreateOffer.html` in a browser
2. Choose **Testnet** or **Devnet**.
3. Enter an **Account Name** for the left column. For example, _Standby_.
4. Click **Get New Account** on the left.
5. Enter an **Account Name** for the right column. For example, _Operational_.
5. Click **Get New Account** on the right.
6. Copy and paste the **Seeds** field in a persistent location, such as a Notepad, so that you can reuse the accounts after reloading the form.
[![Created Standby and Operational Accounts](/docs/img/module-create-offer-get-accounts.png)](/docs/img/module-create-offer-get-accounts.png)
You can create and match offers from either account.
## Create Offer
To create an offer to exchange XRP for an issued currency on the Standby (left) side:
1. Enter _XRP_ as the Taker Pays **Currency**.
2. Enter the Taker Pays **Value** in drops. For example, _50000000_.
3. Enter the Taker Gets **Currency**. For example, _USD_.
4. Copy the left account (_Standby_) value to the Taker Gets **Issuer** field.
5. Enter the Taker Gets **Value**. For example, _50_.
6. Click **Create Offer**.
[![Created an offer for XRP and USD](/docs/img/module-create-offer-xrp-for-usd.png)](/docs/img/module-create-offer-xrp-for-usd.png)
To create a complementary offer on the Operational (right) side:
1. Enter the Taker Pays **Currency**. For example, _USD_.
2. Copy the left (Standby) side **Account** string into the **Issuer** field.
3. Enter the Taker Pays **Value**. For example, _50_.
4. Enter _XRP_ as the Taker Gets **Currency**.
5. Enter the Taker Gets **Value** in drops. For example, _50000000_.
6. Click **Create Offer**.
[![Results of matching offers for XRP and USD](/docs/img/module-create-offer-xrp-for-usd2.png)](/docs/img/module-create-offer-xrp-for-usd2.png)
## Get Offers
Click **Get Offers** to get a list of offers issued by the corresponding account.
[![Get outstanding offers for the Standby (left) account](/docs/img/module-create-offer-get-offers.png)](/docs/img/module-create-offer-get-offers.png)
## Cancel Offer
To cancel an existing offer:
1. Enter the sequence number of the offer in the **Offer Sequence** field. To find the sequence number, you can click **Get Offers**, then look for the _Seq_ value for the offer you want to cancel.
[![Where to find the "seq" value in an offer record](/docs/img/module-create-offer-cancel-offer.png)](/docs/img/module-create-offer-cancel-offer.png)
2. Click **Cancel Offer**, then click **Get Offers** to show that the offer has been removed from the list of outstanding offers.
[![Get Offers result showing no offers](/docs/img/module-create-offer-cancelled-offer.png)](/docs/img/module-create-offer-cancelled-offer.png)
# Code Walkthrough
You can download the [Quickstart Samples](https://github.com/XRPLF/xrpl-dev-portal/tree/master/content/_code-samples/quickstart/js/){.github-code-download} in the source repository for this website.
## ripplex3a-create-offers.js
### Create Offer
Initialize variables for the _takerGets_ and _takerPays_ payload, and get the selected developer network instance.
```js
async function createOffer() {
let takerGets = ''
let takerPays = ''
let net = getNet()
```
Get a client instance and connect to the XRP Ledger.
```js
let results = 'Connecting to ' + net + '....\n'
const client = new xrpl.Client(net)
await client.connect()
```
Get the wallets for both accounts.
```js
results += "Connected. Getting wallets.\n"
standbyResultField.value = results
const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
results += standbyNameField.value + " account address: " + standby_wallet.address + "\n"
standbyResultField.value = results
```
If the currency for the "Taker Gets" side of the deal is XRP, you only need the value (amount) of XRP to request. If you are trading an issued currency, you need to capture the currency code, issuer account, and value.
```js
if (standbyTakerGetsCurrencyField.value == 'XRP') {
takerGets = standbyTakerGetsValueField.value
} else {
takerGetsString = '{"currency": "' + standbyTakerGetsCurrencyField.value +'",\n' +
'"issuer": "' + standbyTakerGetsIssuerField.value + '",\n' +
'"value": "' + standbyTakerGetsValueField.value + '"}'
takerGets = JSON.parse(takerGetsString)
}
```
Similarly on the "Take Pays" side, you only need the value when trading XRP.
```js
if (standbyTakerPaysCurrencyField.value == 'XRP') {
takerPays = standbyTakerPaysValueField.value
} else {
takerPaysString = '{"currency": "' + standbyTakerPaysCurrencyField.value + '",\n' +
'"issuer": "' + standbyTakerPaysIssuerField.value + '",\n' +
'"value": "' + standbyTakerPaysValueField.value + '"}'
takerPays = JSON.parse(takerPaysString)
}
```
Prepare the transaction.
```js
const prepared = await client.autofill({
"TransactionType": "OfferCreate",
"Account": standby_wallet.address,
"TakerGets": takerGets,
"TakerPays": takerPays
})
```
Sign the prepared instructions.
```js
const signed = standby_wallet.sign(prepared)
results += "\nSubmitting transaction...."
```
Submit the signed transaction blob.
```js
const tx = await client.submitAndWait(signed.tx_blob)
```
Report the results and update XRP balances.
```js
results += tx.results + "\n"
results += "\nBalance changes: " +
JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
standbyResultField.value = results
standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))
```
Call the `getOffers` function to show the new offer.
```js
getOffers()
```
Disconnect from the XRP Ledger.
```js
client.disconnect()
}
```
### Get Offers
Connect to the XRP Ledger and get the wallet for the Standby (left) side of the Token Test Harness.
```js
async function getOffers() {
let net = getNet()
let results = 'Connecting to ' + net + '....\n'
const client = new xrpl.Client(net)
await client.connect()
results += "Connected.\n"
const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
results += standbyNameField.value + " acccount: " + standby_wallet.address
```
Label the offers section of the results
```js
results += '\n\n*** Offers ***\n'
```
Send the _account_offers_ request to the XRP Ledger. Capture the results.
```js
try {
const offers = await client.request({
method: "account_offers",
account: standby_wallet.address,
ledger_index: "validated"
})
results += JSON.stringify(offers,null,2)
} catch (err) {
results += err
}
```
Report the results and disconnect from the XRP Ledger.
```js
standbyResultField.value = results
client.disconnect()
}
```
### Cancel Offer
Connect to the XRP Ledger and get the account wallets.
```js
async function cancelOffer() {
let results = "Connecting to the selected ledger.\n"
standbyResultField.value = results
let net = getNet()
results += 'Connecting to ' + net + '....\n'
const client = new xrpl.Client(net)
await client.connect()
results += "Connected.\n"
standbyResultField.value = results
const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
results += "standby_wallet.address: = " + standby_wallet.address
standbyResultField.value = results
```
Prepare the transaction. `The OfferSequence` is the `Seq` value in the response to the `account_offers` request.
```js
const prepared = await client.autofill({
"TransactionType": "OfferCancel",
"Account": standby_wallet.address,
"OfferSequence": parseInt(standbyOfferSequenceField.value)
})
```
Sign the prepared transaction.
```js
const signed = standby_wallet.sign(prepared)
```
Submit the transaction and wait for the results.
```js
const tx = await client.submitAndWait(signed.tx_blob)
```
Capture the balance changes and report the results.
```js
results += "\nBalance changes: \n" +
JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
standbyResultField.value = results
```
Update the XRP balance.
```js
standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
```
Disconnect from the XRP Ledger.
```js
client.disconnect()
}
```
### Reciprocal functions for the Operational (right) account.
```js
/***********************************
********* OP Create Offer *********
**********************************/
async function oPcreateOffer() {
let takerGets = ''
let takerPays = ''
operationalResultField.value = ''
let net = getNet()
let results = 'Connecting to ' + net + '....\n'
const client = new xrpl.Client(net)
await client.connect()
results += "Connected. Getting wallets.\n"
operationalResultField.value = results
const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
results += operationalNameField.value + " account address: " + operational_wallet.address + "\n"
operationalResultField.value = results
if (operationalTakerGetsCurrencyField.value == 'XRP') {
takerGets = operationalTakerGetsValueField.value
} else {
takerGetsString = '{"currency": "' + operationalTakerGetsCurrencyField.value +'",\n' +
'"issuer": "' + operationalTakerGetsIssuerField.value + '",\n' +
'"value": "' + operationalTakerGetsValueField.value + '"}'
takerGets = JSON.parse(takerGetsString)
}
if (operationalTakerPaysCurrencyField.value == 'XRP') {
takerPays = operationalTakerPaysValueField.value
} else {
takerPaysString = '{"currency": "' + operationalTakerPaysCurrencyField.value + '",\n' +
'"issuer": "' + operationalTakerPaysIssuerField.value + '",\n' +
'"value": "' + operationalTakerPaysValueField.value + '"}'
takerPays = JSON.parse(takerPaysString)
}
// -------------------------------------------------------- Prepare transaction
const prepared = await client.autofill({
"TransactionType": "OfferCreate",
"Account": operational_wallet.address,
"TakerGets": takerGets,
"TakerPays": takerPays
})
// ------------------------------------------------- Sign prepared instructions
const signed = operational_wallet.sign(prepared)
results += "\nSubmitting transaction...."
// -------------------------------------------------------- Submit signed blob
const tx = await client.submitAndWait(signed.tx_blob)
results += tx.results + "\n"
results += "\nBalance changes: " +
JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
operationalResultField.value = results
standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))
getOffers()
client.disconnect()
} // End of oPcreateOffer()
/***********************************
********** OP Get Offers ***********
***********************************/
async function oPgetOffers() {
let results = "Connecting to the selected ledger.\n"
operationalResultField.value = results
let net = getNet()
results = 'Connecting to ' + net + '....\n'
const client = new xrpl.Client(net)
await client.connect()
results += "Connected.\n"
const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
results += operationalNameField.value + " account: " + operational_wallet.address
operationalResultField.value = results
// -------------------------------------------------------- Prepare request
results += '\n\n*** Offers ***\n'
let offers
try {
const offers = await client.request({
method: "account_offers",
account: operational_wallet.address,
ledger_index: "validated"
})
results += JSON.stringify(offers,null,2)
} catch (err) {
results += err
}
results += JSON.stringify(offers,null,2)
operationalResultField.value = results
client.disconnect()
}// End of oPgetOffers()
/************************************
********** Op Cancel Offer *********
***********************************/
async function oPcancelOffer() {
let net = getNet()
let results = 'Connecting to ' + net + '....\n'
const client = new xrpl.Client(net)
await client.connect()
results += "Connected.\n"
const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
results += "wallet.address: = " + operational_wallet.address
operationalResultField.value = results
// -------------------------------------------------------- Prepare transaction
/* OfferSequence is the Seq value when you getOffers. */
const prepared = await client.autofill({
"TransactionType": "OfferCancel",
"Account": operational_wallet.address,
"OfferSequence": parseInt(operationalOfferSequenceField.value)
})
// ------------------------------------------------- Sign prepared instructions
const signed = operational_wallet.sign(prepared)
// -------------------------------------------------------- Submit signed blob
const tx = await client.submitAndWait(signed.tx_blob)
results += "\nBalance changes: \n" + tx.result + "\n" +
JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
operationalResultField.value = results
operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))
client.disconnect()
} // End of oPcancelOffer()
```
## ripplex3b-name-field-support.js
When creating more complex transactions, it can be difficult to remember which account number was performing which part of the deal. To ease the mental burden, there is a new _Name_ field to facilitate working with use cases that typically involve more than two accounts. The account name is appended to the seed values, which makes them reusable and portable to other forms with name field support. To migrate an account, paste the seed value into the seeds field, add a period, then type the account name as a string with no spaces.
With the exception of the changes that enable use of the Name field, the functions in this JavaScript file are identical to the functions found in `ripplex1-send-xrp.js`.
<!-- SPELLING_IGNORE: getNet -->
```javascript
### getNet()
function getNet() {
```
This function uses brute force `if` statements to discover the selected network instance and return the URI.
```javascript
let net
if (document.getElementById("tn").checked) net = "wss://s.altnet.rippletest.net:51233"
if (document.getElementById("dn").checked) net = "wss://s.devnet.rippletest.net:51233"
return net
} // End of getNet()
```
### getAccount(type)
<!-- SPELLING_IGNORE: getaccount -->
```javascript
// *******************************************************
// ************* Get Account *****************************
// *******************************************************
async function getAccount(type) {
```
Get the selected ledger.
```javascript
let net = getNet()
```
Instantiate a client.
```javascript
const client = new xrpl.Client(net)
```
Use the _results_ variable to capture progress information.
```javascript
results = 'Connecting to ' + net + '....'
```
Use the default faucet using a _null_ value.
```javascript
let faucetHost = null
```
Report progress in the appropriate results field.
```javascript
if (type == 'standby') {
standbyResultField.value = results
} else {
operationalResultField.value = results
}
```
Connect to the server.
```javascript
await client.connect()
results += '\nConnected, funding wallet.'
if (type == 'standby') {
standbyResultField.value = results
} else {
operationalResultField.value = results
}
```
Create and fund a test account.
```javascript
const my_wallet = (await client.fundWallet(null, { faucetHost })).wallet
results += '\nGot a wallet.'
if (type == 'standby') {
standbyResultField.value = results
} else {
operationalResultField.value = results
}
```
Get the current XRP balance for the account.
```javascript
const my_balance = (await client.getXrpBalance(my_wallet.address))
```
If this is a standby account, populate the standby account fields.
```javascript
if (type == 'standby') {
standbyAccountField.value = my_wallet.address
standbyBalanceField.value = (await client.getXrpBalance(my_wallet.address))
standbySeedField.value = my_wallet.seed
results += '\nAccount created named ' + standbyNameField.value + '.'
standbyResultField.value = results
```
Otherwise, populate the operational account fields.
```javascript
} else {
operationalAccountField.value = my_wallet.address
operationalSeedField.value = my_wallet.seed
operationalBalanceField.value = (await client.getXrpBalance(my_wallet.address))
results += '\nAccount created named ' + operationalNameField.value + '.'
operationalResultField.value = results
}
```
Insert the seed values and names for both accounts as they are created to the **Seeds** field as a convenience. You can copy the values and store them offline. When you reload this form or another in this tutorial, copy and paste them into the **Seeds** field to retrieve the accounts with the `getAccountsFromSeeds()` function.
```javascript
seeds.value = standbySeedField.value + "." + standbyNameField.value + '\n' +
operationalSeedField.value + "." + operationalNameField.value
```
Disconnect from the XRP ledger.
```javascript
client.disconnect()
} // End of getAccount()
```
### Get Accounts from Seeds
```javascript
// *******************************************************
// ********** Get Accounts from Seeds ********************
// *******************************************************
async function getAccountsFromSeeds() {
```
Connect to the selected network.
```javascript
let net = getNet()
const client = new xrpl.Client(net)
results = 'Connecting to ' + getNet() + '....'
standbyResultField.value = results
await client.connect()
results += '\nConnected, finding wallets.\n'
standbyResultField.value = results
```
Parse the **Seeds** field.
```javascript
var lines = seeds.value.split('\n')
var first_line_value = lines[0]
var first_line = first_line_value.split('.')
var first_seed = first_line[0]
var first_name = first_line[1]
var second_line = lines[1].split('.')
var second_seed = second_line[0]
var second_name = second_line[1]
```
Get the `standby_wallet` based on the seed in the first line. Get the `operational_wallet` based on the seed in the second line.
```javascript
const standby_wallet = xrpl.Wallet.fromSeed(lines[0])
const operational_wallet = xrpl.Wallet.fromSeed(lines[1])
```
Populate the fields for the standby and operational accounts.
```javascript
standbyAccountField.value = standby_wallet.address
standbyNameField.value = first_name
standbySeedField.value = first_seed
standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
operationalAccountField.value = operational_wallet.address
operationalNameField.value = second_name
operationalSeedField.value = second_seed
operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))
```
Disconnect from the XRP Ledger.
```javascript
client.disconnect()
} // End of getAccountsFromSeeds()
```
### Send XRP
```javascript
// *******************************************************
// ******************** Send XRP *************************
// *******************************************************
async function sendXRP() {
```
Connect to your selected ledger.
```javascript
results = "Connecting to the selected ledger.\n"
standbyResultField.value = results
let net = getNet()
results = 'Connecting to ' + getNet() + '....'
const client = new xrpl.Client(net)
await client.connect()
results += "\nConnected. Sending XRP.\n"
standbyResultField.value = results
const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
const sendAmount = standbyAmountField.value
results += "\nstandby_wallet.address: = " + standby_wallet.address
standbyResultField.value = results
```
Prepare the transaction. This is a Payment transaction from the standby address to the operational address.
The _Payment_ transaction expects the XRP to be expressed in drops, or 1/millionth of an XRP. You can use the `xrpToDrops()` method to convert the send amount for you (which beats having to type an extra 6 zeroes to send 1 XRP).
```javascript
const prepared = await client.autofill({
"TransactionType": "Payment",
"Account": standby_wallet.address,
"Amount": xrpl.xrpToDrops(sendAmount),
"Destination": standbyDestinationField.value
})
```
Sign the prepared transaction.
```javascript
const signed = standby_wallet.sign(prepared)
```
Submit the transaction and wait for the results.
```javascript
const tx = await client.submitAndWait(signed.tx_blob)
```
Request the balance changes caused by the transaction and report the results.
```javascript
results += "\nBalance changes: " +
JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
standbyResultField.value = results
standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))
client.disconnect()
} // End of sendXRP()
```
### Reciprocal Transactions
For each of the transactions, there is an accompanying reciprocal transaction, with the prefix _oP,_ for the operational account. See the corresponding function for the standby account for code commentary.
```javascript
// *******************************************************
// ********* Send XRP from Operational account ***********
// *******************************************************
async function oPsendXRP() {
results = "Connecting to the selected ledger.\n"
operationalResultField.value = results
let net = getNet()
results = 'Connecting to ' + getNet() + '....'
const client = new xrpl.Client(net)
await client.connect()
results += "\nConnected. Sending XRP.\n"
operationalResultField.value = results
const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
const sendAmount = operationalAmountField.value
results += "\noperational_wallet.address: = " + operational_wallet.address
operationalResultField.value = results
// ---------------------------------------------------------- Prepare transaction
const prepared = await client.autofill({
"TransactionType": "Payment",
"Account": operational_wallet.address,
"Amount": xrpl.xrpToDrops(sendAmount),
"Destination": operationalDestinationField.value
})
// ---------------------------------------------------- Sign prepared instructions
const signed = operational_wallet.sign(prepared)
// ------------------------------------------------------------ Submit signed blob
const tx = await client.submitAndWait(signed.tx_blob)
results += "\nBalance changes: " +
JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
operationalResultField.value = results
standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))
client.disconnect()
} // End of oPsendXRP()
```
## 3a.CreateOffer.html
This form includes the added account name fields, to allow you to swap in different accounts for a variety of use cases with a recognizable label for the seed and account values.
```html
<html>
<head>
<title>Token Test Harness</title>
<link href='https://fonts.googleapis.com/css?family=Work Sans' rel='stylesheet'>
<style>
body{font-family: "Work Sans", sans-serif;padding: 20px;background: #fafafa;}
h1{font-weight: bold;}
input, button {padding: 6px;margin-bottom: 8px;}
button{font-weight: bold;font-family: "Work Sans", sans-serif;}
td{vertical-align: middle;}
</style>
<script src='https://unpkg.com/xrpl@2.7.0/build/xrpl-latest-min.js'></script>
<script src='ripplex2-send-currency.js'></script>
<script src='ripplex3a-create-offers.js'></script>
<script src='ripplex3b-NameFieldSupport.js'></script>
<script>
if (typeof module !== "undefined") {
const xrpl = require('xrpl')
}
</script>
</head>
<!-- ************************************************************** -->
<!-- ********************** The Form ****************************** -->
<!-- ************************************************************** -->
<body>
<h1>Token Test Harness</h1>
<form id="theForm">
Choose your ledger instance:
&nbsp;&nbsp;
<input type="radio" id="tn" name="server"
value="wss://s.altnet.rippletest.net:51233" checked>
<label for="testnet">Testnet</label>
&nbsp;&nbsp;
<input type="radio" id="dn" name="server"
value="wss://s.devnet.rippletest.net:51233">
<label for="devnet">Devnet</label>
<br/><br/>
<button type="button" onClick="getAccountsFromSeeds()">Get Accounts From Seeds</button>
<br/>
<textarea id="seeds" cols="55" rows= "4"></textarea>
<table>
<tr valign="top">
<td>
<table>
<tr valign="top">
<td>
<button type="button" onClick="getAccount('standby')">Get New Account</button>
<table>
<tr valign="top">
<td align="right">
Account Name
</td>
<td>
<input type="text" id="standbyNameField" size="40"></input>
<br>
</td>
</tr>
<tr valign="top">
<td align="right">
Account
</td>
<td>
<input type="text" id="standbyAccountField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td align="right">
Seed
</td>
<td>
<input type="text" id="standbySeedField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td align="right">
XRP Balance
</td>
<td>
<input type="text" id="standbyBalanceField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td align="right">
Amount
</td>
<td>
<input type="text" id="standbyAmountField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td align="right">
Destination
</td>
<td>
<input type="text" id="standbyDestinationField" size="40"></input>
<br>
</td>
</tr>
<tr valign="top">
<td><button type="button" onClick="configureAccount('standby',document.querySelector('#standbyDefault').checked)">Configure Account</button></td>
<td>
<input type="checkbox" id="standbyDefault" checked="false"/>
<label for="standbyDefault">Allow Rippling</label>
</td>
</tr>
<tr>
<td align="right">
Currency
</td>
<td>
<input type="text" id="standbyCurrencyField" size="40" value="USD"></input>
</td>
</tr>
<tr>
<td align="right">
Offer Sequence
</td>
<td>
<input type="text" id="standbyOfferSequenceField" size="10"></input>
</td>
</tr>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr>
<td>
Taker Pays:<br/>
Currency: <input type="text" id="standbyTakerPaysCurrencyField" size="10"></input><br/>
Issuer: <input type="text" id="standbyTakerPaysIssuerField" size="35"></input><br/>
Value: <input type="text" id="standbyTakerPaysValueField" size="10"></input>
</td>
<td>
Taker Gets:<br/>
Currency: <input type="text" id="standbyTakerGetsCurrencyField" size="10"></input><br/>
Issuer: <input type="text" id="standbyTakerGetsIssuerField" size="35"></input><br/>
Value: <input type="text" id="standbyTakerGetsValueField" size="10"></input><br/>
</td>
</tr>
</table>
<p align="left">
<textarea id="standbyResultField" cols="80" rows="20" ></textarea>
</p>
</td>
</tr>
</table>
</td>
<!-- Standby Buttons, Column 2 -->
<td>
<table>
<tr valign="top">
<td align="center" valign="top">
<button type="button" onClick="sendXRP()">Send XRP&#62;</button>
<br/>
<button type="button" onClick="createTrustline()">Create Trust Line</button>
<br/>
<button type="button" onClick="getTrustLines()">Get Trust Lines</button>
<br/>
<button type="button" onClick="sendCurrency()">Send Currency</button>
<br/>
<button type="button" onClick="getBalances()">Get Balances</button>
<br/><br/>
<button type="button" onClick="createOffer()">Create Offer</button>
<br/>
<button type="button" onClick="getOffers()">Get Offers</button>
<br/>
<button type="button" onClick="cancelOffer()">Cancel Offer</button>
</td>
</tr>
</table>
</td>
<!-- Operational Buttons, Column 3 -->
<td>
<table>
<tr valign="bottom">
<td align="center" valign="middle">
<button type="button" onClick="oPsendXRP()">&#60; Send XRP</button>
<br/>
<button type="button" onClick="oPcreateTrustline()">Create Trust Line</button>
<br/>
<button type="button" onClick="oPgetTrustLines()">Get Trust Lines</button>
<br/>
<button type="button" onClick="oPsendCurrency()">Send Currency</button>
<br/>
<button type="button" onClick="getBalances()">Get Balances</button>
<br/><br/>
<button type="button" onClick="oPcreateOffer()">Create Offer</button>
<br/>
<button type="button" onClick="oPgetOffers()">Get Offers</button>
<br/>
<button type="button" onClick="oPcancelOffer()">Cancel Offer</button>
</td>
</tr>
</table>
</td>
<!-- Operational fields, Column 4 -->
<td valign="top" align="right">
<button type="button" onClick="getAccount('operational')">Get New Account</button>
<table>
<tr valign="top">
<td align="left">
Account Name
</td>
<td align="left">
<input type="text" id="operationalNameField" size="40"></input>
<br>
</td>
</tr>
<tr valign="top">
<td align="right">
Account
</td>
<td>
<input type="text" id="operationalAccountField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td align="right">
Seed
</td>
<td>
<input type="text" id="operationalSeedField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td align="right">
XRP Balance
</td>
<td>
<input type="text" id="operationalBalanceField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td align="right">
Amount
</td>
<td>
<input type="text" id="operationalAmountField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td align="right">
Destination
</td>
<td>
<input type="text" id="operationalDestinationField" size="40"></input>
<br>
</td>
</tr>
<tr>
<td></td>
<td align="right">
<input type="checkbox" id="operationalDefault" checked="false"/>
<label for="operationalDefault">Allow Rippling</label>
<button type="button" onClick="configureAccount('operational',document.querySelector('#operationalDefault').checked)">Configure Account</button>
</td>
</tr>
<tr>
<td align="right">
Currency
</td>
<td>
<input type="text" id="operationalCurrencyField" size="40" value="USD"></input>
</td>
</tr>
<tr>
<td align="right">
Offer Sequence
</td>
<td>
<input type="text" id="operationalOfferSequenceField" size="10"></input>
</td>
</tr>
</table>
<table>
<tr>
<td>
Taker Pays:<br/>
Currency: <input type="text" id="operationalTakerPaysCurrencyField" size="10"></input><br/>
Issuer: <input type="text" id="operationalTakerPaysIssuerField" size="35"></input><br/>
Value: <input type="text" id="operationalTakerPaysValueField" size="10"></input>
</td>
<td>
Taker Gets:<br/>
Currency: <input type="text" id="operationalTakerGetsCurrencyField" size="10"></input><br/>
Issuer: <input type="text" id="operationalTakerGetsIssuerField" size="35"></input><br/>
Value: <input type="text" id="operationalTakerGetsValueField" size="10"></input><br/>
</td>
</tr>
</table>
<p align="right">
<textarea id="operationalResultField" cols="80" rows="20" ></textarea>
</p>
</td>
</tr>
</table>
</form>
</body>
</html>
```
Reference in New Issue View Git Blame Copy Permalink