blob: 5c3e116b7bb351ca983f7264d4f785e1c6ea248a (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
|
{% extends "templates/base.html" %}
{% block main %}
<article>
<h1>Select your payment method</h1>
<p>
This is an example for a "checkout" page of a Web shop.
On the previous page, you have created the shopping cart
and decided which product to buy (i.e. which project to
donate KUDOS to). Now in this page, you are asked to
select a payment option. As Taler is not yet universally
used, we expect merchants will offer various payment options.
</p>
<p>
The page also demonstrates how to only enable (or show) the Taler
option if Taler is actually supported by the browser. For example,
if you disable the Taler extension now, the Taler payment option
will be disabled in the page. Naturally, you could also trivially
hide the Taler option entirely by changing the visibility instead.
</p>
<p>
Note that you MUST select Taler here for the demo to continue,
as the other payment options are just placeholders and not
really working in the demonstration. Also, it is of course
possible to ask the user to make this choice already on the
previous page (with the shopping cart), we just separated the
two steps to keep each step as simple as possible.
</p>
<form name="tform" action="{{ url_for('donate') }}" method="get">
<div id="opt-form" align="left"><br>
<input type="hidden" name="donation_receiver" value="{{ donation_receiver }}">
<input type="hidden" name="donation_amount" value="{{ donation_amount }}">
<input type="hidden" name="donation_donor" value="{{ donation_donor }}">
<input type="radio" name="payment_system" value="lisa" id="radio-lisa">
<label for="radio-lisa">Lisa</input>
<br/>
<input type="radio" name="payment_system" value="ycard" id="radio-ycard">
<label for="radio-ycard">You Card</label>
<br/>
<input type="radio" name="payment_system" value="cardme" id="radio-cardme">
<label for="radio-cardme">Card Me</label>
<br/>
<input type="radio" name="payment_system" value="taler" checked id="radio-taler">
<label for=radio-taler">Taler</label>
<br/>
<input id="select-payment-method" type="submit" value="Ok"></input>
</div>
</form>
</article>
{% endblock main %}
|