diff options
| author | Florian Dold <florian.dold@gmail.com> | 2015-12-07 23:39:25 +0100 |
|---|---|---|
| committer | Florian Dold <florian.dold@gmail.com> | 2015-12-07 23:39:25 +0100 |
| commit | 415570a720a7a74b2d25699a55d03403e6d6231a (patch) | |
| tree | 1fb56e2adc5da40bfd7247a42b41e5cf6d9d69b0 /extension/pages | |
| parent | aeac228df7121dada4827ac248e61ba8b1db7318 (diff) | |
Towards reserve creation.
Diffstat (limited to 'extension/pages')
| -rw-r--r-- | extension/pages/confirm-create-reserve.html | 23 | ||||
| -rw-r--r-- | extension/pages/confirm-create-reserve.js | 43 | ||||
| -rw-r--r-- | extension/pages/reserve-success.html | 12 |
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> |