aboutsummaryrefslogtreecommitdiff
path: root/templates/payment/table.html
blob: 19b56b481c7c5d5584b2981845bc3cd023795237 (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
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
117
118
119
120
121
122
123
124
125
126
127
128
{% import "macros/paging.html" as paging %}

{% extends "base.html" %}

{% block title %}
  Paiements
{% endblock title %}

{% block main %}

  <div class="g-Paragraph g-Payments__Header">
    <div class="g-Payments__FrequenciesAndSearch">
      <div class="g-Payments__Frequencies">
        {% if query.frequency == "Monthly" %}
          <a
            class="g-Payments__Frequency g-Link"
            href="/{{ payments_params(frequency="Punctual") }}"
          >
            Ponctuels
          </a>
          /
          <span class="g-Payments__Frequency g-Payments__Frequency--Selected">
            Mensuels
          </span>
        {% else %}
          <span class="g-Payments__Frequency g-Payments__Frequency--Selected">
            Ponctuels
          </span>
          /
          <a
            class="g-Payments__Frequency g-Link"
            href="/{{ payments_params(frequency="Monthly") }}"
          >
            Mensuels
          </a>
        {% endif %}
      </div>

      {% if query.frequency != "Monthly" %}
        <form action="/" method="GET" class="g-Payments__Search">
          <input
            type="search"
            name="search"
            class="g-Form__Input g-Payments__SearchInput"
            value="{{ query.search }}"
          />
          <input type="submit" class="g-Button__Search" value="🔍">
        </form>
      {% endif %}
    </div>

    <a
      class="g-Button__Validate g-Payments__New"
      href="/payment{{ payments_params(
        page=query.page,
        search=query.search,
        frequency=query.frequency
      ) }}"
    >
      Nouveau
    </a>
  </div>

  {% if not payments %}

    <div class="g-Payments__NoResults">
      Aucun paiement ne correspond à votre recherche.
    </div>

  {% else %}

    <div class="g-Paragraph">
      {{ count | numeric }} paiement{{ count | pluralize }} comptabilisant {{ total_cost | euros() }}.
    </div>

    <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,
            search=query.search,
            frequency=query.frequency
          ) }}"
        >
          <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">
            <span style="color: {{ payment.category_color }}">
              {{ payment.category_name }}
            </span>
          </span>
          {% if query.frequency != "Monthly" %}
            <span class="g-Table__Cell">
              {{ payment.date }}
            </span>
          {% endif %}
        </a>
      {% endfor %}
    </div>

    {{ paging::paging(
      url="/" ~ payments_params(
        search=query.search,
        frequency=query.frequency
      ),
      page=page,
      max_page=max_page
    ) }}

  {% endif %}
{% endblock main %}