exchange/demo/bank/index.html

115 lines
4.2 KiB
HTML
Raw Normal View History

<!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" name="mint_rcv" 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">
2015-11-09 13:33:18 +01:00
document.body.addEventListener("taler-wallet-present",
has_taler_wallet_cb,
false);
document.body.addEventListener("taler-unload",
no_taler_wallet_cb,
false);
2015-11-09 13:33:18 +01:00
document.body.addEventListener("taler-load",
signal_me,
false);
2015-10-21 00:07:21 +02:00
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});
2015-10-21 00:07:21 +02:00
document.body.dispatchEvent(trigger);
};
/* The mint signals itself to the wallet */
function signal_me(){
2015-11-09 13:33:18 +01:00
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>