elias/vdo.ninja
1
0
Fork 0
mirror of https://github.com/eliasstepanik/vdo.ninja.git synced 2026-01-26 12:59:03 +00:00
Code Issues Packages Projects Releases Wiki Activity

Re-write stuff to ES6

Browse Source
This commit is contained in:
Filip Troníček 2020-12-07 15:00:59 +00:00
parent a0e545da4e
commit b1b5d7f0ff
1 changed files with 43 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
translations/translate.js
View File

@ -2,20 +2,22 @@
function downloadTranslation(filename, trans={}){ // downloads the current translation to a file function downloadTranslation(filename, trans={}){ // downloads the current translation to a file
var textDoc = JSON.stringify(trans, null, 2); const textDoc = JSON.stringify(trans, null, 2);
var hiddenElement = document.createElement('a'); const hiddenElement = document.createElement('a');
hiddenElement.href = 'data:text/html,' + encodeURIComponent(textDoc);
hiddenElement.href = `data:text/html,${encodeURIComponent(textDoc)}`;
hiddenElement.target = '_blank'; hiddenElement.target = '_blank';
hiddenElement.download = filename+".json"; hiddenElement.download = `${filename}.json`;
hiddenElement.click(); hiddenElement.click();
return trans; return trans;
} }
function updateTranslation(filename){ // updates the website with a specific translation function updateTranslation(filename){ // updates the website with a specific translation
var request = new XMLHttpRequest(); const request = new XMLHttpRequest();
request.open('GET', "./translations/"+filename+'.json?'+(Math.random()*100).toString(), false); // `false` makes the request synchronous request.open('GET', `./translations/${filename}.json?${(Math.random() * 100).toString()}`, false); // `false` makes the request synchronous
request.send(null); request.send(null);
if (request.status !== 200) { if (request.status !== 200) {
@ -29,26 +31,28 @@ function updateTranslation(filename){ // updates the website with a specific tr
return false, {}; return false, {};
} }
var oldTransItems = data.innerHTML; const oldTransItems = data.innerHTML;
var allItems1 = document.querySelectorAll('[data-translate]'); const allItems1 = document.querySelectorAll('[data-translate]');
allItems1.forEach(function(ele){ allItems1.forEach(function(ele){
if (ele.dataset.translate in oldTransItems){ if (ele.dataset.translate in oldTransItems){
ele.innerHTML = oldTransItems[ele.dataset.translate]; ele.innerHTML = oldTransItems[ele.dataset.translate];
} }
}); });
var oldTransTitles = data.titles;
var allTitles1 = document.querySelectorAll('[title]'); const oldTransTitles = data.titles;
const allTitles1 = document.querySelectorAll('[title]');
allTitles1.forEach(function(ele){ allTitles1.forEach(function(ele){
var key = ele.title.replace(/[\W]+/g,"-").toLowerCase(); const key = ele.title.replace(/[\W]+/g,"-").toLowerCase();
if (key in oldTransTitles){ if (key in oldTransTitles){
ele.title = oldTransTitles[key]; ele.title = oldTransTitles[key];
} }
}); });
var oldTransPlaceholders = data.placeholders; const oldTransPlaceholders = data.placeholders;
var allPlaceholders1 = document.querySelectorAll('[placeholder]'); const allPlaceholders1 = document.querySelectorAll('[placeholder]');
allPlaceholders1.forEach(function(ele){ allPlaceholders1.forEach(function(ele){
var key = ele.placeholder.replace(/[\W]+/g,"-").toLowerCase(); const key = ele.placeholder.replace(/[\W]+/g,"-").toLowerCase();
if (key in oldTransPlaceholders){ if (key in oldTransPlaceholders){
ele.placeholder = oldTransPlaceholders[key]; ele.placeholder = oldTransPlaceholders[key];
} }
@ -57,60 +61,60 @@ function updateTranslation(filename){ // updates the website with a specific tr
return [true, data]; return [true, data];
} }
var updateList = ["cs","de", "en", "es", "fr", "it", "ja", "nl", "pig", "pt", "ru", "tr", "blank" ]; // list of languages to update. Update this if you add a new language. const updateList = ["cs","de", "en", "es", "fr", "it", "ja", "nl", "pig", "pt", "ru", "tr", "blank" ]; // list of languages to update. Update this if you add a new language.
var allItems = document.querySelectorAll('[data-translate]'); const allItems = document.querySelectorAll('[data-translate]');
var defaultTrans = {}; const defaultTrans = {};
allItems.forEach(function(ele){ allItems.forEach(function(ele){
var key = ele.dataset.translate.replace(/[\W]+/g,"-").toLowerCase(); const key = ele.dataset.translate.replace(/[\W]+/g,"-").toLowerCase();
defaultTrans[key] = ele.innerHTML; defaultTrans[key] = ele.innerHTML;
}); });
var defaultTransTitles = {}; const defaultTransTitles = {};
var allTitles = document.querySelectorAll('[title]'); const allTitles = document.querySelectorAll('[title]');
allTitles.forEach(function(ele){ allTitles.forEach(function(ele){
defaultTransTitles[ele.title] = ele.title; defaultTransTitles[ele.title] = ele.title;
}); });
var defaultTransPlaceholders = {}; const defaultTransPlaceholders = {};
var allPlaceholders = document.querySelectorAll('[placeholder]'); const allPlaceholders = document.querySelectorAll('[placeholder]');
allPlaceholders.forEach(function(ele){ allPlaceholders.forEach(function(ele){
defaultTransPlaceholders[ele.placeholder] = ele.placeholder; defaultTransPlaceholders[ele.placeholder] = ele.placeholder;
}); });
var combinedTrans = {} const combinedTrans = {}
combinedTrans.titles = defaultTransTitles; combinedTrans.titles = defaultTransTitles;
combinedTrans.innerHTML = defaultTrans; combinedTrans.innerHTML = defaultTrans;
combinedTrans.placeholders = defaultTransPlaceholders; combinedTrans.placeholders = defaultTransPlaceholders;
var counter=0; var counter=0;
for (var i in updateList){ for (const i in updateList){
var lang = updateList[i]; const lang = updateList[i];
setTimeout(function(ln){ setTimeout(function(ln){
var suceess = updateTranslation(ln); // we don't need to worry about DATA. var suceess = updateTranslation(ln); // we don't need to worry about DATA.
if (suceess[0]==true){ if (suceess[0]==true){
var newTrans = suceess[1].innerHTML; const newTrans = suceess[1].innerHTML;
var allItems = document.querySelectorAll('[data-translate]'); const allItems = document.querySelectorAll('[data-translate]');
allItems.forEach(function(ele){ allItems.forEach(function(ele){
var key = ele.dataset.translate; const key = ele.dataset.translate;
newTrans[key] = ele.innerHTML; newTrans[key] = ele.innerHTML;
}); });
var newTransTitles = suceess[1].titles; const newTransTitles = suceess[1].titles;
var allTitles = document.querySelectorAll('[title]'); const allTitles = document.querySelectorAll('[title]');
allTitles.forEach(function(ele){ allTitles.forEach(function(ele){
var key = ele.title.replace(/[\W]+/g,"-").toLowerCase(); const key = ele.title.replace(/[\W]+/g,"-").toLowerCase();
newTransTitles[key] = ele.title; newTransTitles[key] = ele.title;
}); });
var newPlaceholders = suceess[1].placeholders; const newPlaceholders = suceess[1].placeholders;
var allPlaceholders = document.querySelectorAll('[placeholder]'); const allPlaceholders = document.querySelectorAll('[placeholder]');
allPlaceholders.forEach(function(ele){ allPlaceholders.forEach(function(ele){
var key = ele.placeholder.replace(/[\W]+/g,"-").toLowerCase(); const key = ele.placeholder.replace(/[\W]+/g,"-").toLowerCase();
newPlaceholders[key] = ele.placeholder; newPlaceholders[key] = ele.placeholder;
}); });
////// DOWNLOAD UPDATED TRANSLATION ////// DOWNLOAD UPDATED TRANSLATION
var outputTrans = {} const outputTrans = {}
outputTrans.titles = newTransTitles; outputTrans.titles = newTransTitles;
outputTrans.innerHTML = newTrans; outputTrans.innerHTML = newTrans;
outputTrans.placeholders = newPlaceholders; outputTrans.placeholders = newPlaceholders;
@ -123,13 +127,13 @@ for (var i in updateList){
} }
}); });
allTitles.forEach(function(ele){ allTitles.forEach(function(ele){
var key = ele.title.replace(/[\W]+/g,"-").toLowerCase(); const key = ele.title.replace(/[\W]+/g,"-").toLowerCase();
if (key in defaultTransTitles){ if (key in defaultTransTitles){
ele.title = defaultTransTitles[key]; ele.title = defaultTransTitles[key];
} }
}); });
allPlaceholders.forEach(function(ele){ allPlaceholders.forEach(function(ele){
var key = ele.placeholder.replace(/[\W]+/g,"-").toLowerCase(); const key = ele.placeholder.replace(/[\W]+/g,"-").toLowerCase();
if (key in defaultTransPlaceholders){ if (key in defaultTransPlaceholders){
ele.placeholder = defaultTransPlaceholders[key]; ele.placeholder = defaultTransPlaceholders[key];
} }