Broker a NFToken Sale

Earlier examples showed how to make buy and sell offers directly between two accounts. Another option is to use a third account as a broker for the sale. The broker acts on behalf of the NFToken owner. The seller creates an offer with the broker account as its destination. The broker gathers and evaluates buy offers and chooses which one to accept, adding an agreed-upon fee for arranging the sale. When the broker account accepts a sell offer with a buy offer, the funds and ownership of the NFToken are transferred simultaneously, completing the deal. This allows an account to act as a marketplace or personal agent for NFToken creators and traders.

Usage

This example shows how to:

  1. Create a brokered sell offer.
  2. Get a list of offers for the brokered item.
  3. Broker a sale between two different accounts.

Quickstart form with Broker Account

You can download the Quickstart Samples archive to try each of the samples in your own browser.

Get Accounts

  1. Open 5.broker-nfts.html in a browser.
  2. Choose XLS20-NFT as your ledger instance.
  3. Get test accounts.
    1. If you have existing NFT-Devnet account seeds:
      1. Paste 3 account seeds in the Seeds field.
      2. Click Get Accounts from Seeds.
    2. If you do not have NFT-Devnet account seeds:
      1. Click Get New Standby Account.
      2. Click Get New Operational Account.
      3. Click Get New Broker Account

Quickstart form with Account Information

Prepare a Brokered Transaction

  1. Use the Standby account to create a NFToken Sell Offer with the Broker account as the destination.
    1. Enter the Amount of the sell offer in drops (millionths of an XRP).
    2. Set the Flags field to 1.
    3. Enter the NFToken ID of the NFToken you want to sell.
    4. Optionally, enter a number of days until Expiration.
    5. Enter the Broker account number as the Destination.
    6. Click Create Sell Offer.

Sell Offer with Destination

  1. Use the Operational account to create a NFToken Buy Offer.
    1. Enter the Amount of your offer.
    2. Enter the NFToken ID.
    3. Enter the owner’s account string in the Owner field.
    4. Optionally enter the number of days until Expiration.
    5. Click Create Buy Offer.

Buy Offer

Get Offers

  1. Enter the NFToken ID.
  2. Click Get Offers.

Get Offers

Broker the Sale

  1. Copy the nft_offer_index of the sell offer and paste it in the Sell NFToken Offer Index field.
  2. Copy the nft_offer_index of the buy offer and paste it in the Buy NFToken Offer Index field.
  3. Enter a Broker Fee, in drops.
  4. Click Broker Sale.

Brokered Sale

Cancel Offer

After accepting a buy offer, a best practice for the broker is to cancel all other offers, if the broker has permissions to do so. Use Get Offers to get the full list of buy offers. To cancel an offer:

  1. Enter the nft_offer_index of the buy offer you want to cancel in the Buy NFToken Offer Index field.
  2. Click Cancel Offer.

Cancel Offer

Code Walkthrough

You can download the Quickstart Samples archive to examine the code samples.

ripplex5-broker-nfts.js

This script has new functions for brokered transactions and revised functions to support a third account on the same screen.

Broker Get Offers

async function brGetOffers() {

Connect to the ledger.

  const standby_wallet = xrpl.Wallet.fromSeed(brokerSeedField.value)
  let net = getNet()
  const client = new xrpl.Client(net)
  results = 'Connecting to ' + getNet() + '...'
  document.getElementById('brokerResultField').value = results
  await client.connect()
  results += '\nConnected. Getting offers...'
  document.getElementById('brokerResultField').value = results

Request the list of sell offers for the token.

  results += '\n\n***Sell Offers***\n'  
  let nftSellOffers
  try {
    nftSellOffers = await client.request({
      method: "nft_sell_offers",
      nft_id: brokerTokenIdField.value  
    })
  } catch (err) {
    nftSellOffers = 'No sell offers.'
  }
  results += JSON.stringify(nftSellOffers,null,2)
  document.getElementById('brokerResultField').value = results

Request the list of buy offers for the token.

  results += '\n\n***Buy Offers***\n'
  let nftBuyOffers
  try {
    nftBuyOffers = await client.request({
      method: "nft_buy_offers",
      nft_id: brokerTokenIdField.value })
    } catch (err) {
    nftBuyOffers =  'No buy offers.'
  }
  results += JSON.stringify(nftBuyOffers,null,2)    

  document.getElementById('brokerResultField').value = results

Disconnect from the ledger.

  client.disconnect()  
}// End of brGetOffers()

Broker Sale

async function brokerSale() {

Connect to the ledger and get the wallet accounts.

  const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
  const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
  const broker_wallet = xrpl.Wallet.fromSeed (brokerSeedField.value)
  let net = getNet()
  const client = new xrpl.Client(net)
  results = 'Connecting to ' + getNet() + '...'
  document.getElementById('brokerResultField').value = results
  await client.connect()
  results += '\nConnected. Brokering sale...'
  document.getElementById('brokerResultField').value = results

Prepare the transaction. The difference between a brokered sale and a direct sale is that you provide both a sell offer and a buy offer, with an agreed-upon broker's fee.

  const transactionBlob = {
    "TransactionType": "NFTokenAcceptOffer",
    "Account": broker_wallet.classicAddress,
    "NFTokenSellOffer": brokerTokenSellOfferIndexField.value,
    "NFTokenBuyOffer": brokerTokenBuyOfferIndexField.value,
    "NFTokenBrokerFee": brokerBrokerFeeField.value
  }

Submit the transaction and wait for the results.

  const tx = await client.submitAndWait(transactionBlob,{wallet: broker_wallet}) 

Report the results.

  results += "\n\nTransaction result:\n" + 
    JSON.stringify(tx.result.meta.TransactionResult, null, 2)
  results += "\nBalance changes:\n" +
    JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
  document.getElementById('operationalBalanceField').value = 
    (await client.getXrpBalance(operational_wallet.address))
  document.getElementById('standbyBalanceField').value = 
    (await client.getXrpBalance(standby_wallet.address))
  document.getElementById('brokerBalanceField').value = 
    (await client.getXrpBalance(broker_wallet.address))
  document.getElementById('brokerResultField').value = results

Disconnect from the ledger.

  client.disconnect()
}// End of brokerSale()

Broker Cancel Offer

async function brCancelOffer() {

Get the broker wallet and connect to the ledger.

  const wallet = xrpl.Wallet.fromSeed(brokerSeedField.value)
  const client = new xrpl.Client("wss://xls20-sandbox.rippletest.net:51233")
  results = 'Connecting to ' + getNet() + '...'
  document.getElementById('brokerResultField').value = results
  await client.connect()
  results +=  "\nConnected. Cancelling offer..."
  document.getElementById('brokerResultField').value = results

The Token ID must be converted to an array.

  const tokenOfferIDs = [brokerTokenBuyOfferIndexField.value]

Prepare the transaction.

  const transactionBlob = {
    "TransactionType": "NFTokenCancelOffer",
    "Account": wallet.classicAddress,
    "NFTokenOffers": tokenOfferIDs
  }

Submit the transaction and wait for the results.

  const tx = await client.submitAndWait(transactionBlob,{wallet})

Get the sell offers and report the results.

  results += "\n\n***Sell Offers***\n"
  let nftSellOffers
  try {
    nftSellOffers = await client.request({
      method: "nft_sell_offers",
      nft_id: brokerTokenBuyOfferIndexField.value
    })
  } catch (err) {
    nftSellOffers = "No sell offers."
  }
  results += JSON.stringify(nftSellOffers,null,2)

Get the buy offers and report the results.

  results += "\n\n***Buy Offers***\n"
  let nftBuyOffers
  try {
    nftBuyOffers = await client.request({
      method: "nft_buy_offers",
      nft_id: brokerTokenBuyOfferIndexField.value })
  } catch (err) {
    nftBuyOffers = "No buy offers."
  }
  results += JSON.stringify(nftBuyOffers,null,2)

Report the transaction results.

  results += "\nTransaction result:\n" +
    JSON.stringify(tx.result.meta.TransactionResult, null, 2)
  results += "\nBalance changes:\n" + 
    JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
  document.getElementById('brokerResultField').value = results

Disconnect from the ledger.

  client.disconnect()
}// End of brCancelOffer()

Get Account

To accommodate the broker account, override the getAccount(type) function to watch for the broker type.

async function getAccount(type) {

Connect to the ledger.

  let net = getNet()
  const client = new xrpl.Client(net)
  results = 'Connecting to ' + net + '....'

Get the correct network host.

  let faucetHost = null
  if(document.getElementById("xls").checked) {
    faucetHost = "faucet-nft.ripple.com"
  } 

  if (type == 'standby') {
    document.getElementById('standbyResultField').value = results
  } 
  if (type == 'operational') {
    document.getElementById('operationalResultField').value = results
  }
  if (type == 'broker') {
    document.getElementById('brokerResultField').value = results
  }

Connect to the ledger.

  await client.connect()

  results += '\nConnected, funding wallet.'
  if (type == 'standby') {
    document.getElementById('standbyResultField').value = results
  } 
  if (type == 'operational') {
    document.getElementById('operationalResultField').value = results
  }
  if (type == 'broker') {
    document.getElementById('brokerResultField').value = results
  }

Create and fund a test wallet and report progress.

const my_wallet = (await client.fundWallet(null, { faucetHost })).wallet

  results += '\nGot a wallet.'
  if (type == 'standby') {
    document.getElementById('standbyResultField').value = results
  } 
  if (type == 'operational') {
    document.getElementById('operationalResultField').value = results
  }
  if (type == 'broker') {
    document.getElementById('brokerResultField').value = results
  }

Get the XRP balance for the new account.

  const my_balance = (await client.getXrpBalance(my_wallet.address))

Populate the form fields for the appropriate account with the new account information.

  if (type == 'standby') {
    document.getElementById('standbyAccountField').value = my_wallet.address
    document.getElementById('standbyPubKeyField').value = my_wallet.publicKey
    document.getElementById('standbyPrivKeyField').value = my_wallet.privateKey
    document.getElementById('standbyBalanceField').value = 
      (await client.getXrpBalance(my_wallet.address))
    document.getElementById('standbySeedField').value = my_wallet.seed
    results += '\nStandby account created.'
    document.getElementById('standbyResultField').value = results
  }
  if (type == 'operational') {
    document.getElementById('operationalAccountField').value = my_wallet.address
    document.getElementById('operationalPubKeyField').value = my_wallet.publicKey
    document.getElementById('operationalPrivKeyField').value = my_wallet.privateKey
    document.getElementById('operationalSeedField').value = my_wallet.seed
    document.getElementById('operationalBalanceField').value = 
      (await client.getXrpBalance(my_wallet.address))
    results += '\nOperational account created.'
    document.getElementById('operationalResultField').value = results
  }
  if (type == 'broker') {
    document.getElementById('brokerAccountField').value = my_wallet.address
    document.getElementById('brokerPubKeyField').value = my_wallet.publicKey
    document.getElementById('brokerPrivKeyField').value = my_wallet.privateKey
    document.getElementById('brokerSeedField').value = my_wallet.seed
    document.getElementById('brokerBalanceField').value = 
      (await client.getXrpBalance(my_wallet.address))
    results += '\nBroker account created.'
    document.getElementById('brokerResultField').value = results
  }

Add the new account seed to corresponding line in the Account Seeds field.

document.getElementById('seeds').value = standbySeedField.value + '\n' + operationalSeedField.value + "\n" + brokerSeedField.value

Disconnect from the ledger.

  client.disconnect()
} // End of getAccount()

Get Accounts from Seeds

Override the getAccountsFromSeeds() function to include the broker account fields.

async function getAccountsFromSeeds() {

Connect to the ledger.

  let net = getNet()
  const client = new xrpl.Client(net)
  results = 'Connecting to ' + getNet() + '....'
  document.getElementById('standbyResultField').value = results
  await client.connect()
  results += '\nConnected, finding wallets.\n'
  document.getElementById('standbyResultField').value = results

Use the split function to parse the values from the Seeds field.

  var lines = seeds.value.split('\n');

Get the wallets based on the seed values.

  const standby_wallet = xrpl.Wallet.fromSeed(lines[0])
  const operational_wallet = xrpl.Wallet.fromSeed(lines[1])
  const broker_wallet = xrpl.Wallet.fromSeed(lines[2])

Get the XRP balances for the accounts.

  const standby_balance = (await client.getXrpBalance(standby_wallet.address))  
  const operational_balance = (await client.getXrpBalance(operational_wallet.address))  
  const broker_balance = (await client.getXrpBalance(broker_wallet.address))  

Populate the form fields based on the wallet values.

  document.getElementById('standbyAccountField').value = standby_wallet.address
  document.getElementById('standbyPubKeyField').value = standby_wallet.publicKey
  document.getElementById('standbyPrivKeyField').value = standby_wallet.privateKey
  document.getElementById('standbySeedField').value = standby_wallet.seed
  document.getElementById('standbyBalanceField').value = 
    (await client.getXrpBalance(standby_wallet.address))

  document.getElementById('operationalAccountField').value = operational_wallet.address
  document.getElementById('operationalPubKeyField').value = operational_wallet.publicKey
  document.getElementById('operationalPrivKeyField').value = operational_wallet.privateKey
  document.getElementById('operationalSeedField').value = operational_wallet.seed
  document.getElementById('operationalBalanceField').value = 
    (await client.getXrpBalance(operational_wallet.address))

  document.getElementById('brokerAccountField').value = broker_wallet.address
  document.getElementById('brokerPubKeyField').value = broker_wallet.publicKey
  document.getElementById('brokerPrivKeyField').value = broker_wallet.privateKey
  document.getElementById('brokerSeedField').value = broker_wallet.seed
  document.getElementById('brokerBalanceField').value = 
    (await client.getXrpBalance(broker_wallet.address))

Disconnect from the ledger.

  client.disconnect()

Use the getBalances() function to get the current balances of fiat currency.

  getBalances()

} // End of getAccountsFromSeeds()

Get Balances

Override the getBalances() function to include the broker balance.

async function getBalances() {

Connect with the ledger.

  let net = getNet()
  const client = new xrpl.Client(net)
  results = 'Connecting to ' + getNet() + '....'
  document.getElementById('standbyResultField').value = results

  await client.connect()

  results += '\nConnected.'
  document.getElementById('standbyResultField').value = results

Get the wallets for each of the three accounts.

  const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
  const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
  const broker_wallet = xrpl.Wallet.fromSeed(brokerSeedField.value)

Get and report the Standby account balances.

  results= "\nGetting standby account balances...\n"
  const standby_balances = await client.request({
    command: "gateway_balances",
    account: standby_wallet.address,
    ledger_index: "validated",
    hotwallet: [operational_wallet.address]
  })
  results += JSON.stringify(standby_balances.result, null, 2)
  document.getElementById('standbyResultField').value = results

Get and report the Operational account balances.

  results= "\nGetting operational account balances...\n"
  const operational_balances = await client.request({
    command: "account_lines",
    account: operational_wallet.address,
    ledger_index: "validated"
  })
  results += JSON.stringify(operational_balances.result, null, 2)
  document.getElementById('operationalResultField').value = results

Get and report the Broker account balances.

  results= "\nGetting broker account balances...\n"
  const broker_balances = await client.request({
    command: "account_lines",
    account: broker_wallet.address,
    ledger_index: "validated"
  })
  results += JSON.stringify(broker_balances.result, null, 2)
  document.getElementById('brokerResultField').value = results

Update the XRP balances for the three accounts.

  document.getElementById('operationalBalanceField').value = 
    (await client.getXrpBalance(operational_wallet.address))
  document.getElementById('standbyBalanceField').value = 
    (await client.getXrpBalance(standby_wallet.address))
  document.getElementById('brokerBalanceField').value = 
    (await client.getXrpBalance(broker_wallet.address))

Disconnect from the ledger.

  client.disconnect()
} // end of getBalances()

5.broker-nfts.html

Revise the HTML form to add a new Broker section at the top.

<html>
  <head>
    <title>Token Test Harness</title>
    <script src='https://unpkg.com/[email protected]'></script>
    <script src='ripplex1-send-xrp.js'></script>
    <script src='ripplex2-send-currency.js'></script>
    <script src='ripplex3-mint-nfts.js'></script>
    <script src='ripplex4-transfer-nfts.js'></script>
    <script src='ripplex5-broker-nfts.js'></script>
    <script>
      if (typeof module !== "undefined") {
        const xrpl = require('xrpl')
      }
    </script>

<!-- ************************************************************** -->
<!-- ********************** The Form ****************************** -->
<!-- ************************************************************** -->

  <body>
    <h1>Token Test Harness</h1>
    <form id="theForm">
      Choose your ledger instance:  
      <input type="radio" id="xls" name="server"
        value="wss://xls20-sandbox.rippletest.net:51233" checked>
      <label for="xls20">XLS20-NFT</label>
      &nbsp;&nbsp;
      <input type="radio" id="tn" name="server"
        value="wss://s.altnet.rippletest.net:51233">
      <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="40" rows= "3"></textarea>
      <br/><br/>
        <table align="center">
          <tr valign="top">
            <td>
              <button type="button" onClick="getAccount('broker')">Get New Broker Account</button>
            </td>
          </tr>
          <tr valign="top">
            <td align="right">
              Broker Account
            </td>
            <td>
              <input type="text" id="brokerAccountField" size="40"></input>
              <button type="button" id="another" onclick="brokerSale()">Broker Sale</button>
            </td>
            <td rowspan="7">
            <textarea id="brokerResultField" cols="40" rows="12"></textarea>
            </td>
          </tr>
          <tr>
            <td align="right">
              Public Key
            </td>
            <td>
              <input type="text" id="brokerPubKeyField" size="40"></input>
              <button type="button" onClick="brGetOffers()">Get Offers</button>
              <br>
            </td>
          </tr>
          <tr>
            <td align="right">
              Private Key
            </td>
            <td>
              <input type="text" id="brokerPrivKeyField" size="40"></input>
              <button type="button" onClick="brCancelOffer()">Cancel Offer</button>
              <br>
            </td>
          </tr>
          <tr>
            <td align="right">
              Seed
              <br>
            </td>
            <td>
              <input type="text" id="brokerSeedField" size="40"></input>
            </td>
          </tr>
          <tr>
            <td align="right">
              XRP Balance
            </td>
            <td>
              <input type="text" id="brokerBalanceField" size="40"></input>
              <br>
            </td>
          </tr>
          <tr>
            <td align="right">
              Amount
            </td>
            <td>
              <input type="text" id="brokerAmountField" size="40" value="100"></input>
              <br>
            </td>
          </tr>
          <tr>
            <td align="right">NFToken ID</td>
            <td><input type="text" id="brokerTokenIdField" value="" size="80"/></td>
          </tr>
          <tr>
            <td align="right">Sell NFToken Offer Index</td>
            <td><input type="text" id="brokerTokenSellOfferIndexField" value="" size="80"/></td>
          </tr>
          <tr>
            <td align="right">Buy NFToken Offer Index</td>
            <td><input type="text" id="brokerTokenBuyOfferIndexField" value="" size="80"/></td>
          </tr>
          <tr>
            <td align="right">Owner</td>
            <td><input type="text" id="brokerOwnerField" value="" size="80"/></td>
          </tr>
          <tr>
            <td align="right">Broker Fee</td>
            <td><input type="text" id="brokerBrokerFeeField" value="" size="80"/></td>
          </tr>
        </table>
        <br/><br/>
      <table>
        <tr valign="top">
          <td>
            <table>
              <tr valign="top">
                <td>
                <td>
                  <button type="button" onClick="getAccount('standby')">Get New Standby Account</button>
                  <table>
                    <tr valign="top">
                      <td align="right">
                        Standby Account
                      </td>
                      <td>
                        <input type="text" id="standbyAccountField" size="40"></input>
                        <br>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">
                        Public Key
                      </td>
                      <td>
                        <input type="text" id="standbyPubKeyField" size="40"></input>
                        <br>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">
                        Private Key
                      </td>
                      <td>
                        <input type="text" id="standbyPrivKeyField" 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" value="100"></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="true"/>
                        <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">NFToken URL</td>
                      <td><input type="text" id="standbyTokenUrlField"
                        value = "ipfs://bafybeigdyrzt5sfp7udm7hu76uh7y26nf4dfuylqabf3oclgtqy55fbzdi" size="80"/>
                      </td>
                    </tr>
                    <tr>
                      <td align="right">Flags</td>
                      <td><input type="text" id="standbyFlagsField" value="1" size="10"/></td>
                    </tr>
                    <tr>
                      <td align="right">NFToken ID</td>
                      <td><input type="text" id="standbyTokenIdField" value="" size="80"/></td>
                    </tr>
                    <tr>
                      <td align="right">NFToken Offer Index</td>
                      <td><input type="text" id="standbyTokenOfferIndexField" value="" size="80"/></td>
                    </tr>
                    <tr>
                      <td align="right">Owner</td>
                      <td><input type="text" id="standbyOwnerField" value="" size="80"/></td>
                    </tr>
                    <tr>
                      <td align="right">Destination</td>
                      <td><input type="text" id="standbyDestinationField" value="" size="80"/></td>
                    </tr>
                    <tr>
                      <td align="right">Expiration</td>
                      <td><input type="text" id="standbyExpirationField" value="" size="80"/></td>
                    </tr>
                    <tr>
                      <td align="right">Transfer Fee</td>
                      <td><input type="text" id="standbyTransferFeeField" value="" size="80"/></td>
                    </tr>
                  </table>
                  <p align="left">
                    <textarea id="standbyResultField" cols="80" rows="20" ></textarea>
                  </p>
                </td>
                </td>
                <td>
                  <table>
                    <tr valign="top">
                      <td align="center" valign="top">
                        <button type="button" onClick="sendXRP()">Send XRP&#62;</button>
                        <br/><br/>
                        <button type="button" onClick="createTrustline()">Create TrustLine</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="mintToken()">Mint NFToken</button>
                        <br/>
                        <button type="button" onClick="getTokens()">Get NFTokens</button>
                        <br/>
                        <button type="button" onClick="burnToken()">Burn NFToken</button>
                        <br/><br/>
                        <button type="button" onClick="createSellOffer()">Create Sell Offer</button>
                        <br/>
                        <button type="button" onClick="acceptSellOffer()">Accept Sell Offer</button>
                        <br/>
                        <button type="button" onClick="createBuyOffer()">Create Buy Offer</button>
                        <br/>
                        <button type="button" onClick="acceptBuyOffer()">Accept Buy Offer</button>
                        <br/>
                        <button type="button" onClick="getOffers()">Get Offers</button>
                        <br/>
                        <button type="button" onClick="cancelOffer()">Cancel Offer</button>
                      </td>
                    </tr>
                    </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
          <td>
            <table>
              <tr>
                <td>
                <td>
                  <table>
                    <tr>
                      <td align="center" valign="top">
                        <button type="button" onClick="oPsendXRP()">&#60; Send XRP</button>
                        <br/><br/>
                        <button type="button" onClick="oPcreateTrustline()">Create TrustLine</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="oPmintToken()">Mint NFToken</button>
                        <br/>
                        <button type="button" onClick="oPgetTokens()">Get NFTokens</button>
                        <br/>
                        <button type="button" onClick="oPburnToken()">Burn NFToken</button>
                        <br/><br/>
                        <button type="button" onClick="oPcreateSellOffer()">Create Sell Offer</button>
                        <br/>
                        <button type="button" onClick="oPacceptSellOffer()">Accept Sell Offer</button>
                        <br/>
                        <button type="button" onClick="oPcreateBuyOffer()">Create Buy Offer</button>
                        <br/>
                        <button type="button" onClick="oPacceptBuyOffer()">Accept Buy Offer</button>
                        <br/>
                        <button type="button" onClick="oPgetOffers()">Get Offers</button>
                        <br/>
                        <button type="button" onClick="oPcancelOffer()">Cancel Offer</button>
                      </td>
                      <td valign="top" align="right">
                        <button type="button" onClick="getAccount('operational')">Get New Operational Account</button>
                        <table>
                          <tr valign="top">
                            <td align="right">
                              Operational Account
                            </td>
                            <td>
                              <input type="text" id="operationalAccountField" size="40"></input>
                              <br>
                            </td>
                          </tr>
                          <tr>
                            <td align="right">
                              Public Key
                            </td>
                            <td>
                              <input type="text" id="operationalPubKeyField" size="40"></input>
                              <br>
                            </td>
                          </tr>
                          <tr>
                            <td align="right">
                              Private Key
                            </td>
                            <td>
                              <input type="text" id="operationalPrivKeyField" 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" value="100"></input>
                              <br>
                            </td>
                          </tr>
                          <tr>
                            <td>
                            </td>
                            <td align="right">                        <input type="checkbox" id="operationalDefault" checked="true"/>
                              <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">NFToken URL</td>
                            <td><input type="text" id="operationalTokenUrlField"
                              value = "ipfs://bafybeigdyrzt5sfp7udm7hu76uh7y26nf4dfuylqabf3oclgtqy55fbzdi" size="80"/>
                            </td>
                          </tr>
                          <tr>
                            <td align="right">Flags</td>
                            <td><input type="text" id="operationalFlagsField" value="1" size="10"/></td>
                          </tr>
                          <tr>
                            <td align="right">NFToken ID</td>
                            <td><input type="text" id="operationalTokenIdField" value="" size="80"/></td>
                          </tr>
                          <tr>
                            <td align="right">NFToken Offer Index</td>
                            <td><input type="text" id="operationalTokenOfferIndexField" value="" size="80"/></td>
                          </tr>
                          <tr>
                            <td align="right">Owner</td>
                            <td><input type="text" id="operationalOwnerField" value="" size="80"/></td>
                          </tr>
                          <tr>
                            <td align="right">Destination</td>
                            <td><input type="text" id="operationalDestinationField" value="" size="80"/></td>
                          </tr>
                          <tr>
                            <td align="right">Expiration</td>
                            <td><input type="text" id="operationalExpirationField" value="" size="80"/></td>
                          </tr>
                          <tr>
                            <td align="right">Transfer Fee</td>
                            <td><input type="text" id="operationalTransferFeeField" value="" size="80"/></td>
                          </tr>
                        </table>
                        <p align="right">
                          <textarea id="operationalResultField" cols="80" rows="20" ></textarea>
                        </p>
                      </td>
                      </td>
                    </tr>
                    </td>
                    </tr>
                  </table>
                </td>
              </tr>
            </table>
          </td>
        </tr>
      </table>
    </form>
  </body>
</html>

Previous Next
← 4. Transfer NFTokens