diff options
Diffstat (limited to 'demo/bank/index.html')
| -rw-r--r-- | demo/bank/index.html | 114 |
1 files changed, 114 insertions, 0 deletions
diff --git a/demo/bank/index.html b/demo/bank/index.html new file mode 100644 index 00000000..a5734208 --- /dev/null +++ b/demo/bank/index.html @@ -0,0 +1,114 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <title>Taler's "Toy" Shop</title> + <link rel="stylesheet" type="text/css" href="style.css"> + <script> + /* + @licstart The following is the entire license notice for the + JavaScript code in this page. + + Copyright (C) 2015 GNUnet e.V. + + The JavaScript code in this page is free software: you can + redistribute it and/or modify it under the terms of the GNU + Lesser General Public License (GNU LGPL) as published by the Free Software + Foundation, either version 2.1 of the License, or (at your option) + any later version. The code is distributed WITHOUT ANY WARRANTY; + without even the implied warranty of MERCHANTABILITY or FITNESS + FOR A PARTICULAR PURPOSE. See the GNU LGPL for more details. + + As additional permission under GNU LGPL version 2.1 section 7, you + may distribute non-source (e.g., minimized or compacted) forms of + that code without the copy of the GNU LGPL normally required by + section 4, provided you include this license notice and a URL + through which recipients can access the Corresponding Source. + + @licend The above is the entire license notice + for the JavaScript code in this page. + */ + </script> +</head> +<body id="css-zen-garden" onload="signal_me()"> + <div class="explanation" id="zen-explanation" role="article"> + <h1>Welcome to the KUDOS bank!</h1> + <p>Through this page, you can wire funds to our demonstrator mint + in order to create your reserves from where withdraw your coins. + Once the reserve is created, the withdrawing of coins will be + entirely handled by the wallet, with no intervention required + to the user. + </p> + <p> + Enter the deisired amount, and click 'Select mint'. Your wallet + will make you choose a mint and will automatically submit all the + needed data into the bank's system. At the end of the withdrawal, + the wallet will show you the 'All coins withdrawn' nice message. + </p> + + </div> + <form id="reserve-form" name="tform" action="/fake_wire_transfer.php" method="POST"> + <input type="text" id="reserve-pk-input" name="reserve_pk" hidden></input> + Amount to withdraw: + <select id="reserve-amn-id" name="kudos_amount"> + <option value="1 KUDOS">1 KUDOS</option> + <option value="2 KUDOS">2 KUDOS</option> + <option value="3.01 KUDOS">3.01 KUDOS</option> + <option value="5 KUDOS">5 KUDOS</option> + <option value="10 KUDOS">10 KUDOS</option> + <option value="10.50 KUDOS">10.50 KUDOS</option> + <option value="1000.3 KUDOS">1000.3 KUDOS</option> + </select> + <input type="text" id="kudos-mint" hidden></input> + <input id="select-mint" + type="button" + value="Select mint" + onclick="wire_funds()" + disabled></input> + </form> + </div> + <script type="text/javascript"> + + document.body.addEventListener("taler-wallet-present", + has_taler_wallet_cb, + false); + + document.body.addEventListener("taler-unload", + no_taler_wallet_cb, + false); + + document.body.addEventListener("taler-load", + signal_me, + false); + + function wire_funds(){ + var wallet_param = { + //'currencies' : new Array("KUDOS"), not anymore: must be given by the mint + 'form_id' : 'reserve-form', + 'input_amount' : 'reserve-amn-id', + 'input_pub' : 'reserve-pk-input', + 'mint_rcv' : 'kudos-mint' + //'base_url' : window.location.host not anymore: must be given by the mint + }; + var trigger = new CustomEvent("taler-create-reserve", {detail: wallet_param}); + document.body.dispatchEvent(trigger); + }; + + /* The mint signals itself to the wallet */ + function signal_me(){ + var eve = new Event('taler-checkout-probe'); + document.body.dispatchEvent(eve); + }; + + function has_taler_wallet_cb(){ + var button = document.getElementById("select-mint"); + button.removeAttribute("disabled"); + } + + function no_taler_wallet_cb(){ + var button = document.getElementById("select-mint"); + button.setAttribute("disabled", "true"); + } + + </script> +</body> +</html> |