jepler/circuitpython-org
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Merge pull request #616 from Neradoc/remember-language-selection

Browse source 
Remember language selection and fix autoselection
This commit is contained in:
Justin Cooper 2021-01-19 14:06:05 -06:00 committed by GitHub
commit 41c915df4e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 59 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

85
assets/javascript/download.js
View file

@ -4,44 +4,77 @@ document.addEventListener('DOMContentLoaded',function() {
select.onchange = languageSelectHandler;
});
var script = document.createElement('script');
script.setAttribute('src', '//accounts.adafruit.com/users/locale?callback=setLocale');
document.body.appendChild(script);
// 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);
function languageSelectHandler(event) {
// find download-details, two levels up from select
// event may either be an event from selection, or passed from setLocale
// as a select element.
if (event.target) {
var selectedOption = event.target;
var parentNode = event.target.parentNode.parentNode;
} else {
var selectedOption = event.selectedOptions[0];
var parentNode = event.parentNode.parentNode;
}
var files = selectedOption.value.split(',');
// 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;
});
}
function setLocale(response) {
var languages = response.languages;
// update language menus
function updateLanguageMenus(languages) {
var languageSelect = document.querySelectorAll(".language-select select");
languageSelect.forEach(function(select) {
var options = select.options;
for (var i = 0; i < options.length; i++) {
if (languages.includes(options[i].dataset.locale)) {
options[i].selected = true;
select.onchange(select);
break;
// 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);
}