michaelkuc6/blog_os
1
0
Fork 0
mirror of https://github.com/phil-opp/blog_os.git synced 2025-12-16 22:37:49 +00:00
Code Issues Projects Releases Wiki Activity

Show all available languages

Browse Source 
Not just languages enabled in the browser. This makes the translations more discoverable.
This commit is contained in:
Philipp Oppermann
2020-11-11 10:28:36 +01:00
parent 307916d1fe
commit 668c903c02
3 changed files with 4 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
blog/static/js/main.js
View File

@@ -1,6 +1,4 @@
window.onload = function() {
show_lang_selector();
var container = document.querySelector('#toc-aside');
if (container != null) {
@@ -63,17 +61,3 @@ function toc_scroll_position(container) {
current_toc_item.classList.add("active");
}
}
function show_lang_selector() {
var show_lang_selector = false;
for (language_selector of document.querySelectorAll('#language-selector li')) {
var lang = language_selector.getAttribute("data-lang-switch-to");
if (this.navigator.languages.includes(lang)) {
language_selector.classList.remove("hidden");
show_lang_selector = true
}
}
if (show_lang_selector) {
document.querySelector("#language-selector").classList.remove("hidden")
}
}

4
blog/templates/second-edition/index.html
View File

@@ -77,12 +77,12 @@
{% block after_main %}
<aside class="page-aside-right">
<div class="block hidden" id="language-selector">
<div class="block" id="language-selector">
<h2>Languages</h2>
<ul>
<li><a href="/">English (Original)</a></li>
{% for lang in config.languages %}
<li data-lang-switch-to="{{ lang.code }}" class="hidden"><a href="/{{ lang.code }}">{{ lang.code }}</a></li>
<li data-lang-switch-to="{{ lang.code }}" class=""><a href="/{{ lang.code }}">{{ lang.code }}</a></li>
{% endfor %}
</ul>
</div>

4
blog/templates/second-edition/page.html
View File

@@ -103,11 +103,11 @@
<aside class="page-aside-right">
{% if page.translations -%}
<div class="block hidden" id="language-selector">
<div class="block" id="language-selector">
<h2>Other Languages</h2>
<ul>
{%- for translation in page.translations %}
<li data-lang-switch-to="{{ translation.lang }}" class="hidden"><a href="{{ translation.permalink | safe }}">{{ translation.lang }} {% if translation.lang == "en" %}(original){% endif %}</a></li>
<li data-lang-switch-to="{{ translation.lang }}" class=""><a href="{{ translation.permalink | safe }}">{{ translation.lang }} {% if translation.lang == "en" %}(original){% endif %}</a></li>
{%- endfor %}
</ul>
</div>