Make global freeze tutorial interactive

assets/js/tutorials/enable-no-freeze.js

@@ -5,6 +5,7 @@ $(document).ready(() => {
 
   // 3. Send AccountSet --------------------------------------------------------
   $("#send-accountset").click( async (event) => {
+    const block = $(event.target).closest(".interactive-block")
     const address = get_address(event)
     if (!address) {return}
 

assets/js/tutorials/enact-global-freeze.js

@@ -0,0 +1,105 @@
+// 1. Generate
+// 2. Connect
+// The code for these steps is handled by interactive-tutorial.js
+$(document).ready(() => {
+
+  // 3. Send AccountSet --------------------------------------------------------
+  // also 6. Send AccountSet to end the freeze.
+  $(".send-accountset").click( async (event) => {
+    const block = $(event.target).closest(".interactive-block")
+    const address = get_address(event)
+    if (!address) {return}
+
+    let astx = {
+      "TransactionType": "AccountSet",
+      "Account": address
+    }
+    if ($(event.target).data("action") === "start_freeze") {
+      astx["SetFlag"] = xrpl.AccountSetAsfFlags.asfGlobalFreeze
+    } else if ($(event.target).data("action") === "end_freeze") {
+      astx["ClearFlag"] = xrpl.AccountSetAsfFlags.asfGlobalFreeze
+    } else {
+      show_error(block, "There was an error with this tutorial: the button clicked must have data-action defined.")
+    }
+
+    try {
+      block.find(".loader").show()
+      await generic_full_send(event, astx)
+      complete_step("Send AccountSet")
+    } catch(err) {
+      block.find(".loader").hide()
+      show_error(block, err)
+    }
+  })
+
+  // 4. Wait for Validation: handled by interactive-tutorial.js and by the
+  // generic full send in the previous step. -----------------------------------
+
+  // 5. Confirm Account Settings -----------------------------------------------
+  $("#confirm-settings").click( async (event) => {
+    const block = $(event.target).closest(".interactive-block")
+    const address = get_address(event)
+    if (!address) {return}
+
+    block.find(".output-area").html("")
+    block.find(".loader").show()
+    const account_info = await api.request({
+        "command": "account_info",
+        "account": address,
+        "ledger_index": "validated"
+    })
+    console.log(account_info)
+    const flags = xrpl.parseAccountRootFlags(account_info.result.account_data.Flags)
+    block.find(".loader").hide()
+
+    block.find(".output-area").append(
+        `<p>Got settings for address ${address}:</p>
+        <pre><code>${pretty_print(flags)}</code></pre>`)
+    if (flags.lsfGlobalFreeze) {
+      block.find(".output-area").append(`<p><i class="fa fa-check-circle"></i>
+          Global Freeze is enabled.</p>`)
+    } else {
+      block.find(".output-area").append(`<p><i class="fa fa-times-circle"></i>
+          Global Freeze Tag is DISABLED.</p>`)
+    }
+
+    complete_step("Confirm Settings")
+  })
+
+  // 6. Send AccountSet to End the Freeze: same handler as step 3.
+
+  // 7. Wait for Validation: handled by generic full send as before.
+
+  // 8. Confirm Account Settings (freeze ended)
+  $("#confirm-settings-end").click( async (event) => {
+    const block = $(event.target).closest(".interactive-block")
+    const address = get_address(event)
+    if (!address) {return}
+
+    block.find(".output-area").html("")
+    block.find(".loader").show()
+    const account_info = await api.request({
+        "command": "account_info",
+        "account": address,
+        "ledger_index": "validated"
+    })
+    console.log(account_info)
+    const flags = xrpl.parseAccountRootFlags(account_info.result.account_data.Flags)
+    block.find(".loader").hide()
+
+    block.find(".output-area").append(
+        `<p>Got settings for address ${address}:</p>
+        <pre><code>${pretty_print(flags)}</code></pre>`)
+    if (flags.lsfGlobalFreeze) {
+      block.find(".output-area").append(`<p><i class="fa fa-times-circle"></i>
+          Global Freeze is ENABLED (still active).</p>`)
+    } else {
+      block.find(".output-area").append(`<p><i class="fa fa-check-circle"></i>
+          Global Freeze Tag is disabled.</p>`)
+    }
+
+    complete_step("Confirm Settings")
+  })
+
+
+})

assets/js/tutorials/require-destination-tags.js

@@ -5,6 +5,7 @@ $(document).ready(() => {
 
   // 3. Send AccountSet --------------------------------------------------------
   $("#send-accountset").click( async (event) => {
+    const block = $(event.target).closest(".interactive-block")
     const address = get_address(event)
     if (!address) {return}