ADD modal popup to execute transactions

src/app/tabs/run-tab.js

@@ -278,18 +278,28 @@ function makeRecorder (appAPI, appEvents) {
     copy(txJSON)
     modalDialogCustom.alert(txJSON)
   }
-  runButton.onclick = () => { // on modal OR run tab
-    var txArray = recorder.getAll()
-    udapp.runTx(txArray, CALLBACK) // ???
-    // OR
-    // txArray.forEach(tx => udapp.runTx(tx, CALLBACK)) // ???
+  runButton.onclick = () => {
+    var opts = { title: `Enter Transactions`, text: `Paste the array of transaction you want to replay here`, inputValue: '', multiline: true }
+    modalDialogCustom.prompt(opts, function confirm (json = '[]') {
+      try {
+        var txArray = JSON.parse(json)
+      } catch (e) {
+        modalDialogCustom.alert('Invalid JSON, please try again')
+      }
+      if (txArray.length) {
+        txArray.forEach(tx => udapp.runTx(tx, CALLBACK))
       }
-  function CALLBACK () {
+    }, function cancel () { })
+  }
+  function CALLBACK (...args) {
+    console.log(args)
     /*
-      at each callback call, if the transaction succeed and if this is a creation transaction, we should call
-      runtab.addInstance( ... ) which basically do:
-      instanceContainer.appendChild(appAPI.udapp().renderInstance(contract, address,
-      selectContractNames.value))
+      at each callback call, if the transaction succeed and if this is a creation transaction,
+      we should call
+
+      runtab.addInstance( ... ) // which basically do:
+
+      instanceContainer.appendChild(appAPI.udapp().renderInstance(contract, address, selectContractNames.value))
     */
   }
   return el

src/app/ui/modal-dialog-custom.js

@@ -11,10 +11,13 @@ module.exports = {
   alert: function (text) {
     modal('', yo`<div>${text}</div>`, null, { label: null })
   },
-  prompt: function (title, text, inputValue, ok, cancel) {
+  prompt: function ({ title, text, inputValue, multiline }, ok, cancel) {
     if (!inputValue) inputValue = ''
-    modal(title,
-  yo`<div>${text}<div><input type='text' name='prompt_text' id='prompt_text' class="${css['prompt_text']}" value='${inputValue}' ></div></div>`,
+    var input = multiline
+      ? yo`<textarea id="prompt_text" class=${css.prompt_text} rows="4" cols="50"></textarea>`
+      : yo`<input type='text' name='prompt_text' id='prompt_text' class="${css['prompt_text']}" value='${inputValue}' >`
+
+    modal(title, yo`<div>${text}<div>${input}</div></div>`,
       {
         fn: () => { if (typeof ok === 'function') ok(document.getElementById('prompt_text').value) }
       },