app: render and serve proper web pages

1 files changed, 140 insertions, 0 deletions

diff --git a/templates/wallet.html.jinja b/templates/wallet.html.jinja
new file mode 100644
index 0000000..86919e4
--- /dev/null
+++ b/templates/wallet.html.jinja
@@ -0,0 +1,140 @@
+{#
+  UGE / L2 / Intro to relational databases / Python project prototype
+  Author: Pacien TRAN-GIRARD
+  Licence: EUPL-1.2
+#}
+
+{% extends '_base.html.jinja' %}
+
+{% block title %}My wallet{% endblock %}
+
+{% macro format_operation(transaction) %}
+  {% if transaction.operation == 'transfer' %}
+    {% if transaction.amount > 0 %}
+      Transfer from {{ transaction.source }}
+    {% else %}
+      Transfer to {{ transaction.recipient }}
+    {% endif %}
+  {% else %}
+    {{ transaction.operation.capitalize() }}
+  {% endif %}
+{% endmacro %}
+
+{% macro amount_class(transaction) %}
+  {{ 'amount-positive' if transaction.amount > 0 else 'amount-negative'}}
+{% endmacro %}
+
+{% block content %}
+  <div class="pure-g">
+
+    <div class="pure-u-1 pure-u-md-1-3">
+      <h2>Deposit</h2>
+      <form
+        method="post"
+        action="/wallet/deposit"
+        class="pure-form">
+        <fieldset>
+          <input
+            class="pure-input-1-4"
+            type="number"
+            name="amount"
+            min="0.01"
+            step="0.01"
+            placeholder="§"
+            required />
+          <button
+            type="submit"
+            class="pure-button pure-button-primary dark-blue-bg">
+            ⇩ Deposit
+          </button>
+        </fieldset>
+      </form>
+    </div>
+
+    <div class="pure-u-1 pure-u-md-1-3">
+      <h2>Withdraw</h2>
+      <form
+        method="post"
+        action="/wallet/withdraw"
+        class="pure-form">
+        <fieldset>
+          <input
+            class="pure-input-1-4"
+            type="number"
+            name="amount"
+            min="0.01"
+            max="{{ user.balance }}"
+            step="0.01"
+            placeholder="§"
+            required />
+          <button
+            type="submit"
+            class="pure-button pure-button-primary dark-blue-bg">
+            ⇧ Withdraw
+          </button>
+        </fieldset>
+      </form>
+    </div>
+
+    <div class="pure-u-1 pure-u-md-1-3">
+      <h2>Transfer</h2>
+      <form
+        method="post"
+        action="/wallet/transfer"
+        class="pure-form">
+        <fieldset>
+          <input
+            class="pure-input-1-3"
+            type="text"
+            name="recipient"
+            minlength="4"
+            maxlength="16"
+            placeholder="Recipient"
+            required />
+          <input
+            class="pure-input-1-4"
+            type="number"
+            name="amount"
+            min="0.01"
+            max="{{ user.balance }}"
+            step="0.01"
+            placeholder="§"
+            required />
+          <button
+            type="submit"
+            class="pure-button pure-button-primary light-blue-bg">
+            ➤ Send
+          </button>
+        </fieldset>
+      </form>
+    </div>
+
+  </div>
+
+  <h2>Transaction history</h2>
+
+  <table class="pure-table pure-table-striped">
+    <thead>
+      <tr>
+        <th>Date</th>
+        <th>Operation</th>
+        <th class="align-right">Amount</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for transaction in transactions %}
+      <tr>
+        <td>{{ transaction.datetime.strftime('%Y-%m-%d %H:%M:%S') }}</td>
+        <td>{{ format_operation(transaction) }}</td>
+        <td class="align-right text-bold {{ amount_class(transaction) }}">
+          {{ transaction.amount }} §
+        </td>
+      </tr>
+      {% else %}
+      <tr>
+        <td colspan="3"><em>No past transaction.</em></td>
+      </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+{% endblock %}