Add language switch at bottom of page

layouts/docs/baseof.html

@@ -17,7 +17,7 @@
     <div class="book-page">
       {{ partial "docs/mobile-header" . }}
       {{ template "main" . }}
-      {{ partial "docs/git-footer" . }}
+      {{ partial "docs/footer" . }}
       {{ partial "docs/inject/footer" . }}
     </div>
 

layouts/partials/docs/footer.html

@@ -1,5 +1,6 @@
 {{ if or .GitInfo .Site.Params.BookEditPath }}
 <div class="book-footer {{ if not .GitInfo }}justify-end{{ else }}justify-between{{ end }}">
+  {{ partial "docs/languages" . }}
   {{ with .GitInfo }}
   <div>
     {{ $date := .AuthorDate.Local.Format (default "January 2, 2006" $.Site.Params.BookDateFormat) }}
@@ -14,7 +15,7 @@
     {{ if $.File }}
     <a class="flex align-center" href="{{ $.Site.Params.BookRepo }}/{{ . }}/{{ $.File.Path }}" target="_blank" rel="noopener">
       <img src="{{ "svg/edit.svg" | relURL }}" alt="Edit" />
-      <span>Edit this page</span>
+      <span>{{ i18n "Edit this page" }}</span>
     </a>
     {{ end }}
   </div>

layouts/partials/docs/language-switch.html

@@ -1,14 +0,0 @@
-{{ if .Site.IsMultiLingual }}
-<ul>
-    <li class="book-section-flat">
-        <span>{{ i18n "languages" }}</span>
-        <ul>
-        {{ range .Site.Home.AllTranslations -}}
-            <li>
-               <a href="{{ .Permalink }}" class="{{ if (eq $.Site.Language .Language ) }}active{{ end }}">{{ .Language.LanguageName }}</a>
-            </li>
-         {{- end }}
-        </ul>
-    </li>
-</ul>
-{{ end }}

layouts/partials/docs/languages.html

@@ -0,0 +1,32 @@
+{{ if .Site.IsMultiLingual }}
+<!-- Merge home and current page translations -->
+{{ $langs := dict }}
+{{ range .Site.Home.AllTranslations }}
+  {{ $langs = merge $langs (dict .Language.Lang .) }}
+{{ end }}
+{{ range .Translations }}
+  {{ $langs = merge $langs (dict .Language.Lang .) }}
+{{ end }}
+
+<div class="book-languages">
+
+  <ul>
+    <li class="flex">
+      <img src="{{ "svg/translate.svg" | relURL }}" />
+      {{ $.Site.Language.LanguageName }}
+    </li> 
+  </ul>
+
+  <ul class="book-languages-list">
+    {{ range sort $langs }}
+    <li class="{{ if (eq $.Site.Language .Language ) }}active{{ end }}">
+      <a href="{{ .Permalink }}" class="flex">
+        <img src="{{ "svg/translate.svg" | relURL }}" />
+        {{ .Language.LanguageName }}
+      </a>
+    </li>
+    {{ end }}
+  </ul>
+
+</div>
+{{ end }}

layouts/partials/docs/menu-filetree.html

@@ -15,7 +15,7 @@
   {{ end }}
 {{ else }}
   <ul>
-  {{ range where $sections "Params.bookhidden" "!=" true }}
+  {{ range where $sections "Params.bookHidden" "!=" true }}
     {{ template "book-section" (dict "Section" . "CurrentPage" $) }}
   {{ end }}
   </ul>

layouts/partials/docs/menu.html

@@ -10,11 +10,6 @@
 {{ end }}
 
 {{ partial "docs/inject/menu-after" . }}
-
-{{ if .Site.IsMultiLingual }}
-    {{ partial "docs/translation-switch" . }}
-    {{ partial "docs/language-switch" . }}
-{{ end }}
 </nav>
 
 <!-- Restore menu position as soon as possible to avoid flickering -->

layouts/partials/docs/search.html

@@ -1,6 +1,6 @@
 {{ if default true .Site.Params.BookSearch }}
 <div class="book-search">
-  <input type="text" placeholder="Search" id="book-search-input" maxlength="64" />
+  <input type="text" placeholder="{{ i18n "Search" }}" id="book-search-input" maxlength="64" />
   <div class="book-search-spinner spinner hidden"></div>
   <ul id="book-search-results"></ul>
 </div>

layouts/partials/docs/translation-switch.html

@@ -1,14 +0,0 @@
-{{ if .IsTranslated }}
-<ul>
-    <li class="book-section-flat">
-        <span>{{ i18n "translations" }}</span>
-        <ul>
-        {{ range .Translations }}
-            <li>
-                <a href="{{ .Permalink }}">{{ .Lang }}: {{ .Title }}{{ if .IsPage }} ({{ i18n "wordCount" . }}){{ end }}</a>
-            </li>
-        {{ end }}
-        </ul>
-    </li>
-</ul>
-{{ end }}

layouts/posts/baseof.html

@@ -17,7 +17,7 @@
     <div class="book-posts">
       {{ partial "docs/mobile-header" . }}
       {{ template "main" . }}
-      {{ partial "docs/git-footer" . }}
+      {{ partial "docs/footer" . }}
       {{ partial "docs/inject/footer" . }}
     </div>