From cf94c09e328d0cc0db2e405a9d562d6b2dc2cfb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ren=C3=A9=20Kijewski?= <rene.kijewski@fu-berlin.de>
Date: Sun, 7 Jul 2024 19:00:00 +0200
Subject: [PATCH] Add French translation

---
 examples/actix-web-app/src/main.rs            |  1 +
 examples/actix-web-app/templates/404.html     |  8 +++----
 examples/actix-web-app/templates/_layout.html | 18 ++++++++++++++
 examples/actix-web-app/templates/greet.html   | 19 +++++++++++----
 examples/actix-web-app/templates/index.html   | 24 +++++++++++++------
 5 files changed, 54 insertions(+), 16 deletions(-)

diff --git a/examples/actix-web-app/src/main.rs b/examples/actix-web-app/src/main.rs
index dbf5394e..3598708f 100644
--- a/examples/actix-web-app/src/main.rs
+++ b/examples/actix-web-app/src/main.rs
@@ -54,6 +54,7 @@ enum Lang {
     #[default]
     en,
     de,
+    fr,
 }
 
 async fn not_found_handler(req: HttpRequest) -> Result<impl Responder> {
diff --git a/examples/actix-web-app/templates/404.html b/examples/actix-web-app/templates/404.html
index 8e31cf58..344bba26 100644
--- a/examples/actix-web-app/templates/404.html
+++ b/examples/actix-web-app/templates/404.html
@@ -1,10 +1,10 @@
 {% extends "_layout.html" %}
 
-{% block title -%}
+{%- block title -%}
     404: Not Found
-{%- endblock %}
+{%- endblock -%}
 
-{% block content -%}
+{%- block content -%}
     <h1>404: Not Found</h1>
     <h2><a href="{{ req.url_for_static("start_handler")? }}">Back to the first page.</a></h2>
-{%- endblock %}
+{%- endblock -%}
diff --git a/examples/actix-web-app/templates/_layout.html b/examples/actix-web-app/templates/_layout.html
index 5a0d11cd..4f8360c8 100644
--- a/examples/actix-web-app/templates/_layout.html
+++ b/examples/actix-web-app/templates/_layout.html
@@ -43,6 +43,24 @@
                 font-size: 80%;
                 width: max-content;
                 margin: 2em 0 0 auto;
+                display: flex;
+                flex-direction: row;
+                flex-wrap: wrap;
+            }
+            #lang-select li {
+                flex-grow: 1;
+                flex-basis: auto;
+                margin: .25em 0 0 0;
+                padding: 0 1em;
+                text-align: center;
+                list-style-type: none;
+                border-left: 0.1rem solid currentColor;
+            }
+            #lang-select li:first-of-type {
+                border-left: 0 none transparent;
+            }
+            #lang-select li:last-of-type {
+                padding-right: 0;
             }
         /*]]>*/
         </style>
diff --git a/examples/actix-web-app/templates/greet.html b/examples/actix-web-app/templates/greet.html
index 1ff47f4c..3ae70f05 100644
--- a/examples/actix-web-app/templates/greet.html
+++ b/examples/actix-web-app/templates/greet.html
@@ -1,17 +1,19 @@
 {% extends "_layout.html" %}
 
-{% block title -%}
+{%- block title -%}
     {%- match lang -%}
         {%- when Lang::en -%} Hello, {{name}}!
         {%- when Lang::de -%} Hallo, {{name}}!
+        {%- when Lang::fr -%} Bonjour, {{name}}!
     {%- endmatch -%}
-{%- endblock %}
+{%- endblock -%}
 
 {%- block content -%}
     <h1>
         {%- match lang -%}
-            {%- when Lang::en -%} Hello
-            {%- when Lang::de -%} Hallo
+            {%- when Lang::en -%} Hello!
+            {%- when Lang::de -%} Hallo!
+            {%- when Lang::fr -%} Bonjour!
         {%- endmatch -%}
     </h1>
     <p>
@@ -22,6 +24,9 @@
             {%- when Lang::de -%}
                 Hallo, <strong>{{name}}</strong>, schön dich kennenzulernen! {#-~#}
                 Ich bin eine <a href="https://rinja.readthedocs.io/en/latest/">Rinja</a>-Beispielanwendung.
+            {%- when Lang::fr -%}
+                Bonjour, <strong>{{name}}</strong>, ravi de vous rencontrer ! {#-~#}
+                Je suis une application d'exemple de <a href="https://rinja.readthedocs.io/en/latest/">Rinja</a>.
         {%- endmatch -%}
     </p>
     <h2>
@@ -29,6 +34,7 @@
             {%- match lang -%}
                 {%- when Lang::en -%} Back to the first page.
                 {%- when Lang::de -%} Zurück zur ersten Seite.
+                {%- when Lang::fr -%} Retour à la première page.
             {%- endmatch -%}
         </a>
     </h2>
@@ -40,5 +46,8 @@
         {%- if lang != Lang::de -%}
             <li><a href="{{ req.url_for("greeting_handler", [Lang::de])? }}?name={{ name|urlencode }}">Diese Seite auf deutsch.</a></li>
         {%- endif -%}
+        {%- if lang != Lang::fr -%}
+            <li><a href="{{ req.url_for("greeting_handler", [Lang::fr])? }}?name={{ name|urlencode }}">Cette page est en français.</a></li>
+        {%- endif -%}
     </ul>
-{%- endblock %}
+{%- endblock -%}
diff --git a/examples/actix-web-app/templates/index.html b/examples/actix-web-app/templates/index.html
index 65b548a8..3d59830e 100644
--- a/examples/actix-web-app/templates/index.html
+++ b/examples/actix-web-app/templates/index.html
@@ -1,17 +1,19 @@
 {% extends "_layout.html" %}
 
-{% block title -%}
+{%- block title -%}
     {%- match lang -%}
-        {%- when Lang::en -%} Hello
-        {%- when Lang::de -%} Hallo
+        {%- when Lang::en -%} Hello!
+        {%- when Lang::de -%} Hallo!
+        {%- when Lang::fr -%} Bonjour!
     {%- endmatch -%}
-{%- endblock %}
+{%- endblock -%}
 
 {%- block content -%}
     <h1>
         {%- match lang -%}
-            {%- when Lang::en -%} Hello
-            {%- when Lang::de -%} Hallo
+            {%- when Lang::en -%} Hello!
+            {%- when Lang::de -%} Hallo!
+            {%- when Lang::fr -%} Bonjour!
         {%- endmatch -%}
     </h1>
     <form
@@ -27,6 +29,9 @@
                 {%- when Lang::de -%}
                     Ich möchte dir gerne <em>hallo</em> sagen. {#-~#}
                     Bitte nenne mir doch deinen Namen!
+                {%- when Lang::fr -%}
+                    Je voudrais vous dire <em>bonjour</em>. {#-~#}
+                    Pourriez-vous me donner votre nom ?
             {%- endmatch -%}
         </p>
         <p>
@@ -34,6 +39,7 @@
                 {%- match lang -%}
                     {%- when Lang::en -%} My name is
                     {%- when Lang::de -%} Ich heiße
+                    {%- when Lang::fr -%} Je m'appelle
                 {%- endmatch -%}:
                 <input
                     type="text"
@@ -50,6 +56,7 @@
                     {%- match lang -%}
                         {%- when Lang::en -%} Greet me, then!
                         {%- when Lang::de -%} Dann begrüße mich!
+                        {%- when Lang::fr -%} Saluons-nous !
                     {%- endmatch -%}
                 </button>
             </label>
@@ -63,5 +70,8 @@
         {%- if lang != Lang::de -%}
             <li><a href="{{ req.url_for("index_handler", [Lang::de])? }}">Diese Seite auf deutsch.</a></li>
         {%- endif -%}
+        {%- if lang != Lang::fr -%}
+            <li><a href="{{ req.url_for("index_handler", [Lang::fr])? }}">Cette page est en français.</a></li>
+        {%- endif -%}
     </ul>
-{%- endblock %}
+{%- endblock -%}