From 3dfc7ee84ff590203b3576b9ec9f00717bd9ffe0 Mon Sep 17 00:00:00 2001
From: Philipp Oppermann <dev@phil-opp.com>
Date: Wed, 30 Dec 2020 18:52:03 +0100
Subject: [PATCH] Use translations list instead of constructing links manually
 on index pages

---
 blog/templates/edition-2/index.html | 22 ++++++++++++----------
 blog/templates/edition-3/index.html | 22 ++++++++++++----------
 2 files changed, 24 insertions(+), 20 deletions(-)

diff --git a/blog/templates/edition-2/index.html b/blog/templates/edition-2/index.html
index b8303d4b..80173a74 100644
--- a/blog/templates/edition-2/index.html
+++ b/blog/templates/edition-2/index.html
@@ -78,18 +78,20 @@
 {% block after_main %}
 <aside class="page-aside-right">
     <div class="block" id="language-selector">
-        <h2>Other Languages</h2>
-        <ul>{%- for lang_code in config.languages | map(attribute="code") | concat(with="en") | sort -%}
-            {%- if lang_code != lang -%}
-                <li data-lang-switch-to="{{ lang_code }}" class="">
-                    {%- if lang_code == "en" -%}
-                        <a href="/">English (original)</a>
+        {% if section.translations -%}
+        <div class="block" id="language-selector">
+            <h2>Other Languages</h2>
+            <ul>{%- for translation in section.translations | sort(attribute="lang") %}
+                <li data-lang-switch-to="{{ translation.lang }}" class=""><a href="{{ translation.permalink | safe }}">
+                    {%- if translation.lang == "en" -%}
+                        English (original)
                     {%- else -%}
-                        <a href="/{{ lang_code }}">{{ trans(key="lang_name", lang = lang_code) }}</a>
+                        {{ trans(key="lang_name", lang = translation.lang) }}
                     {%- endif -%}
-                </li>
-            {%- endif %}
-        {% endfor %}</ul>
+                </a></li>
+            {% endfor %}</ul>
+        </div>
+        {%- endif %}
     </div>
     <div class="block">
         <h2>Recent Updates</h2>
diff --git a/blog/templates/edition-3/index.html b/blog/templates/edition-3/index.html
index 47eeaf84..f89e380f 100644
--- a/blog/templates/edition-3/index.html
+++ b/blog/templates/edition-3/index.html
@@ -98,18 +98,20 @@
 {% block after_main %}
 <aside class="page-aside-right">
     <div class="block" id="language-selector">
-        <h2>Other Languages</h2>
-        <ul>{%- for lang_code in config.languages | map(attribute="code") | concat(with="en") | sort -%}
-            {%- if lang_code != lang -%}
-                <li data-lang-switch-to="{{ lang_code }}" class="">
-                    {%- if lang_code == "en" -%}
-                        <a href="/">English (original)</a>
+        {% if section.translations -%}
+        <div class="block" id="language-selector">
+            <h2>Other Languages</h2>
+            <ul>{%- for translation in section.translations | sort(attribute="lang") %}
+                <li data-lang-switch-to="{{ translation.lang }}" class=""><a href="{{ translation.permalink | safe }}">
+                    {%- if translation.lang == "en" -%}
+                        English (original)
                     {%- else -%}
-                        <a href="/{{ lang_code }}">{{ trans(key="lang_name", lang = lang_code) }}</a>
+                        {{ trans(key="lang_name", lang = translation.lang) }}
                     {%- endif -%}
-                </li>
-            {%- endif %}
-        {% endfor %}</ul>
+                </a></li>
+            {% endfor %}</ul>
+        </div>
+        {%- endif %}
     </div>
     <div class="block">
         <h2>Recent Updates</h2>