i18n: extract translations to PO files and use Jinja2 templating

1 files changed, 13 insertions, 52 deletions

diff --git a/common/navigation.inc b/common/navigation.inc
index c56e62e1..4e19e852 100644
--- a/common/navigation.inc
+++ b/common/navigation.inc
@@ -9,62 +9,23 @@
         </div>
         <div class="collapse navbar-collapse" id="main-navbar">
           <ul class="nav nav-justified">
-            <li lang="en" class="m_index"><a href="/">Home</a></li>
-            <li lang="de" class="m_index"><a href="/">Home</a></li>
-            <li lang="fr" class="m_index"><a href="/">Accueil</a></li>
-            <li lang="it" class="m_index"><a href="/">Home</a></li>
-            <li lang="es" class="m_index"><a href="/">Inicio</a></li>
-
-            <li lang="en" class="m_demo btn btn-outline-success"><a href="https://demo.taler.net/" target="_blank">Demo</a></li>
-            <li lang="de" class="m_demo btn btn-outline-success"><a href="https://demo.taler.net/" target="_blank">Demo</a></li>
-            <li lang="fr" class="m_demo btn btn-outline-success"><a href="https://demo.taler.net/" target="_blank">Démo</a></li>
-            <li lang="it" class="m_demo btn btn-outline-success"><a href="https://demo.taler.net/" target="_blank">Demo</a></li>
-            <li lang="es" class="m_demo btn btn-outline-success"><a href="https://demo.taler.net/" target="_blank">Demo</a></li>
-
-            <li lang="en" class="m_citizens"><a href="/citizens">Citizens</a></li>
-            <li lang="de" class="m_citizens"><a href="/citizens">B&uuml;rger</a></li>
-            <li lang="fr" class="m_citizens"><a href="/citizens">Citoyens</a></li>
-            <li lang="it" class="m_citizens"><a href="/citizens">Cittadini</a></li>
-            <li lang="es" class="m_citizens"><a href="/citizens">Ciudadanos</a></li>
-
-            <li lang="en" class="m_merchants"><a href="/merchants">Merchants</a></li>
-            <li lang="de" class="m_merchants"><a href="/merchants">H&auml;ndler</a></li>
-            <li lang="fr" class="m_merchants"><a href="/merchants">Commer&ccedil;ants</a></li>
-            <li lang="it" class="m_merchants"><a href="/merchants">Venditori</a></li>
-            <li lang="es" class="m_merchants"><a href="/merchants">Comerciantes</a></li>
-
-            <li lang="en" class="m_governments"><a href="/governments">Governments</a></li>
-            <li lang="de" class="m_governments"><a href="/governments">Regierungen</a></li>
-            <li lang="fr" class="m_governments"><a href="/governments">Gouvernements</a></li>
-            <li lang="it" class="m_governments"><a href="/governments">Governi</a></li>
-            <li lang="es" class="m_governments"><a href="/governments">Gobiernos</a></li>
-
-            <li lang="en" class="m_investors"><a href="/investors">Operators</a></li>
-            <li lang="de" class="m_investors"><a href="/investors">Betreiber</a></li>
-            <li lang="fr" note="outdated" class="m_investors"><a href="/investors">Investisseurs</a></li>
-            <li lang="it" note="outdated" class="m_investors"><a href="/investors">Investitori</a></li>
-            <li lang="es" class="m_investors"><a href="/investors">Inversores</a></li>
-
-            <li lang="en" class="m_developers"><a href="/developers">Developers</a></li>
-            <li lang="de" class="m_developers"><a href="/developers">Entwickler</a></li>
-            <li lang="fr" class="m_developers"><a href="/developers">Développeurs</a></li>
-            <li lang="it" class="m_developers"><a href="/developers">Sviluppatori</a></li>
-            <li lang="es" class="m_developers"><a href="/developers">Programadores</a></li>
-
-            <li lang="en" class="m_about"><a href="/about">About&nbsp;us</a></li>
-            <li lang="de" class="m_about"><a href="/about">&Uuml;ber uns</a></li>
-            <li lang="fr" class="m_about"><a href="/about">À&nbsp;propos</a></li>
-            <li lang="it" class="m_about"><a href="/about">Chi siamo</a></li>
-            <li lang="es" class="m_about"><a href="/about">Qui&eacute;nes somos</a></li>
+            <li class="m_index">{{ _("<a href='/'>Home</a>") }}</li>
+            <li class="m_demo btn btn-outline-success">{{ _("<a href='https://demo.taler.net/' target='_blank'>Demo</a>") }}</li>
+            <li class="m_citizens">{{ _("<a href='/citizens'>Citizens</a>") }}</li>
+            <li class="m_merchants">{{ _("<a href='/merchants'>Merchants</a>") }}</li>
+            <li class="m_governments">{{ _("<a href='/governments'>Governments</a>") }}</li>
+            <li class="m_investors">{{ _("<a href='/investors'>Operators</a>") }}</li>
+            <li class="m_developers">{{ _("<a href='/developers'>Developers</a>") }}</li>
+            <li class="m_about">{{ _("<a href='/about'>About&nbsp;us</a>") }}</li>
           </ul>
         </div>
       </div>
        <div class="navbar navbar-default navbar-fixed-bottom" role="navigation">
          <div class="container lang-slector">
-           <a href="#" onclick="setLang('en');"><img src="images/gb.png" height=15 width=23 alt="English"></img></a>
-           <a href="#" onclick="setLang('de');"><img src="images/de.png" height=15 width=25 alt="Deutsch"></img></a>
-           <a href="#" onclick="setLang('fr');"><img src="images/fr.png" height=15 width=22 alt="Fran&ccedil;ais"></img></a>
-           <a href="#" onclick="setLang('it');"><img src="images/it.png" height=15 width=22 alt="Italiano"></img></a>
-           <a href="#" onclick="setLang('es');"><img src="images/es.png" height=15 width=23 alt="Español"></img></a>
+           <a href="#" onclick="setLang('en');"><img src="images/gb.png" height="15" width="23" alt="English"></a>
+           <a href="#" onclick="setLang('de');"><img src="images/de.png" height="15" width="25" alt="Deutsch"></a>
+           <a href="#" onclick="setLang('fr');"><img src="images/fr.png" height="15" width="22" alt="Français"></a>
+           <a href="#" onclick="setLang('it');"><img src="images/it.png" height="15" width="22" alt="Italiano"></a>
+           <a href="#" onclick="setLang('es');"><img src="images/es.png" height="15" width="23" alt="Español"></a>
          </div>
        </div>