Merge pull request #119 from gaphor/language-dropdown

Move language selection to dropdown menu

_config.yml

@@ -47,6 +47,7 @@ permalink: pretty
 
 include:
   - "_pages"
+  - "js"
   - .well-known
 collections:
   usps:
@@ -87,5 +88,6 @@ exclude_from_localization:
   - .gitignore
   - CNAME
   - css/
+  - js/
   - images
   - po/

_data/languagenames.json

@@ -0,0 +1,10 @@
+{
+  "en": "English",
+  "es": "Español",
+  "cs": "Čeština",
+  "nl": "Nederlands",
+  "hr": "Hrvatski",
+  "hu": "Magyar",
+  "ru": "Русский",
+  "tr": "Türkçe"
+}

_data/strings.yml

@@ -44,3 +44,5 @@ footer:
   tech-docs: Tech docs
   copyright: Copyright © 2020-2023 Arjan Molenaar and Dan Yeaw.
   theme: Theme
+languages:
+  change: Change

_includes/languages.html

@@ -1,7 +1,20 @@
 <nav class="col-12 d-flex justify-content-end language-navigation">
- <ul>
- {% for item in site.data.languages.languages %}
-  <li><a {% static_href %}href="{{ site.baseurl | append: item.url | append: page.url }}"{% endstatic_href %}>{{ item.title }}</a></li>
- {% endfor %}
- </ul>
+
+    <form action="{{ site.baseurl }}{{ page.url }}" method="get">
+
+        <select id="language-chooser-select" name="lang" autocomplete="off">
+            {% for lang in site.languages %}
+            <option value="{{ lang }}" {% if lang== site.active_lang %}selected="selected" {% endif %}>
+                {{ site.data.languagenames[lang] }}
+            </option>
+            {% endfor %}
+        </select>
+
+        <script src="/js/languages.js" async></script>
+
+        <noscript>
+            <input id="language-chooser-submit" type="submit" value="{{ site.data.strings.languages.change }}"/>
+        </noscript>
+
+    </form>
 </nav>

_pages/contribute.md

@@ -20,5 +20,7 @@ and expectations for the various types of contribution you can make to Gaphor.
 
 The source code is hosted on [GitHub](https://github.com/gaphor/gaphor).
 
+Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/).
+
 If in doubt, just ask in our <a href="../discuss">discussion area</a> and
 someone will be able to point you in the right direction.

js/languages.js

@@ -0,0 +1,19 @@
+
+const chooser = document.getElementById('language-chooser-select');
+let activeLang = 'en';
+for (let i = 0; i < chooser.children.length; i++) {
+    if (chooser.children[i].selected) {
+        activeLang = chooser.children[i].value;
+    }
+}
+
+chooser.onchange = function() {
+    const lang = this.value;
+    let pageUrl = document.location.pathname;
+
+    if (new RegExp('^/' + activeLang + '/').test(pageUrl)) {
+        pageUrl = pageUrl.substring(activeLang.length + 1);
+    }
+
+    document.location = '' + '/' + lang + pageUrl;
+}

po/site.cs.po

@@ -522,6 +522,11 @@ msgstr "Naše technická dokumentace je umístěna na skvělé službě Read the
 msgid "The source code is hosted on [GitHub](https://github.com/gaphor/gaphor)."
 msgstr "Zdrojový kód je umístěn na GitHubu."
 
+#. type: Plain text
+#: _pages/contribute.md
+msgid "Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/)."
+msgstr ""
+
 #. type: Plain text
 #: _pages/contribute.md
 #, fuzzy, no-wrap

po/site.es.po

@@ -522,6 +522,11 @@ msgstr "Nuestra documentación técnica está alojada en el maravilloso servicio
 msgid "The source code is hosted on [GitHub](https://github.com/gaphor/gaphor)."
 msgstr "El código fuente está alojado en GitHub."
 
+#. type: Plain text
+#: _pages/contribute.md
+msgid "Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/)."
+msgstr ""
+
 #. type: Plain text
 #: _pages/contribute.md
 #, fuzzy, no-wrap

po/site.hr.po

@@ -513,6 +513,11 @@ msgstr "Naša se [tehnička dokumentacija](https://docs.gaphor.org/hr/latest) č
 msgid "The source code is hosted on [GitHub](https://github.com/gaphor/gaphor)."
 msgstr "Izvorni kod se nalazi na [GitHubu](https://github.com/gaphor/gaphor)."
 
+#. type: Plain text
+#: _pages/contribute.md
+msgid "Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/)."
+msgstr ""
+
 #. type: Plain text
 #: _pages/contribute.md
 #, no-wrap

po/site.hu.po

@@ -497,6 +497,11 @@ msgstr ""
 msgid "The source code is hosted on [GitHub](https://github.com/gaphor/gaphor)."
 msgstr ""
 
+#. type: Plain text
+#: _pages/contribute.md
+msgid "Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/)."
+msgstr ""
+
 #. type: Plain text
 #: _pages/contribute.md
 #, no-wrap

po/site.nl.po

@@ -523,6 +523,11 @@ msgstr "Onze technische documentatie wordt gehost op de prachtige dienst Read th
 msgid "The source code is hosted on [GitHub](https://github.com/gaphor/gaphor)."
 msgstr "De broncode is beschikbaar op GitHub."
 
+#. type: Plain text
+#: _pages/contribute.md
+msgid "Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/)."
+msgstr ""
+
 #. type: Plain text
 #: _pages/contribute.md
 #, fuzzy, no-wrap

po/site.pot

@@ -542,6 +542,12 @@ msgstr ""
 msgid "The source code is hosted on [GitHub](https://github.com/gaphor/gaphor)."
 msgstr ""
 
+#. type: Plain text
+#: _pages/contribute.md
+#, markdown-text
+msgid "Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/)."
+msgstr ""
+
 #. type: Plain text
 #: _pages/contribute.md
 #, markdown-text, no-wrap

po/site.ru.po

@@ -502,6 +502,11 @@ msgstr ""
 msgid "The source code is hosted on [GitHub](https://github.com/gaphor/gaphor)."
 msgstr ""
 
+#. type: Plain text
+#: _pages/contribute.md
+msgid "Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/)."
+msgstr ""
+
 #. type: Plain text
 #: _pages/contribute.md
 #, no-wrap

po/site.tr.po

@@ -497,6 +497,11 @@ msgstr ""
 msgid "The source code is hosted on [GitHub](https://github.com/gaphor/gaphor)."
 msgstr ""
 
+#. type: Plain text
+#: _pages/contribute.md
+msgid "Help translate Gaphor on [Weblate](https://hosted.weblate.org/engage/gaphor/)."
+msgstr ""
+
 #. type: Plain text
 #: _pages/contribute.md
 #, no-wrap