faf0625091
- selecting a language in one selects it in the other (if available) - toss a couple of toLowerCase in there, since firefox uses lower case region codes, and the indonesian language string on the site is upper case - includes the fix for the selecting languages by user preference, and testing the language string of the browser alone if the <language>-<region> string does not match - does NOT compare <language> of the firmware port alone if it has a <language>-<region> because I am not sure that the languages are in order of priority (the default english implementation first for example), and I don't want users with "en-UK" to get offered "en-x-pirate" by default, it be bad matey ! Arrrrrrr
80 lines
2.7 KiB
JavaScript
80 lines
2.7 KiB
JavaScript
document.addEventListener('DOMContentLoaded',function() {
|
|
var languageSelect = document.querySelectorAll(".language-select select");
|
|
languageSelect.forEach(function(select) {
|
|
select.onchange = languageSelectHandler;
|
|
});
|
|
|
|
// get the language from memory
|
|
var storedLanguage = null;
|
|
if (window.localStorage) {
|
|
storedLanguage = localStorage.getItem("language");
|
|
if (storedLanguage != null && storedLanguage != "") {
|
|
language = storedLanguage;
|
|
updateLanguageMenus([language]);
|
|
}
|
|
}
|
|
// or get the language from the browser
|
|
if (storedLanguage == null) {
|
|
var script = document.createElement('script');
|
|
script.setAttribute('src', '//accounts.adafruit.com/users/locale?callback=setLocale');
|
|
document.body.appendChild(script);
|
|
}
|
|
},false);
|
|
|
|
// update the links of the download buttons for the given langage menu item
|
|
function updateFileLinks(option, language) {
|
|
var files = option.value.split(',');
|
|
parentNode = option.parentNode.parentNode.parentNode;
|
|
files.forEach(function(file) {
|
|
var extension = file.substr(file.lastIndexOf('.') + 1);
|
|
parentNode.querySelector(".download-button." + extension).href = file;
|
|
});
|
|
}
|
|
|
|
// update language menus
|
|
function updateLanguageMenus(languages) {
|
|
var languageSelect = document.querySelectorAll(".language-select select");
|
|
languageSelect.forEach(function(select) {
|
|
var options = select.options;
|
|
// find and set one menu with one language
|
|
function findAndSetLocale(language) {
|
|
for (var i = 0; i < options.length; i++) {
|
|
if (language.toLowerCase() == options[i].dataset.locale.toLowerCase()) {
|
|
options[i].selected = true;
|
|
updateFileLinks(options[i],language);
|
|
return true;
|
|
}
|
|
}
|
|
return false;
|
|
}
|
|
// match languages to menu items
|
|
for (var j = 0; j < languages.length; j++) {
|
|
var language = languages[j];
|
|
// test the full language-region string first
|
|
if (findAndSetLocale(language)) return;
|
|
var pos = language.search("-");
|
|
if (pos > 0) {
|
|
// test the language string to catch eg: "fr-FR" as "fr"
|
|
var shortLang = language.substr(0,pos);
|
|
if (findAndSetLocale(shortLang)) return;
|
|
}
|
|
}
|
|
});
|
|
}
|
|
|
|
function languageSelectHandler(event) {
|
|
// set language from selection
|
|
var selectedOption = event.target.selectedOptions[0];
|
|
var selectedLanguage = selectedOption.dataset.locale;
|
|
// save to memory
|
|
if (window.localStorage && event.target) {
|
|
localStorage.setItem("language",selectedLanguage);
|
|
}
|
|
// synchronize all the menus if possible
|
|
updateLanguageMenus([selectedLanguage]);
|
|
}
|
|
|
|
function setLocale(response) {
|
|
var languages = response.languages;
|
|
updateLanguageMenus(languages);
|
|
}
|