From e87827a9215163948d0a68b9a33e56af8709762e Mon Sep 17 00:00:00 2001
From: Marcello Stanisci <stanisci.m@gmail.com>
Date: Tue, 31 Jul 2018 11:41:35 +0200
Subject: i18n, first batch.

---
 .../backoffice/static/logo-2018-dold.svg           |  87 +++++++++++++++++
 .../backoffice/templates/backoffice.html           | 103 ---------------------
 .../backoffice/templates/backoffice.html.j2        | 103 +++++++++++++++++++++
 talerbackoffice/backoffice/templates/base.html     |  62 -------------
 talerbackoffice/backoffice/templates/base.html.j2  |  62 +++++++++++++
 talerbackoffice/backoffice/templates/i18nfix.py    |  33 +++++++
 .../backoffice/templates/javascript.html           |  17 ----
 .../backoffice/templates/javascript.html.j2        |  17 ++++
 .../backoffice/templates/locale/babel.map          |  12 +++
 .../templates/locale/de/LC_MESSAGES/messages.po    |  25 +++++
 .../templates/locale/en/LC_MESSAGES/messages.po    |  27 ++++++
 .../templates/locale/fr/LC_MESSAGES/messages.po    |  25 +++++
 .../templates/locale/it/LC_MESSAGES/messages.po    |  25 +++++
 .../backoffice/templates/locale/messages.pot       |  25 +++++
 .../templates/locale/pt/LC_MESSAGES/messages.po    |  25 +++++
 .../templates/locale/ru/LC_MESSAGES/messages.po    |  26 ++++++
 talerbackoffice/backoffice/templates/template.py   |  85 +++++++++++++++++
 17 files changed, 577 insertions(+), 182 deletions(-)
 create mode 100644 talerbackoffice/backoffice/static/logo-2018-dold.svg
 delete mode 100644 talerbackoffice/backoffice/templates/backoffice.html
 create mode 100644 talerbackoffice/backoffice/templates/backoffice.html.j2
 delete mode 100644 talerbackoffice/backoffice/templates/base.html
 create mode 100644 talerbackoffice/backoffice/templates/base.html.j2
 create mode 100644 talerbackoffice/backoffice/templates/i18nfix.py
 delete mode 100644 talerbackoffice/backoffice/templates/javascript.html
 create mode 100644 talerbackoffice/backoffice/templates/javascript.html.j2
 create mode 100644 talerbackoffice/backoffice/templates/locale/babel.map
 create mode 100644 talerbackoffice/backoffice/templates/locale/de/LC_MESSAGES/messages.po
 create mode 100644 talerbackoffice/backoffice/templates/locale/en/LC_MESSAGES/messages.po
 create mode 100644 talerbackoffice/backoffice/templates/locale/fr/LC_MESSAGES/messages.po
 create mode 100644 talerbackoffice/backoffice/templates/locale/it/LC_MESSAGES/messages.po
 create mode 100644 talerbackoffice/backoffice/templates/locale/messages.pot
 create mode 100644 talerbackoffice/backoffice/templates/locale/pt/LC_MESSAGES/messages.po
 create mode 100644 talerbackoffice/backoffice/templates/locale/ru/LC_MESSAGES/messages.po
 create mode 100755 talerbackoffice/backoffice/templates/template.py

diff --git a/talerbackoffice/backoffice/static/logo-2018-dold.svg b/talerbackoffice/backoffice/static/logo-2018-dold.svg
new file mode 100644
index 0000000..ddb8425
--- /dev/null
+++ b/talerbackoffice/backoffice/static/logo-2018-dold.svg
@@ -0,0 +1,87 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   viewBox="0 0 180 40"
+   version="1.1"
+   id="svg14"
+   sodipodi:docname="logo-2018-dold.svg"
+   inkscape:version="0.92.2 2405546, 2018-03-11">
+  <metadata
+     id="metadata20">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
+        <dc:title></dc:title>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <defs
+     id="defs18" />
+  <sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1916"
+     inkscape:window-height="1041"
+     id="namedview16"
+     showgrid="false"
+     inkscape:zoom="1.8833333"
+     inkscape:cx="91.061947"
+     inkscape:cy="20"
+     inkscape:window-x="0"
+     inkscape:window-y="18"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="text12" />
+  <style
+     id="style2">
+    .ts1 { fill: #aa3939; letter-spacing:0; }
+    .ts2 { letter-spacing:0; }
+  </style>
+  <g
+     aria-label="❬Taler❭"
+     style="color:#ff0000;font-weight:bold;font-size:36px;font-family:'Lucida Console', Monaco, monospace;letter-spacing:0.2em"
+     id="text12">
+    <path
+       d="M 15.978516,31.285156 H 12.234375 L 5.6953125,18.154297 12.234375,5.0058594 h 3.744141 L 9.4042969,18.154297 Z"
+       style="letter-spacing:0;fill:#aa3939"
+       id="path3725" />
+    <path
+       d="M 35.085937,29 H 29.900391 V 7.2910156 h -6.66211 V 2.7558594 h 18.509766 v 4.5351562 h -6.66211 z"
+       style=""
+       id="path3727" />
+    <path
+       d="m 62.817188,19.753906 q -2.882812,0 -4.02539,0.738281 -1.142578,0.738282 -1.142578,2.53125 0,1.335938 0.791015,2.126954 0.791016,0.791015 2.144531,0.791015 2.039063,0 3.164063,-1.529297 1.125,-1.546875 1.125,-4.30664 v -0.351563 z m 7.171875,-1.986328 V 29 h -5.115234 v -2.197266 q -0.931641,1.300782 -2.390625,2.003907 -1.458984,0.703125 -3.216797,0.703125 -3.357422,0 -5.238281,-1.775391 -1.863281,-1.775391 -1.863281,-4.957031 0,-3.445313 2.232421,-5.080078 2.232422,-1.652344 6.908204,-1.652344 h 3.568359 v -0.861328 q 0,-1.248047 -0.914063,-1.88086 -0.896484,-0.65039 -2.654296,-0.65039 -1.845704,0 -3.585938,0.474609 -1.722656,0.457031 -3.603516,1.476563 v -4.394532 q 1.705079,-0.7031246 3.462891,-1.037109 1.757813,-0.3339844 3.726563,-0.3339844 4.798828,0 6.732421,1.9511724 1.951172,1.951171 1.951172,6.978515 z"
+       style=""
+       id="path3729" />
+    <path
+       d="M 86.171486,20.791016 V 5.6035156 H 80.950783 V 1.6484375 H 91.321877 V 20.791016 q 0,2.320312 0.720703,3.287109 0.720703,0.966797 2.443359,0.966797 H 98.59922 V 29 h -5.554687 q -3.673828,0 -5.273438,-1.898438 -1.599609,-1.898437 -1.599609,-6.310546 z"
+       style=""
+       id="path3731" />
+    <path
+       d="m 127.59609,28.033203 q -1.79297,0.738281 -3.65625,1.107422 -1.86328,0.369141 -3.9375,0.369141 -4.93945,0 -7.55859,-2.636719 -2.60156,-2.654297 -2.60156,-7.628906 0,-4.816407 2.51367,-7.611328 2.51367,-2.7949224 6.85547,-2.7949224 4.37695,0 6.78515,2.6015624 2.42578,2.583985 2.42578,7.294922 v 2.091797 h -13.34179 q 0.0176,2.320312 1.37109,3.46289 1.35352,1.142579 4.04297,1.142579 1.77539,0 3.49805,-0.509766 1.72265,-0.509766 3.60351,-1.617188 z m -4.35937,-11.074219 q -0.0352,-2.039062 -1.05469,-3.076171 -1.00195,-1.054688 -2.9707,-1.054688 -1.77539,0 -2.83008,1.089844 -1.05469,1.072265 -1.24805,3.058593 z"
+       style=""
+       id="path3733" />
+    <path
+       d="m 157.31367,14.744141 q -0.84375,-0.773438 -1.98632,-1.160157 -1.125,-0.386718 -2.47852,-0.386718 -1.63476,0 -2.86523,0.580078 -1.21289,0.5625 -1.88086,1.652344 -0.42188,0.667968 -0.59766,1.617187 -0.1582,0.949219 -0.1582,2.882812 V 29 h -5.15039 V 9.3125 h 5.15039 v 3.058594 q 0.75586,-1.6875 2.32031,-2.6015627 1.56445,-0.9316407 3.65625,-0.9316407 1.05469,0 2.05664,0.2636719 1.01953,0.2460938 1.93359,0.7382813 z"
+       style="letter-spacing:0"
+       id="path3735" />
+    <path
+       d="m 164.43282,31.285156 6.55664,-13.130859 -6.53907,-13.1484376 h 3.72657 l 6.53906,13.1484376 -6.53906,13.130859 z"
+       style="letter-spacing:0;fill:#aa3939"
+       id="path3737" />
+  </g>
+</svg>
diff --git a/talerbackoffice/backoffice/templates/backoffice.html b/talerbackoffice/backoffice/templates/backoffice.html
deleted file mode 100644
index b95f501..0000000
--- a/talerbackoffice/backoffice/templates/backoffice.html
+++ /dev/null
@@ -1,103 +0,0 @@
-{% extends "templates/base.html" %}
-{% block main %}
-  <h1 class="logo-text">Taler backoffice</h1>
-  <p>This is the Taler backoffice facility.  Through it,
-  the user can see the money flow from Taler transactions to
-  wire transfers and viceversa.</p>
-
-  <div id="information-bar">
-    <!-- programmatically filled.  -->
-  </div>
-
-  <br />
-  <div>
-    <span style="margin-right: 10px;">Current instance:</span>
-    <select id="instance" onchange="change_instance();">
-      {% for instance in instances %}
-        <option value="{{ instance }}">{{ instance }}</option>  
-      {% endfor %}
-    </select>
-  </div>
-  <br />
-  <br />
-  <div>
-    <div id="choices">
-      <input type="radio"
-             name="track-type"
-             value="order"
-             onclick="cherry_pick_form_order(this.parentNode)"
-             checked="checked">Track order id</input><br>
-      <input type="radio"
-             name="track-type"
-             value="wtid"
-             onclick="cherry_pick_form_transfer(this.parentNode)">Track wire transfer</input><br>
-      <input type="text"
-             placeholder="Order ID"
-             onkeyup="validate_order_id(this);"
-             class="order"></input><br>
-      <input type="text"
-             placeholder="WTID"
-             onkeyup="validate_wtid(this);"
-             class="transfer"
-             style="display: none;"></input><br>
-      <input type="text"
-             placeholder="Exchange URI"
-             onkeyup="validate_exchange_url(this);"
-             class="transfer"
-             style="display: none;"></input><br>
-    </div>
-    <div>
-      <form action="">
-        <input type="button"
-               id="submit-cherry-pick"
-               disabled
-               value="submit"
-               onclick='track_cherry_pick()'>
-        </input>
-      </form>
-    </div>
-  </div>
-  <div id="history-container">
-    <table id="history" width="50%" style="visibility: hidden;">
-      <col width="40">
-      <col width="40">
-      <col width="40">
-      <tbody>
-        <tr class="headers" style="visibility: hidden">
-          <th class="order-id">Order ID</th>
-          <th class="amount">Amount</th>
-          <th class="date">Date</th>
-        </tr>
-      </tbody>
-    </table>
-    <br/>
-    <div class="loader" style="visibility: hidden;"></div>
-  </div>
-
-  <div id="popup1" class="overlay">
-    <div class="popup">
-      <h2>
-        <a class="close" href="#" onclick="close_popup();">&times;</a>
-      </h2>
-      <div class="track-content">
-        <table>
-          <tbody>
-            <tr>
-              <th class="wtid">WTID</th>
-              <th class="amount">Amount</th>
-              <th class="date">Date</th>
-            </tr>
-          </tbody>
-        </table>
-      </div>
-    </div>
-  </div>
-{% endblock main %}
-
-{% block styles %}
-  <link rel="stylesheet" type="text/css" href="{{ url("/static/backoffice.css") }}">
-{% endblock styles %}
-
-{% block scripts %}
-  <script src="{{ url('/static/backoffice.js') }}" type="application/javascript"></script>
-{% endblock scripts %}
diff --git a/talerbackoffice/backoffice/templates/backoffice.html.j2 b/talerbackoffice/backoffice/templates/backoffice.html.j2
new file mode 100644
index 0000000..063a28f
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/backoffice.html.j2
@@ -0,0 +1,103 @@
+{% extends "templates/base.html" %}
+{% block main %}
+  <h1 class="logo-text">Taler backoffice</h1>
+  <p>{% trans %}This is the Taler backoffice facility.  Through it,
+  the user can see the money flow from Taler transactions to
+  wire transfers and viceversa.{% endtrans %}</p>
+
+  <div id="information-bar">
+    <!-- programmatically filled.  -->
+  </div>
+
+  <br />
+  <div>
+    <span style="margin-right: 10px;">Current instance:</span>
+    <select id="instance" onchange="change_instance();">
+      {% for instance in instances %}
+        <option value="{{ instance }}">{{ instance }}</option>  
+      {% endfor %}
+    </select>
+  </div>
+  <br />
+  <br />
+  <div>
+    <div id="choices">
+      <input type="radio"
+             name="track-type"
+             value="order"
+             onclick="cherry_pick_form_order(this.parentNode)"
+             checked="checked">Track order id</input><br>
+      <input type="radio"
+             name="track-type"
+             value="wtid"
+             onclick="cherry_pick_form_transfer(this.parentNode)">Track wire transfer</input><br>
+      <input type="text"
+             placeholder="Order ID"
+             onkeyup="validate_order_id(this);"
+             class="order"></input><br>
+      <input type="text"
+             placeholder="WTID"
+             onkeyup="validate_wtid(this);"
+             class="transfer"
+             style="display: none;"></input><br>
+      <input type="text"
+             placeholder="Exchange URI"
+             onkeyup="validate_exchange_url(this);"
+             class="transfer"
+             style="display: none;"></input><br>
+    </div>
+    <div>
+      <form action="">
+        <input type="button"
+               id="submit-cherry-pick"
+               disabled
+               value="submit"
+               onclick='track_cherry_pick()'>
+        </input>
+      </form>
+    </div>
+  </div>
+  <div id="history-container">
+    <table id="history" width="50%" style="visibility: hidden;">
+      <col width="40">
+      <col width="40">
+      <col width="40">
+      <tbody>
+        <tr class="headers" style="visibility: hidden">
+          <th class="order-id">Order ID</th>
+          <th class="amount">Amount</th>
+          <th class="date">Date</th>
+        </tr>
+      </tbody>
+    </table>
+    <br/>
+    <div class="loader" style="visibility: hidden;"></div>
+  </div>
+
+  <div id="popup1" class="overlay">
+    <div class="popup">
+      <h2>
+        <a class="close" href="#" onclick="close_popup();">&times;</a>
+      </h2>
+      <div class="track-content">
+        <table>
+          <tbody>
+            <tr>
+              <th class="wtid">WTID</th>
+              <th class="amount">Amount</th>
+              <th class="date">Date</th>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+  </div>
+{% endblock main %}
+
+{% block styles %}
+  <link rel="stylesheet" type="text/css" href="{{ url("/static/backoffice.css") }}">
+{% endblock styles %}
+
+{% block scripts %}
+  <script src="{{ url('/static/backoffice.js') }}" type="application/javascript"></script>
+{% endblock scripts %}
diff --git a/talerbackoffice/backoffice/templates/base.html b/talerbackoffice/backoffice/templates/base.html
deleted file mode 100644
index 4e8109c..0000000
--- a/talerbackoffice/backoffice/templates/base.html
+++ /dev/null
@@ -1,62 +0,0 @@
-<!DOCTYPE html>
-<!-- 
-  This file is part of GNU TALER.
-  Copyright (C) 2014, 2015, 2016 INRIA
-
-  TALER is free software; you can redistribute it and/or modify it under the
-  terms of the GNU Lesser General Public License as published by the Free Software
-  Foundation; either version 2.1, or (at your option) any later version.
-
-  TALER is distributed in the hope that it will be useful, but WITHOUT ANY
-  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
-  A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for more details.
-
-  You should have received a copy of the GNU Lesser General Public License along with
-  TALER; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
--->
-
-<html data-taler-nojs="true">
-<head>
-  <title>Taler Back-office interface</title>
-  <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/pure.css') }}" />
-  <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/demo.css') }}" />
-  <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/taler-fallback.css') }}" id="taler-presence-stylesheet" />
-  <script src="{{ url("/static/web-common/taler-wallet-lib.js") }}" type="application/javascript"></script>
-  <script src="{{ url("/static/web-common/lang.js") }}" type="application/javascript"></script>
-  {% block styles %}{% endblock %}
-  {% block scripts %}{% endblock %}
-</head>
-
-<body>
-  <div class="demobar">
-    <h1><span class="tt adorn-brackets">Taler Demo</span></h1>
-    <h1><span class="it"><a href="/">Backoffice</a></span></h1>
-    <p>This is the back-office interface, you can monitor your cash flow with it.</p>
-    <ul>
-      <li><a href="{{ env('TALER_ENV_URL_INTRO', '#') }}">Introduction</a></li>
-      <li><a href="{{ env('TALER_ENV_URL_BANK', '#') }}">Bank</a></li>
-      <li><a href="{{ env('TALER_ENV_URL_MERCHANT_BLOG', '#') }}">Essay Shop</a></li>
-      <li><a href="{{ env('TALER_ENV_URL_MERCHANT_DONATIONS', '#') }}">Donations</a></li>
-      <li><a href="{{ env('TALER_ENV_URL_MERCHANT_SURVEY', '#') }}">Tipping/Survey</a></li>
-      <li><a href="{{ env('TALER_ENV_URL_BACKOFFICE', '#') }}">Back-office</a></li>
-    </ul>
-    <p>You can learn more about Taler on our main <a href="https://taler.net">website</a>.</p>
-  </div>
-
-  <section id="main" class="content">
-    <a href="{{ url("/") }}">
-      <div id="logo">
-        <img class="logo" src="{{ url('/static/logo-2018-dold.svg') }}"></img>
-      </div>
-    </a>
-    {% block main %}
-      This is the main content of the page.
-    {% endblock %}
-    <hr />
-    <div class="copyright">
-      <p>Copyright &copy; 2014&mdash;2017 INRIA</p>
-      <a href="/javascript" data-jslicense="1" class="jslicenseinfo">JavaScript license information</a>
-    </div>
-  </section>
-</body>
-</html>
diff --git a/talerbackoffice/backoffice/templates/base.html.j2 b/talerbackoffice/backoffice/templates/base.html.j2
new file mode 100644
index 0000000..4e8109c
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/base.html.j2
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<!-- 
+  This file is part of GNU TALER.
+  Copyright (C) 2014, 2015, 2016 INRIA
+
+  TALER is free software; you can redistribute it and/or modify it under the
+  terms of the GNU Lesser General Public License as published by the Free Software
+  Foundation; either version 2.1, or (at your option) any later version.
+
+  TALER is distributed in the hope that it will be useful, but WITHOUT ANY
+  WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
+  A PARTICULAR PURPOSE.  See the GNU Lesser General Public License for more details.
+
+  You should have received a copy of the GNU Lesser General Public License along with
+  TALER; see the file COPYING.  If not, see <http://www.gnu.org/licenses/>
+-->
+
+<html data-taler-nojs="true">
+<head>
+  <title>Taler Back-office interface</title>
+  <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/pure.css') }}" />
+  <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/demo.css') }}" />
+  <link rel="stylesheet" type="text/css" href="{{ url('/static/web-common/taler-fallback.css') }}" id="taler-presence-stylesheet" />
+  <script src="{{ url("/static/web-common/taler-wallet-lib.js") }}" type="application/javascript"></script>
+  <script src="{{ url("/static/web-common/lang.js") }}" type="application/javascript"></script>
+  {% block styles %}{% endblock %}
+  {% block scripts %}{% endblock %}
+</head>
+
+<body>
+  <div class="demobar">
+    <h1><span class="tt adorn-brackets">Taler Demo</span></h1>
+    <h1><span class="it"><a href="/">Backoffice</a></span></h1>
+    <p>This is the back-office interface, you can monitor your cash flow with it.</p>
+    <ul>
+      <li><a href="{{ env('TALER_ENV_URL_INTRO', '#') }}">Introduction</a></li>
+      <li><a href="{{ env('TALER_ENV_URL_BANK', '#') }}">Bank</a></li>
+      <li><a href="{{ env('TALER_ENV_URL_MERCHANT_BLOG', '#') }}">Essay Shop</a></li>
+      <li><a href="{{ env('TALER_ENV_URL_MERCHANT_DONATIONS', '#') }}">Donations</a></li>
+      <li><a href="{{ env('TALER_ENV_URL_MERCHANT_SURVEY', '#') }}">Tipping/Survey</a></li>
+      <li><a href="{{ env('TALER_ENV_URL_BACKOFFICE', '#') }}">Back-office</a></li>
+    </ul>
+    <p>You can learn more about Taler on our main <a href="https://taler.net">website</a>.</p>
+  </div>
+
+  <section id="main" class="content">
+    <a href="{{ url("/") }}">
+      <div id="logo">
+        <img class="logo" src="{{ url('/static/logo-2018-dold.svg') }}"></img>
+      </div>
+    </a>
+    {% block main %}
+      This is the main content of the page.
+    {% endblock %}
+    <hr />
+    <div class="copyright">
+      <p>Copyright &copy; 2014&mdash;2017 INRIA</p>
+      <a href="/javascript" data-jslicense="1" class="jslicenseinfo">JavaScript license information</a>
+    </div>
+  </section>
+</body>
+</html>
diff --git a/talerbackoffice/backoffice/templates/i18nfix.py b/talerbackoffice/backoffice/templates/i18nfix.py
new file mode 100644
index 0000000..331706a
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/i18nfix.py
@@ -0,0 +1,33 @@
+#!/usr/bin/env python3
+# This file is in the public domain.
+
+"""
+Extract translations from a Jinja2 template, stripping leading newlines.
+
+@author Florian Dold
+"""
+
+import jinja2.ext
+import re
+
+def normalize(message):
+    message = message.strip()
+    # collapse whitespaces (including newlines) into one space.
+    message = re.sub("\s+", " ", message)
+    return message
+
+
+def babel_extract(fileobj, keywords, comment_tags, options):
+    res = jinja2.ext.babel_extract(fileobj, keywords, comment_tags, options)
+    for lineno, funcname, message, comments in res:
+        message = normalize(message)
+        yield lineno, funcname, message, comments
+
+def wrap_gettext(f):
+    """
+    Call gettext with whitespace normalized.
+    """
+    def wrapper(message):
+        message = normalize(message)
+        return f(message)
+    return wrapper
diff --git a/talerbackoffice/backoffice/templates/javascript.html b/talerbackoffice/backoffice/templates/javascript.html
deleted file mode 100644
index 8f27425..0000000
--- a/talerbackoffice/backoffice/templates/javascript.html
+++ /dev/null
@@ -1,17 +0,0 @@
-<!-- This file is in the public domain -->
-<html>
-<body>
-<table id="jslicense-labels1">
-<tr>
-  <td><a href="/static/web-common/taler-wallet-lib.js">taler-wallet-lib.js</a></td>
-  <td><a href="https://www.gnu.org/licenses/lgpl-2.1.html">LGPL</a></td>
-  <td><a href="/static/web-common/taler-wallet-lib.js.tar.gz">taler-wallet-lib.js.tar.gz</a></td>
-</tr>
-<tr>
-  <td><a href="/static/web-common/dropdown-navbar_script.js">dropdown-navbar_script.js</a></td>
-  <td><a href="https://www.gnu.org/licenses/lgpl-2.1.html">LGPL</a></td>
-  <td><a href="/static/web-common/dropdown-navbar_script.js">dropdown-navbar_script.js</a></td>
-</tr>
-</table>
-</body>
-</html>
diff --git a/talerbackoffice/backoffice/templates/javascript.html.j2 b/talerbackoffice/backoffice/templates/javascript.html.j2
new file mode 100644
index 0000000..8f27425
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/javascript.html.j2
@@ -0,0 +1,17 @@
+<!-- This file is in the public domain -->
+<html>
+<body>
+<table id="jslicense-labels1">
+<tr>
+  <td><a href="/static/web-common/taler-wallet-lib.js">taler-wallet-lib.js</a></td>
+  <td><a href="https://www.gnu.org/licenses/lgpl-2.1.html">LGPL</a></td>
+  <td><a href="/static/web-common/taler-wallet-lib.js.tar.gz">taler-wallet-lib.js.tar.gz</a></td>
+</tr>
+<tr>
+  <td><a href="/static/web-common/dropdown-navbar_script.js">dropdown-navbar_script.js</a></td>
+  <td><a href="https://www.gnu.org/licenses/lgpl-2.1.html">LGPL</a></td>
+  <td><a href="/static/web-common/dropdown-navbar_script.js">dropdown-navbar_script.js</a></td>
+</tr>
+</table>
+</body>
+</html>
diff --git a/talerbackoffice/backoffice/templates/locale/babel.map b/talerbackoffice/backoffice/templates/locale/babel.map
new file mode 100644
index 0000000..72b6f99
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/locale/babel.map
@@ -0,0 +1,12 @@
+[extractors]
+jinja2 = i18nfix:babel_extract
+
+[jinja2: **.j2]
+encoding = utf-8
+lstrip_blocks = True
+trim_blocks = True
+
+[jinja2: **.j2.inc]
+encoding = utf-8
+lstrip_blocks = True
+ltrim_blocks = True
diff --git a/talerbackoffice/backoffice/templates/locale/de/LC_MESSAGES/messages.po b/talerbackoffice/backoffice/templates/locale/de/LC_MESSAGES/messages.po
new file mode 100644
index 0000000..4b63635
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/locale/de/LC_MESSAGES/messages.po
@@ -0,0 +1,25 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# Marko Stanisky <marko@mansarda>, 2018.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-07-31 11:29+0200\n"
+"PO-Revision-Date: 2018-07-31 11:37+0200\n"
+"Last-Translator: Marcello Stanisci <stanisci.m@gmail.com>\n"
+"Language-Team: German\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.3.4\n"
+"Language: de\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: backoffice.html.j2:4
+msgid ""
+"This is the Taler backoffice facility. Through it, the user can see the "
+"money flow from Taler transactions to wire transfers and viceversa."
+msgstr ""
diff --git a/talerbackoffice/backoffice/templates/locale/en/LC_MESSAGES/messages.po b/talerbackoffice/backoffice/templates/locale/en/LC_MESSAGES/messages.po
new file mode 100644
index 0000000..839d17f
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/locale/en/LC_MESSAGES/messages.po
@@ -0,0 +1,27 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# Marko Stanisky <stanisci.m@gmail.com>, 2018.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-07-31 11:29+0200\n"
+"PO-Revision-Date: 2018-07-31 11:37+0200\n"
+"Last-Translator: Marcello Stanisci <stanisci.m@gmail.com>\n"
+"Language-Team: English\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.3.4\n"
+"Language: en\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: backoffice.html.j2:4
+msgid ""
+"This is the Taler backoffice facility. Through it, the user can see the "
+"money flow from Taler transactions to wire transfers and viceversa."
+msgstr ""
+"This is the Taler backoffice facility. Through it, the user can see the "
+"money flow from Taler transactions to wire transfers and viceversa."
diff --git a/talerbackoffice/backoffice/templates/locale/fr/LC_MESSAGES/messages.po b/talerbackoffice/backoffice/templates/locale/fr/LC_MESSAGES/messages.po
new file mode 100644
index 0000000..8baa214
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/locale/fr/LC_MESSAGES/messages.po
@@ -0,0 +1,25 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# Marko Stanisky <stanisci.m@gmail.com>, 2018.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-07-31 11:29+0200\n"
+"PO-Revision-Date: 2018-07-31 11:37+0200\n"
+"Last-Translator: Marcello Stanisci <stanisci.m@gmail.com>\n"
+"Language-Team: French\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.3.4\n"
+"Language: fr\n"
+"Plural-Forms: nplurals=2; plural=(n > 1);\n"
+
+#: backoffice.html.j2:4
+msgid ""
+"This is the Taler backoffice facility. Through it, the user can see the "
+"money flow from Taler transactions to wire transfers and viceversa."
+msgstr ""
diff --git a/talerbackoffice/backoffice/templates/locale/it/LC_MESSAGES/messages.po b/talerbackoffice/backoffice/templates/locale/it/LC_MESSAGES/messages.po
new file mode 100644
index 0000000..c017fc7
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/locale/it/LC_MESSAGES/messages.po
@@ -0,0 +1,25 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# Marko Stanisky <stanisci.m@gmail.com>, 2018.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-07-31 11:29+0200\n"
+"PO-Revision-Date: 2018-07-31 11:37+0200\n"
+"Last-Translator: Marcello Stanisci <stanisci.m@gmail.com>\n"
+"Language-Team: Italian\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.3.4\n"
+"Language: it\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: backoffice.html.j2:4
+msgid ""
+"This is the Taler backoffice facility. Through it, the user can see the "
+"money flow from Taler transactions to wire transfers and viceversa."
+msgstr ""
diff --git a/talerbackoffice/backoffice/templates/locale/messages.pot b/talerbackoffice/backoffice/templates/locale/messages.pot
new file mode 100644
index 0000000..9400cb4
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/locale/messages.pot
@@ -0,0 +1,25 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# FIRST AUTHOR <EMAIL@ADDRESS>, 2018.
+#
+#, fuzzy
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-07-31 11:29+0200\n"
+"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
+"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
+"Language-Team: LANGUAGE <LL@li.org>\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=utf-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.3.4\n"
+
+#: backoffice.html.j2:4
+msgid ""
+"This is the Taler backoffice facility. Through it, the user can see the "
+"money flow from Taler transactions to wire transfers and viceversa."
+msgstr ""
+
diff --git a/talerbackoffice/backoffice/templates/locale/pt/LC_MESSAGES/messages.po b/talerbackoffice/backoffice/templates/locale/pt/LC_MESSAGES/messages.po
new file mode 100644
index 0000000..603e0e8
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/locale/pt/LC_MESSAGES/messages.po
@@ -0,0 +1,25 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# Marko Stanisky <stanisci.m@gmail.com>, 2018.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-07-31 11:29+0200\n"
+"PO-Revision-Date: 2018-07-31 11:37+0200\n"
+"Last-Translator: Marcello Stanisci <stanisci.m@gmail.com>\n"
+"Language-Team: Portuguese\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.3.4\n"
+"Language: pt\n"
+"Plural-Forms: nplurals=2; plural=(n != 1);\n"
+
+#: backoffice.html.j2:4
+msgid ""
+"This is the Taler backoffice facility. Through it, the user can see the "
+"money flow from Taler transactions to wire transfers and viceversa."
+msgstr ""
diff --git a/talerbackoffice/backoffice/templates/locale/ru/LC_MESSAGES/messages.po b/talerbackoffice/backoffice/templates/locale/ru/LC_MESSAGES/messages.po
new file mode 100644
index 0000000..1bb3f01
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/locale/ru/LC_MESSAGES/messages.po
@@ -0,0 +1,26 @@
+# Translations template for PROJECT.
+# Copyright (C) 2018 ORGANIZATION
+# This file is distributed under the same license as the PROJECT project.
+# Marko Stanisky <stanisci.m@gmail.com>, 2018.
+#
+msgid ""
+msgstr ""
+"Project-Id-Version: PROJECT VERSION\n"
+"Report-Msgid-Bugs-To: EMAIL@ADDRESS\n"
+"POT-Creation-Date: 2018-07-31 11:29+0200\n"
+"PO-Revision-Date: 2018-07-31 11:37+0200\n"
+"Last-Translator: Marcello Stanisci <stanisci.m@gmail.com>\n"
+"Language-Team: Russian\n"
+"MIME-Version: 1.0\n"
+"Content-Type: text/plain; charset=UTF-8\n"
+"Content-Transfer-Encoding: 8bit\n"
+"Generated-By: Babel 2.3.4\n"
+"Language: ru\n"
+"Plural-Forms: nplurals=3; plural=(n%10==1 && n%100!=11 ? 0 : n%10>=2 && n"
+"%10<=4 && (n%100<10 || n%100>=20) ? 1 : 2);\n"
+
+#: backoffice.html.j2:4
+msgid ""
+"This is the Taler backoffice facility. Through it, the user can see the "
+"money flow from Taler transactions to wire transfers and viceversa."
+msgstr ""
diff --git a/talerbackoffice/backoffice/templates/template.py b/talerbackoffice/backoffice/templates/template.py
new file mode 100755
index 0000000..eae04eb
--- /dev/null
+++ b/talerbackoffice/backoffice/templates/template.py
@@ -0,0 +1,85 @@
+#!/usr/bin/env python3
+# This file is in the public domain.
+#
+# This script runs the jinja2 templating engine on an input template-file
+# using the specified locale for gettext translations, and outputs
+# the resulting (HTML) ouptut-file.
+#
+# Note that the gettext files need to be prepared first. This script
+# is thus to be invoked via the Makefile.
+import os
+import os.path
+import sys
+import re
+import gettext
+import jinja2
+import glob
+import codecs
+import os
+sys.path.append(os.getcwd())
+import i18nfix
+
+env = jinja2.Environment(loader=jinja2.FileSystemLoader(os.path.dirname(__file__)),
+                         extensions=["jinja2.ext.i18n"],
+                         lstrip_blocks=True,
+                         trim_blocks=True,
+                         undefined=jinja2.StrictUndefined,
+                         autoescape=False)
+
+langs_full = {"en": "English",
+              "fr": "Français",
+              "it": "Italiano",
+              "es": "Español",
+              "de": "Deutsch",
+              "ru": "Ру́сский язы́к",
+              "pt": "Português"}
+
+for in_file in glob.glob("*.j2"):
+    name, ext = re.match(r"(.*)\.([^.]+)$", in_file.rstrip(".j2")).groups()
+    tmpl = env.get_template(in_file)
+
+    def self_localized(other_locale):
+        """
+        Return URL for the current page in another locale.
+        """
+        return "../" + other_locale + "/" + in_file.rstrip(".j2")
+
+    def url_localized(filename):
+        return "../" + locale + "/" + filename
+
+    def svg_localized(filename):
+        lf = filename + "." + locale + ".svg"
+        if "en" == locale or not os.path.isfile (lf):
+            return "../" + filename + ".svg"
+        else:
+            return "../" + lf
+
+    def url(x):
+        # TODO: look at the app root environment variable
+        # TODO: check if file exists
+        return "../" + x
+
+    for l in glob.glob("locale/*/"):
+        locale = os.path.basename(l[:-1])
+
+        tr = gettext.translation("messages",
+                                 localedir="locale",
+                                 languages=[locale])
+
+        tr.gettext = i18nfix.wrap_gettext(tr.gettext)
+
+        env.install_gettext_translations(tr, newstyle=True)
+
+
+        content = tmpl.render(
+                lang=locale,
+                lang_full=langs_full[locale],
+                url=url,
+                self_localized=self_localized,
+                url_localized=url_localized,
+                svg_localized=svg_localized,
+                filename=name + "." + ext)
+        out_name = "./" + locale + "/" + in_file.rstrip(".j2")
+        os.makedirs("./" + locale, exist_ok=True)
+        with codecs.open(out_name, "w", "utf-8") as f:
+            f.write(content)
-- 
cgit v1.2.3