3 files changed, 78 insertions, 0 deletions
diff --git a/extension/pages/confirm-create-reserve.html b/extension/pages/confirm-create-reserve.html
new file mode 100644
index 000000000..4a01e47d1
--- /dev/null
+++ b/extension/pages/confirm-create-reserve.html
@@ -0,0 +1,23 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title>Taler Wallet: Confirm Reserve Creation</title>
+    <script src="../lib/URI.js"></script>
+    <script src="confirm-create-reserve.js"></script>
+    <link rel="stylesheet" type="text/css" href="../style/wallet.css"> 
+  </head>
+  <body>
+    <h1>Confirm Reserve Creation</h1>
+    Hello, this is the wallet.  A bank wants to create a reserve for <span id=show-amount>(loading...)</span>.
+    Please specify the base URL of the mint you want to use.
+    <p />
+    <div class='formish'>
+      <div class='form-row'>
+        <label for='mint-url'>Mint URL</label>
+        <input class='url' id='mint-url' type="text"></input>
+      </div>
+      <button id='confirm'>Confirm Reserve</button>
+    </div>
+  </body>
+</html>
diff --git a/extension/pages/confirm-create-reserve.js b/extension/pages/confirm-create-reserve.js
new file mode 100644
index 000000000..5c35121e3
--- /dev/null
+++ b/extension/pages/confirm-create-reserve.js
@@ -0,0 +1,43 @@
+"use strict";
+
+let url = URI(document.location.href);
+let query = URI.parseQuery(url.query());
+
+function updateAmount() {
+  let showAmount = document.getElementById("show-amount");
+  console.log("Query is " + JSON.stringify(query));
+  let s = query.amount_str;
+  if (!s) {
+    document.body.innerHTML = "Oops, something went wrong.";
+    return;
+  }
+  showAmount.textContent = s;
+}
+
+function clone(obj) {
+  // This is faster than it looks ...
+  return JSON.parse(JSON.stringify(obj));
+}
+
+document.addEventListener("DOMContentLoaded", (e) => {
+  updateAmount();
+
+  document.getElementById("confirm").addEventListener("click", (e) => {
+    let d = clone(query);
+    d.mint = document.getElementById('mint-url').value;
+    chrome.runtime.sendMessage({type:'confirm-reserve', detail: d}, (resp) => {
+      if (resp.success === true) {
+        document.location.href = resp.backlink;
+      } else {
+        document.body.innerHTML =
+          `Oops, something went wrong.
+           The bank responded with HTTP status code ${resp.status}.
+           Here is some more info:
+           <pre>${resp.text}</pre>`;
+      }
+    });
+
+  });
+});
+
+
diff --git a/extension/pages/reserve-success.html b/extension/pages/reserve-success.html
new file mode 100644
index 000000000..81de9cb41
--- /dev/null
+++ b/extension/pages/reserve-success.html
@@ -0,0 +1,12 @@
+<!doctype html>
+
+<html>
+  <head>
+    <title>Taler Wallet: Reserve Created</title>
+    <link rel="stylesheet" type="text/css" href="../style/wallet.css"> 
+  </head>
+  <body>
+    <h1>Success!</h1>
+    The reserve was created successfully.
+  </body>
+</html>