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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
{% import "macros/paging.html" as paging %}
{% extends "base.html" %}
{% block title %}
Paiements
{% endblock title %}
{% block main %}
<aside class="g-Aside">
{% include "payment/table/search.html" %}
</aside>
<section class="g-Section">
{% if not payments %}
<div class="g-Table__NoResults">
Aucun paiement ne correspond à votre recherche.
</div>
{% else %}
<div class="g-Paragraph">
{{ count | numeric }} paiement{{ count | pluralize }} comptabilisant {{ total_cost | euros() }}.
</div>
{% endif %}
<a
class="g-Paragraph g-Button__Validate"
href="/payment{{ payments_params(
page=query.page,
frequency=query.frequency,
name=query.name,
cost=query.cost,
user=query.user,
category=query.category,
start_date=query.start_date,
end_date=query.end_date
) }}"
>
Ajouter un paiement
{% if query.frequency != "Monthly" %} ponctuel {% else %} mensuel {% endif %}
</a>
<div class="g-ShowSearch">
<button class="g-Button__Secondary">
Rechercher
</button>
</div>
{% if payments %}
<div class="g-Table">
<div class="g-Table__Row g-Table__Row--Header">
<span class="g-Table__Cell">Nom</span>
<span class="g-Table__Cell">Coût</span>
<span class="g-Table__Cell">Personne</span>
<span class="g-Media__Large g-Table__Cell">Catégorie</span>
{% if query.frequency != "Monthly" %}
<span class="g-Table__Cell">Date</span>
{% endif %}
</div>
{% for payment in payments %}
<a
class="g-Table__Row {% if query.highlight == payment.id %} g-Table__Row--Highlight {% endif %}"
href="/payment/{{ payment.id }}{{ payments_params(
page=query.page,
frequency=query.frequency,
name=query.name,
cost=query.cost,
user=query.user,
category=query.category,
start_date=query.start_date,
end_date=query.end_date
) }}"
>
<span class="g-Table__Cell">{{ payment.name }}</span>
<span class="
g-Table__Cell
g-Table__NumericCell
{% if payment.cost < 0 %} g-Payments__Refund {% endif %}
">
{{ payment.cost | euros() }}
</span>
<span class="g-Table__Cell">{{ payment.user }}</span>
<span
class="g-Table__Cell g-Media__Large"
is="colored-category"
data-color="{{ payment.category_color }}"
>
{{ payment.category_name }}
</span>
{% if query.frequency != "Monthly" %}
<span class="g-Table__Cell">
{{ payment.date }}
</span>
{% endif %}
</a>
{% endfor %}
</div>
{{ paging::paging(
url="/" ~ payments_params(
frequency=query.frequency,
name=query.name,
cost=query.cost,
user=query.user,
category=query.category,
start_date=query.start_date,
end_date=query.end_date
),
page=page,
max_page=max_page
) }}
{% endif %}
</section>
{% endblock main %}
|