Add Escrow Tutorial

content/tutorials/quickstart/authorize-minter.md

@@ -752,8 +752,3 @@ Update the form with fields and buttons to support the new functions.
   </body>
 </html>
 ```
-
-| Previous      | Next                                                             |
-| :---          |                                                             ---: |
-| [← Broker a NFToken Sale >](broker-sale.html)  | [Batch Mint NFTokens → >](batch-minting.html) |
-

content/tutorials/quickstart/batch-minting.md

@@ -484,8 +484,3 @@ For this form:
   </body>
 </html>
 ```
-
-| Previous      | Next                                                             |
-| :---          |                                                             ---: |
-| [← Authorize Minter >](authorize-minter.html)  |  |
-

content/tutorials/quickstart/broker-sale.md

@@ -1042,8 +1042,3 @@ Revise the HTML form to add a new Broker section at the top.
   </body>
 </html> 
 ```
-
-
-| Previous      | Next                                                             |
-| :---          |                                                             ---: |
-| [← 4. Transfer NFTokens >](transfer-nftokens.html)  | [Authorize Minter → >](authorize-minter.html)|

content/tutorials/quickstart/create-accounts-send-xrp.md

@@ -1,14 +1,14 @@
 ---
 html: create-accounts-send-xrp.html
 parent: xrpl-quickstart.html
-blurb: Quickstart 1, create two accounts and transfer XRP between them.
+blurb: Create two accounts and transfer XRP between them.
 labels:
   - Accounts
   - Quickstart
   - Transaction Sending
   - XRP
 ---
-# 1. Create Accounts and Send XRP
+# Create Accounts and Send XRP
 
 This example shows how to:
 
@@ -744,7 +744,3 @@ Create a standard HTML form to send transactions and requests, then display the
   </body>
 </html>
 ```
-
-| Previous                                | Next                                                                          |
-| :---                                    |                                                                          ---: |
-| [← XRPL Quickstart >](xrpl-quickstart.html) | [2. Create Trust Line and Send Currency → >](create-trustline-send-currency.html) |

content/tutorials/quickstart/create-trustline-send-currency.md

@@ -1,7 +1,7 @@
 ---
 html: create-trustline-send-currency.html
 parent: xrpl-quickstart.html
-blurb: Quickstart step 2, create TrustLines and send currency.
+blurb: Create Trust Lines and send currency.
 labels:
   - Cross-Currency
   - Payments
@@ -10,7 +10,7 @@ labels:
 
 ---
 
-# 2. Create Trust Line and Send Currency
+# Create Trust Line and Send Currency
 
 This example shows how to:
 
@@ -893,10 +893,3 @@ Update the form to support the new functions.
   </body>
 </html>
 ```
-
----
-
-
-| Previous      | Next                                                             |
-| :---          |                                                             ---: |
-| [← 1. Create Accounts and Send XRP >](create-accounts-send-xrp.html) | [3. Mint and Burn NFTokens → >](mint-and-burn-nftokens.html) |

content/tutorials/quickstart/escrow-time.md

@@ -0,0 +1,516 @@
+---
+html: time-escrows.html
+parent: xrpl-quickstart.html
+blurb: Create, finish, or cancel time-based escrow transactions.
+labels:
+  - Accounts
+  - Quickstart
+  - Transaction Sending
+  - XRP
+---
+# Create Time-based Escrows
+
+This example shows how to:
+
+
+1. Create escrow payments that become available at a specified time and expire at a specified time.
+2. Finish an escrow payment.
+3. Retrieve information on escrows attached to an account.
+3. Cancel an escrow payment and return the XRP to the sending account.
+
+
+![Escrow Tester Form](img/quickstart-escrow1.png)
+
+
+## Prerequisites
+
+Download and expand the [Quickstart Samples](https://github.com/XRPLF/xrpl-dev-portal/tree/master/content/_code-samples/quickstart/js/quickstart.zip){.github-code-download} archive.
+
+## Usage
+
+To get test accounts:
+
+1. Open `8.escrow.html` in a browser
+2. Choose **Testnet** or **Devnet**.
+3. Get test accounts.
+    1. If you have existing account seeds
+        1. Paste account seeds in the **Seeds** field.
+        2. Click **Get Accounts from Seeds**.
+    2. If you do not have account seeds:
+        1. Click **Get New Standby Account**.
+        2. Click **Get New Operational Account**.
+
+![Escrow Tester with Account Information](img/quickstart-escrow2.png)
+
+## Create Escrow
+
+You can create a time-based escrow with a minimum time to finish the escrow and a cancel time after which the funds in escrow are no longer available to the recipient. This is a test harness: while a practical scenario might express time in days or weeks, this form lets you set the finish and cancel times in seconds so that you can quickly run through a variety of scenarios. (There are 86,400 seconds in a day, if you want to play with longer term escrows.)
+
+To create a time-based escrow:
+
+1. Enter an **Amount** to transfer.
+2. Copy the **Operational Account** value.
+3. Past it in the **Destination Account** field.
+4. Set the **Escrow Finish (seconds)** value. For example, enter _10_.
+5. Set the **Escrow Cancel (seconds)** value. For example, enter _120_.
+6. Click **Create Escrow**.
+7. Copy the _Sequence Number_ of the escrow called out in the **Standby Result** field.
+
+The escrow is created on the XRP Ledger instance, reserving 100 XRP plus the transaction cost. When you create an escrow, capture and save the **Sequence Number** so that you can use it to finish the escrow transaction.
+
+![Completed Escrow Transaction](img/quickstart-escrow3.png)
+
+## Finish Escrow
+
+The recipient of the XRP held in escrow can finish the transaction any time within the time window after the Escrow Finish date and time but before the Escrow Cancel date and time. Following on the example above, you can use the _Sequence Number_ to finish the transaction once 10 seconds have passed.
+
+To finish a time-based escrow:
+
+1. Paste the sequence number in the Operational account **Escrow Sequence Number** field.
+2. Click **Finish Escrow**.
+
+The transaction completes and balances are updated for both the Standby and Operational accounts.
+
+![Completed Escrow Transaction](img/quickstart-escrow4.png)
+
+## Get Escrows
+
+Click **Get Escrows** for either the Standby account or the Operational account to see their current list of escrows. If you click the buttons now, there are no escrows at the moment.
+
+For the purposes of this tutorial, follow the steps in [Create Escrow](#create-escrow), above, to create a new escrow transaction, perhaps setting **Escrow Cancel (seconds)** field to _600_ seconds to give you extra time to explore. Remember to capture the _Sequence Number_ from the transaction results.
+
+Click **Get Escrows** for both the Standby and the Operational account. The `account_info` request returns the same `account_object` for both accounts, demonstrating the link between the accounts created by the escrow transaction.
+
+![Get Escrows results](img/quickstart-escrow5.png)
+
+
+## Cancel Escrow
+
+When the Escrow Cancel time passes, the escrow is no longer available to the recipient. The initiator of the escrow can reclaim the XRP, less the transaction fees. If you try to cancel the transaction prior to the **Escrow Cancel** time, you are charged for the transaction, but the actual escrow cannot be cancelled until the time limit is reached.
+
+You can wait the allotted time for the escrow you created in the previous step, then use it to try out the **Cancel Escrow** button
+
+To cancel an expired escrow:
+
+1. Enter the sequence number in the Standby **Escrow Sequence Number** field.
+2. Click **Cancel Escrow**.
+
+The funds are returned to the Standby account, less the initial transaction fee.
+
+![Cancel Escrow results](img/quickstart-escrow6.png)
+
+## Oh No! I Forgot to Save the Sequence Number!
+
+If you forget to save the sequence number, you can find it in the escrow transaction record.
+
+1. Create a new escrow as described in [Create Escrow](#create-escrow), above.
+2. Click **Get Escrows** to get the escrow information.
+3. Copy the _PreviousTxnID_ value from the results.
+   ![Transaction ID in Get Escrows results](img/quickstart-escrow7.png)
+4. Paste the _PreviousTxnID_ in the **Tranaction to Look Up** field.
+   ![Transaction to Look Up field](img/quickstart-escrow8.png)
+5. Click **Get Transaction** and locate the _Sequence_ value in the results.
+   ![Sequence number in results](img/quickstart-escrow9.png)
+
+# Code Walkthrough
+
+You can download the [Quickstart Samples](https://github.com/XRPLF/xrpl-dev-portal/tree/master/content/_code-samples/quickstart/js/quickstart.zip){.github-code-download} in the source repository for this website.
+
+## ripple8-escrow.js
+
+This example can be used with any XRP Ledger network, _Testnet_, or _Devnet_. You can update the code to choose different or additional XRP Ledger networks.
+
+### Add Seconds to Date
+
+This function accomplishes two things. It creates a new date object and adds the number of seconds taken from a form field. Then, it adjusts the date from the JavaScript format to the XRP Ledger format.
+
+You provide the _numOfSeconds_ argument, the second parameter is a new Date object.
+```javascript
+function addSeconds(numOfSeconds, date = new Date()) {
+```
+
+Set the _seconds_ value to the date seconds plus the number of seconds you provide.
+
+```javascript
+  date.setSeconds(date.getSeconds() + numOfSeconds);
+```
+
+JavaScript dates are in milliseconds. Divide the date by 1000 to base it on seconds.
+
+```javascript
+  date = Math.floor(date / 1000)
+```
+
+Subtract the number of seconds in the Ripple epoch to convert the value to an XRP Ledger compatible date value.
+
+```javascript
+  date = date - 946684800
+```
+
+Return the result.
+
+```javascript
+  return date;
+}
+```
+
+### Create Time Escrow
+
+```javascript
+async function createTimeEscrow() {
+```
+
+Instantiate two new date objects, then set the dates to the current date plus the set number of seconds for the finish and cancel dates.
+
+```javascript
+  let escrow_finish_date = new Date()
+  let escrow_cancel_date = new Date()
+  escrow_finish_date = addSeconds(parseInt(standbyEscrowFinishDateField.value))
+  escrow_cancel_date = addSeconds(parseInt(standbyEscrowCancelDateField.value))
+```
+
+Connect to the ledger.
+
+```javascript
+  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. Creating time-based escrow.\n"
+  standbyResultField.value = results
+```
+
+Get the wallet information based on the account seed values.
+
+```javascript
+  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
+```
+
+Define the `EscrowCreate` transaction, automatically filling values in common fields.
+
+```javascript
+  const escrowTx = await client.autofill({
+    "TransactionType": "EscrowCreate",
+    "Account": standby_wallet.address,
+    "Amount": xrpl.xrpToDrops(sendAmount),
+    "Destination": standbyDestinationField.value,
+    "FinishAfter": escrow_finish_date,
+    "CancelAfter": escrow_cancel_date
+  })
+```
+
+Sign the escrow transaction definition.
+
+```javascript
+  const signed = standby_wallet.sign(escrowTx)
+```
+
+Submit the transaction.
+
+```javascript
+  const tx = await client.submitAndWait(signed.tx_blob)
+```
+
+Report the results.
+
+```javascript
+  results += "\nSequence Number (Save!): " + JSON.stringify(tx.result.Sequence)
+  results += "\n\nBalance changes: " + 
+  JSON.stringify(xrpl.getBalanceChanges(tx.result.meta), null, 2)
+  standbyBalanceField.value = (await client.getXrpBalance(standby_wallet.address))
+  operationalBalanceField.value = (await client.getXrpBalance(operational_wallet.address))
+  standbyResultField.value = results
+```
+
+Disconnect from the XRP Ledger.
+
+```javascript
+  client.disconnect()
+} // End of createTimeEscrow()
+```
+
+##Finish Time-based Escrow
+
+```javascript
+async function finishEscrow() {
+```
+
+Connect to the XRP Ledger and get the account wallets.
+
+```javascript
+  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. Finishing escrow.\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
+```
+
+Define the transaction. The _Owner_ is the account that created the escrow. The _OfferSequence_ is the sequence number of the escrow transaction. Automatically fill in the common fields for the transaction.
+
+```javascript
+  const prepared = await client.autofill({
+    "TransactionType": "EscrowFinish",
+    "Account": operationalAccountField.value,
+    "Owner": standbyAccountField.value,
+    "OfferSequence": parseInt(operationalEscrowSequenceField.value)
+  })
+```
+
+Sign the transaction definition.
+
+```javascript
+  const signed = operational_wallet.sign(prepared)
+```
+
+Submit the signed transaction to the XRP ledger.
+
+```javascript
+
+  const tx = await client.submitAndWait(signed.tx_blob)
+```
+
+Report the results.
+
+```javascript
+  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))
+```
+
+Disconnect from the XRP Ledger.
+
+```javascript
+  client.disconnect()
+} // End of finishEscrow()
+```
+
+### Get Standby Escrows
+
+Get the escrows associated with the Standby account.
+
+```javascript
+async function getStandbyEscrows() {
+```
+
+Connect to the network. The information you are looking for is public information, so there is no need to instantiate your wallet.
+
+```javascript
+  let net = getNet()
+  const client = new xrpl.Client(net)
+  results = 'Connecting to ' + getNet() + '....'
+  standbyResultField.value = results
+  
+  await client.connect()   
+  results += '\nConnected.'
+  standbyResultField.value = results
+
+  results= "\nGetting standby account escrows...\n"
+```
+
+Create the `account_objects` request. Specify that you want objects of the type _escrow_.
+
+```javascript
+  const escrow_objects = await client.request({
+    "id": 5,
+    "command": "account_objects",
+    "account": standbyAccountField.value,
+    "ledger_index": "validated",
+    "type": "escrow"
+  })
+```
+
+Report the results.
+
+```javascript
+  results += JSON.stringify(escrow_objects.result, null, 2)
+  standbyResultField.value = results
+```
+
+Disconnect from the XRP Ledger
+
+```javascript
+  client.disconnect()
+} // End of getStandbyEscrows()
+```
+
+## Get Operational Escrows
+
+This function is the same as `getStandbyEscrows()`, but for the Operational account.
+
+```javascript
+async function getOperationalEscrows() {
+```
+
+Connect to the network. The information you are looking for is public information, so there is no need to instantiate your wallet.
+
+```javascript
+  let net = getNet()
+  const client = new xrpl.Client(net)
+  results = 'Connecting to ' + getNet() + '....'
+  operationalResultField.value = results
+  
+  await client.connect()   
+  results += '\nConnected.'
+  operationalResultField.value = results
+
+  results= "\nGetting operational account escrows...\n"
+```
+
+Create the `account_objects` request. Specify that you want objects of the type _escrow_.
+
+```javascript
+  const escrow_objects = await client.request({
+    "id": 5,
+    "command": "account_objects",
+    "account": operationalAccountField.value,
+    "ledger_index": "validated",
+    "type": "escrow"
+  })
+```
+
+Report the results.
+
+```javascript
+  results += JSON.stringify(escrow_objects.result, null, 2)
+  operationalResultField.value = results
+```
+
+Disconnect from the XRP Ledger instance.
+
+```javascript
+  client.disconnect()
+} // End of getOperationalEscrows()
+```
+
+### Get Transaction Info 
+
+```javascript
+async function getTransaction() {
+```
+
+Connect to the XRP Ledger.
+
+```javascript
+  let net = getNet()
+  const client = new xrpl.Client(net)
+  results = 'Connecting to ' + getNet() + '....'
+  operationalResultField.value = results
+  
+  await client.connect()   
+  results += '\nConnected.'
+  operationalResultField.value = results
+
+  results= "\nGetting transaction information...\n"
+  ```
+  
+Prepare and send the transaction information request. The only required parameter is the transaction ID.
+  
+  ```javascript
+  const tx_info = await client.request({
+    "id": 1,
+    "command": "tx",
+    "transaction": operationalTransactionField.value,
+  })
+  ```
+Report the results.
+  
+  ```javascript
+  results += JSON.stringify(tx_info.result, null, 2)
+  operationalResultField.value = results
+  ```
+  
+Disconnect from the XRP Ledger instance.  
+  
+  ```javascript
+  client.disconnect()
+} // End of getTransaction()
+```
+
+### Cancel Escrow
+
+Cancel an escrow after it passes the expiration date.
+
+```javascript
+async function cancelEscrow() {
+```
+
+Connect to the XRP Ledger instance.
+
+```javascript
+  let net = getNet()
+  const client = new xrpl.Client(net)
+  results = 'Connecting to ' + getNet() + '....'
+  standbyResultField.value = results
+  
+  await client.connect()   
+  results += '\nConnected.'
+  standbyResultField.value = results
+```
+
+Get the account wallets.
+
+```javascript
+  const standby_wallet = xrpl.Wallet.fromSeed(standbySeedField.value)
+  const operational_wallet = xrpl.Wallet.fromSeed(operationalSeedField.value)
+```
+
+Prepare the EscrowCancel transaction.
+
+```javascript
+  const prepared = await client.autofill({
+    "TransactionType": "EscrowCancel",
+    "Account": standby_wallet.address,
+    "Owner": standbyAccountField.value,
+    "OfferSequence": parseInt(standbyEscrowSequenceNumberField.value)
+  })
+```
+
+Sign the transaction.
+```javascript
+  const signed = standby_wallet.sign(prepared)
+```
+
+Submit the transaction and wait for the response.
+
+``` javascript
+  const tx = await client.submitAndWait(signed.tx_blob)
+```
+
+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))
+```
+
+Disconnect from the XRP Ledger instance.
+
+```javascript
+  client.disconnect()
+}
+```
+
+

content/tutorials/quickstart/mint-and-burn-nftokens.md

@@ -1,14 +1,14 @@
 ---
 html: mint-and-burn-nftokens.html
 parent: xrpl-quickstart.html
-blurb: Quickstart step 3, mint and burn NFTokens.
+blurb: Mint and burn NFTokens.
 labels:
   - Quickstart
   - Tokens
   - Non-fungible tokens, NFTs
 ---
 
-# 3. Mint and Burn NFTokens
+# Mint and Burn NFTokens
 
 This example shows how to:
 
@@ -774,14 +774,3 @@ Bold text in the following indicates changes to the form that support the new fu
 </html>
 
 ```
-
----
-
-| Previous      | Next                                                             |
-| :---          |                                                             ---: |
-| [← 2. Create Trust Line and Send Currency >](create-trustline-send-currency.html) | [4. Transfer NFTokens → >](transfer-nftokens.html) |
-
-<!--{# common link defs #}-->
-{% include '_snippets/rippled-api-links.md' %}
-{% include '_snippets/tx-type-links.md' %}
-{% include '_snippets/rippled_versions.md' %}

content/tutorials/quickstart/transfer-nftokens.md

@@ -8,7 +8,7 @@ labels:
   - Non-fungible Tokens, NFTs
 ---
 
-# 4. Transfer NFTokens
+# Transfer NFTokens
 
 This example shows how to:
 
@@ -1521,15 +1521,3 @@ Update the form with fields and buttons to support the new functions.
 </html>
 
 ```
-
----
-
-
-| Previous                                                 | Next  |
-| :---                                                     |  ---: |
-| [← 3. Mint and Burn NFTokens >](mint-and-burn-nftokens.html) | [Broker a NFToken Sale → >](broker-sale.html) |
-
-<!--{# common link defs #}-->
-{% include '_snippets/rippled-api-links.md' %}
-{% include '_snippets/tx-type-links.md' %}
-{% include '_snippets/rippled_versions.md' %}

content/tutorials/quickstart/xrpl-quickstart.md

@@ -32,17 +32,7 @@ Each lesson shows you how to build the Token Test Harness one section at a time.
 
 This quickstart tutorial introduces you to the API used to implement features and explore the capabilities of XRP Ledger. It does not represent *all* of the capabilities of the API and this example is not intended for production or secure payment use.
 
-Much of this is “brute force” code that sacrifices conciseness for readability. Each example builds on the previous step, adding a new JavaScript file and the supporting UI. We anticipate that the applications you build greatly improve upon these examples. Your feedback and contributions are most welcome.
-
-In this quickstart, you can:
-
-1. [Create Accounts and Send XRP](create-accounts-send-xrp.html)
-2. [Create Trust Line and Send Currency](create-trustline-send-currency.html).
-3. [Mint and Burn NFTokens](mint-and-burn-nftokens.html).
-4. [Transfer NFTokens](transfer-nftokens.html).
-
-There are also expanded lessons demonstrating how to [Broker a NFToken Sale](broker-sale.html), [Assign an Authorized Minter](authorize-minter.html), and [Batch Mint NFTokens](batch-minting.html).
-
+Much of this is “brute force” code that sacrifices conciseness for readability. Each example builds on the previous examples, adding a new JavaScript file and the supporting UI. We anticipate that the applications you build greatly improve upon these examples. Your feedback and contributions are most welcome.
 
 ## Prerequisites
 
@@ -53,11 +43,4 @@ To get started, create a new folder on your local disk and install the JavaScrip
     npm install xrpl
 ```
 
-
 Download and expand the [Quickstart Samples](https://github.com/XRPLF/xrpl-dev-portal/tree/master/content/_code-samples/quickstart/js/quickstart.zip){.github-code-download} archive.
-
----
-
-| Previous      | Next                                                             |
-| :---          |                                                             ---: |
-|               | [1. Create Accounts and Send XRP → >](create-accounts-send-xrp.html) |

dactyl-config.yml

@@ -897,8 +897,19 @@ pages:
         targets:
             - ja
 
+    -   name: Quickstart
+        html: quickstart.html
+        parent: tutorials.html
+        top_nav_grouping: Article Types
+        template: pagetype-category.html.jinja
+        blurb: Get step-by-step guidance to perform common tasks with the XRP Ledger.
+        targets:
+            - en
+            - ja
+
         # TODO: translate
     -   md: tutorials/quickstart/xrpl-quickstart.md
+        parent: quickstart.html
         targets:
             - en
             - ja
@@ -915,32 +926,53 @@ pages:
             - en
             - ja
 
+        # TODO: translate
+    -   md: tutorials/quickstart/escrow-time.md
+        targets:
+            - en
+            - ja
+            
+    -   name: NFTokens Quickstart
+        html: nft-quickstart.html
+        parent: quickstart.html
+        top_nav_grouping: Article Types
+        template: pagetype-category.html.jinja
+        blurb: Mint and sell NFTokens on the XRP Ledger.
+        targets:
+            - en
+            - ja
+
         # TODO: translate
     -   md: tutorials/quickstart/mint-and-burn-nftokens.md
+        parent: nft-quickstart.html
         targets:
             - en
             - ja
 
         # TODO: translate
     -   md: tutorials/quickstart/transfer-nftokens.md
+        parent: nft-quickstart.html
         targets:
             - en
             - ja
 
         # TODO: translate
     -   md: tutorials/quickstart/broker-sale.md
+        parent: nft-quickstart.html
         targets:
             - en
             - ja
 
         # TODO: translate
     -   md: tutorials/quickstart/authorize-minter.md
+        parent: nft-quickstart.html
         targets:
             - en
             - ja
 
         # TODO: translate
     -   md: tutorials/quickstart/batch-minting.md
+        parent: nft-quickstart.html
         targets:
             - en
             - ja