]> git.ipfire.org Git - people/shoehn/ipfire.org.git/blob - templates/wishlist/modules/wish.html
Donation page responsivness
[people/shoehn/ipfire.org.git] / templates / wishlist / modules / wish.html
1 <div class="panel panel-default">
2 <div class="panel-body">
3 {% if not short %}
4 {% if wish.remaining_days <= 10 and wish.remaining_days >= 0 %}
5 <span class="label label-primary pull-right">
6 {{ _("Only a few days left!") }}
7 </span>
8 {% end %}
9
10 <h3>
11 <a href="/wish/{{ wish.slug }}">{{ wish.title }}</a>
12 </h3>
13
14 <hr>
15
16 {% raw wish.description %}
17
18 <hr>
19 {% end %}
20
21 <div class="progress">
22 <div class="progress-bar {{ progress_bar }}" style="width: {{ "%.2f%%" % wish.percentage_bar }};"></div>
23 </div>
24 </div>
25
26 <div class="panel-footer">
27 <div class="row">
28 <div class="col-lg-3 col-md-3 ac">
29 <br><br>
30 <a class="btn btn-lg btn-primary" href="/wish/{{ wish.slug }}/donate">
31 {{ _("Donate") }}
32 </a>
33 <br><br>
34 </div>
35
36 <div class="col-lg-6 col-md-6">
37 <div class="well">
38 <div class="row">
39 <div class="col-lg-4 col-md-4 ac">
40 <p class="lead">{{ "%d%%" % wish.percentage }}</p>
41 <p>{{ _("funded") }}</p>
42 </div>
43
44 <div class="col-lg-4 col-md-4 ac">
45 <p class="lead">{% raw _("%s &euro;") % wish.donated %}</p>
46 <p>{{ _("donated") }}</p>
47 </div>
48
49 <div class="col-lg-4 col-md-4 ac">
50 {% if wish.status == "running" %}
51 {% if wish.remaining_days %}
52 <p class="lead">{{ wish.remaining_days }}</p>
53 <p>{{ _("day to go", "days to go", wish.remaining_days) }}</p>
54 {% else %}
55 <p class="lead">{% raw _("%s &euro;") % (wish.goal - wish.donated) %}</p>
56 <p>{{ _("to go") }}</p>
57 {% end %}
58 {% elif wish.status == "in_progress" %}
59 <p class="lead">{{ _("In progress") }}</p>
60 {% elif wish.status == "finished" %}
61 <p class="lead">{{ _("Finished") }}</p>
62 {% else %}
63 <p class="lead">{{ _("Funding ended") }}</p>
64 {% end %}
65 </div>
66 </div>
67 </div>
68 </div>
69
70 <div class="col-lg-3 col-md-3">
71 <br>
72 <p class="ac">
73 {{ _("Share this wish with your friends and help us promote it!") }}
74 </p>
75 </div>
76 </div>
77 </div>
78 </div>