Extract list of supported languages in separate file

Signed-off-by: Erik Michelson <github@erik.michelson.eu>

2 files changed, 8 insertions, 43 deletions

diff --git a/public/js/locale.js b/public/js/locale.js
index 2470bd53..ccc1d0e4 100644
--- a/public/js/locale.js
+++ b/public/js/locale.js
@@ -1,8 +1,6 @@
 /* eslint-env browser, jquery */
 /* global Cookies */
-
-const supported = ['en', 'zh-CN', 'zh-TW', 'fr', 'de', 'ja', 'es', 'ca', 'el', 'pt', 'it', 'tr', 'ru', 'nl', 'hr', 'pl',
-  'uk', 'hi', 'sv', 'eo', 'da', 'ko', 'id', 'sr', 'vi', 'ar', 'cs', 'sk', 'ml', 'bg', 'fa', 'gl', 'he', 'hu', 'oc', 'pt-br']
+const supportedLanguages = require('../../locales/_supported.json')
 
 function detectLang () {
   if (Cookies.get('locale')) {
@@ -14,9 +12,10 @@ function detectLang () {
   }
   const userLang = navigator.language || navigator.userLanguage
   const userLangCode = userLang.split('-')[0]
-  if (supported.includes(userLangCode)) {
+  const supportedLanguagesList = Object.keys(supportedLanguages)
+  if (supportedLanguagesList.includes(userLangCode)) {
     return userLangCode
-  } else if (supported.includes(userLang)) {
+  } else if (supportedLanguagesList.includes(userLang)) {
     return userLang
   }
   return 'en'
@@ -24,6 +23,9 @@ function detectLang () {
 
 const lang = detectLang()
 const localeSelector = $('.ui-locale')
+Object.entries(supportedLanguages).forEach(function ([isoCode, nativeName]) {
+  localeSelector.append(`<option value="${isoCode}">${nativeName}</option>`)
+})
 
 // the following condition is needed as the selector is only available in the intro/history page
 if (localeSelector.length > 0) {
diff --git a/public/views/index/body.ejs b/public/views/index/body.ejs
index 54d2b32f..ca6204b1 100644
--- a/public/views/index/body.ejs
+++ b/public/views/index/body.ejs
@@ -127,44 +127,7 @@
 
             <div class="mastfoot">
                 <div class="inner">
-                    <select class="ui-locale">
-                        <option value="en">English</option>
-                        <option value="zh-CN">简体中文</option>
-                        <option value="zh-TW">繁體中文</option>
-                        <option value="fr">Français</option>
-                        <option value="de">Deutsch</option>
-                        <option value="ja">日本語</option>
-                        <option value="es">Español</option>
-                        <option value="ca">Català</option>
-                        <option value="el">Ελληνικά</option>
-                        <option value="pt">Português</option>
-                        <option value="it">Italiano</option>
-                        <option value="tr">Türkçe</option>
-                        <option value="ru">Русский</option>
-                        <option value="nl">Nederlands</option>
-                        <option value="hr">Hrvatski</option>
-                        <option value="pl">Polski</option>
-                        <option value="uk">Українська</option>
-                        <option value="hi">हिन्दी</option>
-                        <option value="sv">Svenska</option>
-                        <option value="eo">Esperanto</option>
-                        <option value="da">Dansk</option>
-                        <option value="ko">한국어</option>
-                        <option value="id">Bahasa Indonesia</option>
-                        <option value="sr">Cрпски</option>
-                        <option value="vi">Tiếng Việt</option>
-                        <option value="ar">العربية</option>
-                        <option value="cs">Česky</option>
-                        <option value="sk">Slovensky</option>
-                        <option value="ml">മലയാളം</option>
-                        <option value="bg">български език</option>
-                        <option value="fa">فارسی</option>
-                        <option value="gl">Galego</option>
-                        <option value="he">עברית</option>
-                        <option value="hu">Magyar</option>
-                        <option value="oc">Occitan</option>
-                        <option value="pt-br">Português do Brasil</option>
-                    </select>
+                    <select class="ui-locale"></select>
                     <p>
                         <%- __('Powered by %s', '<a href="https://hedgedoc.org">HedgeDoc</a>') %> | <a href="<%- serverURL %>/s/release-notes" target="_blank" rel="noopener"><%= __('Releases') %></a> | <a href="<%- sourceURL %>" target="_blank" rel="noopener"><%= __('Source Code') %></a><% if(imprint) { %> | <a href="<%- serverURL %>/s/imprint" target="_blank" rel="noopener"><%= __('Imprint') %></a><% } %><% if(privacyStatement) { %> | <a href="<%- serverURL %>/s/privacy" target="_blank" rel="noopener"><%= __('Privacy') %></a><% } %><% if(termsOfUse) { %> | <a href="<%- serverURL %>/s/terms-of-use" target="_blank" rel="noopener"><%= __('Terms of Use') %></a><% } %>
                     </p>