Translations minor refactoring
This commit is contained in:
parent
346ca096f9
commit
f9a017cc9f
1 changed files with 410 additions and 412 deletions
|
|
@ -1,13 +1,3 @@
|
|||
var pageTranslations = new Map();
|
||||
var overridenTranslations = new Map();
|
||||
|
||||
var startSep = '\u25a4';
|
||||
var endSep = '\u25a5';
|
||||
var intSep = '\u25a6';
|
||||
var resultSep = '\u200b\uFEFF\u200b\uFEFF\u200b';
|
||||
var resultSepChars = '\u200b\uFEFF';
|
||||
|
||||
|
||||
class PropAddr {
|
||||
constructor(node, number, args) {
|
||||
this.node = node;
|
||||
|
|
@ -25,11 +15,23 @@ class PropInfo {
|
|||
}
|
||||
}
|
||||
|
||||
function onlineTranslation() {
|
||||
var pageTranslations = new Map();
|
||||
var overridenTranslations = new Map();
|
||||
var startSep = '\u25a4';
|
||||
var endSep = '\u25a5';
|
||||
var intSep = '\u25a6';
|
||||
var resultSep = '\u200b\uFEFF\u200b\uFEFF\u200b';
|
||||
var resultSepChars = '\u200b\uFEFF';
|
||||
translationsParsing();
|
||||
createTranslationsInterface();
|
||||
|
||||
function saveTranslations() {
|
||||
var storage = window.localStorage;
|
||||
var serializedTranslations = JSON.stringify(Array.from(overridenTranslations.entries()));
|
||||
storage.setItem("overridenTranslations", serializedTranslations);
|
||||
}
|
||||
|
||||
function readTranslations() {
|
||||
var storage = window.localStorage;
|
||||
var serializedTranslations = storage.getItem("overridenTranslations");
|
||||
|
|
@ -39,20 +41,20 @@ function readTranslations() {
|
|||
}
|
||||
|
||||
function createTranslationsInterface() {
|
||||
var devPanel = document.getElementById("developerPanel");
|
||||
if (devPanel !== null) {
|
||||
var container = document.createElement("div");
|
||||
container.setAttribute("id", "translationsContainer");
|
||||
container.setAttribute("style", "font-size:0.8em !important;width: 440px; resize: horizontal; overflow: auto; padding: 10px; position: absolute;background-color:#f7dd8a;border:1px dotted;z-index:10000");
|
||||
//document.body.appendChild(container);
|
||||
var devPanel = document.getElementById("developerPanel");
|
||||
container.setAttribute("style", "font-size:0.8em !important;width: 440px; resize: horizontal; \
|
||||
overflow: auto; padding: 10px; position: absolute;background-color:#f7dd8a;border:1px dotted;z-index:10000");
|
||||
devPanel.parentNode.insertBefore(container, devPanel.nextSibling);
|
||||
|
||||
createTranslationControls(container);
|
||||
createTableFromPageTranslations(container);
|
||||
//$(document.getElementById("translationsContainer")).draggable();
|
||||
}
|
||||
}
|
||||
|
||||
function createTranslationControls(container) {
|
||||
var controls = document.createElement("div")
|
||||
var controls = document.createElement("div");
|
||||
controls.setAttribute("id", "translationControls");
|
||||
controls.setAttribute("style", "margin-bottom:8px;")
|
||||
container.appendChild(controls);
|
||||
|
|
@ -60,19 +62,19 @@ function createTranslationControls(container){
|
|||
var cleanButton = document.createElement("button");
|
||||
cleanButton.textContent = "Clean All";
|
||||
cleanButton.setAttribute("onclick", "cleanTranslations()");
|
||||
cleanButton.setAttribute("style","margin-right:10px;")
|
||||
cleanButton.setAttribute("style", "margin-right:10px;");
|
||||
|
||||
controls.appendChild(cleanButton);
|
||||
|
||||
var exportAllButton = document.createElement("button");
|
||||
exportAllButton.textContent = "Export All";
|
||||
exportAllButton.setAttribute("onclick", "exportAll()");
|
||||
exportAllButton.setAttribute("style","margin-right:10px;")
|
||||
exportAllButton.setAttribute("style", "margin-right:10px;");
|
||||
controls.appendChild(exportAllButton);
|
||||
|
||||
var exportFileInput = document.createElement("input");
|
||||
var exportFileButton = document.createElement("button");
|
||||
exportFileButton.setAttribute("style","margin-right:10px;")
|
||||
exportFileButton.setAttribute("style", "margin-right:10px;");
|
||||
exportFileInput.type = "file";
|
||||
exportFileInput.setAttribute("id", "exportFile");
|
||||
exportFileInput.setAttribute("style", "display:none;");
|
||||
|
|
@ -100,7 +102,6 @@ function createTranslationControls(container){
|
|||
controls.appendChild(importFileButton);
|
||||
controls.appendChild(importFileInput);
|
||||
importFileInput.addEventListener("change", onImportFileUpload);
|
||||
|
||||
}
|
||||
|
||||
function cleanTranslations() {
|
||||
|
|
@ -122,11 +123,11 @@ function onImportFileUpload(e) {
|
|||
for (var i = 0; i < lines.length; i++) {
|
||||
if (!isCommentLine(lines[i])) {
|
||||
if (followLine) {
|
||||
followLine = goesToNextLine(lines[i]);
|
||||
followLine = isNextLineFollow(lines[i]);
|
||||
var lineValue = lines[i].replace(/\\$/, "");
|
||||
overridenTranslations.set(lineKey, overridenTranslations.get(lineKey) + lineValue);
|
||||
} else {
|
||||
followLine = goesToNextLine(lines[i]);
|
||||
followLine = isNextLineFollow(lines[i]);
|
||||
lineKey = getLineKey(lines[i]);
|
||||
if (lineKey.trim() != "") {
|
||||
let lineValue = getLineValue(lines[i]);
|
||||
|
|
@ -147,7 +148,7 @@ function onExportFileUpload(e) {
|
|||
const numFiles = fileList.length;
|
||||
if (numFiles > 0) {
|
||||
const file = fileList[0];
|
||||
var fileName = e.target.value.split(/(\\|\/)/g).pop()
|
||||
var fileName = e.target.value.split(/(\\|\/)/g).pop();
|
||||
var reader = new FileReader();
|
||||
reader.onload = function(progressEvent) {
|
||||
var lines = this.result.split(/\r\n|\n\r|\n|\r/);
|
||||
|
|
@ -157,7 +158,7 @@ function onExportFileUpload(e) {
|
|||
for (var i = 0; i < lines.length; i++) {
|
||||
if (!isCommentLine(lines[i])) {
|
||||
if (followLine) {
|
||||
followLine = goesToNextLine(lines[i]);
|
||||
followLine = isNextLineFollow(lines[i]);
|
||||
if (keyLineHasChanged) {
|
||||
//clean line as it's upper content has changed
|
||||
lines[i] = "";
|
||||
|
|
@ -168,7 +169,7 @@ function onExportFileUpload(e) {
|
|||
// skip line
|
||||
} else {
|
||||
keyLineHasChanged = false;
|
||||
followLine = goesToNextLine(lines[i]);
|
||||
followLine = isNextLineFollow(lines[i]);
|
||||
lineKey = getLineKey(lines[i]);
|
||||
if (overridenTranslations.has(lineKey)) {
|
||||
var value = overridenTranslations.get(lineKey);
|
||||
|
|
@ -182,12 +183,11 @@ function onExportFileUpload(e) {
|
|||
}
|
||||
reader.readAsText(file);
|
||||
}
|
||||
//const selectedFile = document.getElementById('exportFile').files[0];
|
||||
}
|
||||
|
||||
function exportAll() {
|
||||
var date = new Date;
|
||||
var fileName = "export_" + date.toLocaleString() + "_all.properties"
|
||||
var fileName = "export_" + date.toLocaleString() + "_all.properties";
|
||||
var lines = [];
|
||||
for (let [key, value] of overridenTranslations) {
|
||||
lines.push(key + " = " + value);
|
||||
|
|
@ -217,7 +217,7 @@ function getLineValue(line) {
|
|||
return value;
|
||||
}
|
||||
|
||||
function goesToNextLine(line) {
|
||||
function isNextLineFollow(line) {
|
||||
return line.match(/\\(\\\\)*$/) != null;
|
||||
}
|
||||
|
||||
|
|
@ -235,7 +235,7 @@ function createTableFromPageTranslations(container) {
|
|||
var tr = document.createElement("tr");
|
||||
table.appendChild(tr);
|
||||
var td1 = document.createElement("td");
|
||||
td1.setAttribute("style", " width:1%;white-space:nowrap;")
|
||||
td1.setAttribute("style", " width:1%;white-space:nowrap;");
|
||||
var keyText = document.createTextNode(key);
|
||||
var td2 = document.createElement("td");
|
||||
var rawText = document.createElement("input");
|
||||
|
|
@ -279,14 +279,14 @@ function onTranslationChange(input) {
|
|||
}
|
||||
}
|
||||
saveTranslations();
|
||||
if (jsHasChanged(key)) {
|
||||
if (isJSHasChanged(key)) {
|
||||
location.reload();
|
||||
}
|
||||
updateTranslationOnPage(key, value);
|
||||
}
|
||||
}
|
||||
|
||||
function jsHasChanged(key) {
|
||||
function isJSHasChanged(key) {
|
||||
var result = false;
|
||||
if (pageTranslations.has(key)) {
|
||||
var addresses = pageTranslations.get(key).addresses;
|
||||
|
|
@ -312,7 +312,7 @@ function updateTranslationOnPage(key, value) {
|
|||
const regEx = new RegExp("^(?:[^" + resultSepChars + "]*" + regexStr + "){" + number + "}");
|
||||
var newString = content.replace(regEx,
|
||||
function(x) {
|
||||
return x.replace(RegExp(regexStr + "$"), resultSep + formattedValue + resultSep)
|
||||
return x.replace(RegExp(regexStr + "$"), resultSep + formattedValue + resultSep);
|
||||
});
|
||||
node.textContent = newString;
|
||||
}
|
||||
|
|
@ -320,7 +320,7 @@ function updateTranslationOnPage(key, value) {
|
|||
|
||||
function formatTranslation(value, args) {
|
||||
for (let i = 0; i < args.length; i++) {
|
||||
value = value.replaceAll("{" + i + "}", args[i])
|
||||
value = value.replaceAll("{" + i + "}", args[i]);
|
||||
}
|
||||
return value;
|
||||
}
|
||||
|
|
@ -402,7 +402,6 @@ function removePropInfoFromPage() {
|
|||
var content = node.textContent;
|
||||
var regexStr = startSep + "[^" + endSep + "]*" + intSep + "([^" + endSep + intSep + "]*)" + endSep;
|
||||
const regEx = new RegExp(regexStr, "g");
|
||||
//console.log(regexStr);
|
||||
var newString = content.replaceAll(regEx, resultSep + "$1" + resultSep);
|
||||
node.textContent = newString;
|
||||
}
|
||||
|
|
@ -414,7 +413,7 @@ function addPropsFromTextNode(node) {
|
|||
var i = 0;
|
||||
while (textString.indexOf(startSep) >= 0) {
|
||||
textString = textString.substring(textString.indexOf(startSep) + startSep.length);
|
||||
var prop = textString.substring(0, textString.indexOf(endSep))
|
||||
var prop = textString.substring(0, textString.indexOf(endSep));
|
||||
var address = new PropAddr(node, i, []);
|
||||
addProp(prop, address);
|
||||
i++;
|
||||
|
|
@ -423,7 +422,7 @@ function addPropsFromTextNode(node) {
|
|||
|
||||
function addPropsFromAttribute(node) {
|
||||
var attrString = node.textContent;
|
||||
var i = 0
|
||||
var i = 0;
|
||||
while (attrString.indexOf(startSep) >= 0) {
|
||||
attrString = attrString.substring(attrString.indexOf(startSep) + startSep.length);
|
||||
var prop = attrString.substring(0, attrString.indexOf(endSep));
|
||||
|
|
@ -435,13 +434,13 @@ function addPropsFromAttribute(node) {
|
|||
|
||||
function addProp(prop, address) {
|
||||
var key = prop.substring(0, prop.indexOf(intSep));
|
||||
prop = prop.substring(prop.indexOf(intSep) + intSep.length)
|
||||
prop = prop.substring(prop.indexOf(intSep) + intSep.length);
|
||||
var rawText = prop.substring(0, prop.indexOf(intSep));
|
||||
prop = prop.substring(prop.indexOf(intSep) + intSep.length)
|
||||
prop = prop.substring(prop.indexOf(intSep) + intSep.length);
|
||||
var textArgs = [];
|
||||
var i = 0;
|
||||
while (prop.indexOf(intSep) >= 0) {
|
||||
var textArg = prop.substring(0, prop.indexOf(intSep))
|
||||
var textArg = prop.substring(0, prop.indexOf(intSep));
|
||||
prop = prop.substring(prop.indexOf(intSep) + intSep.length);
|
||||
textArgs.push(textArg);
|
||||
i++;
|
||||
|
|
@ -451,21 +450,20 @@ function addProp(prop, address) {
|
|||
var propInfo = null;
|
||||
if (pageTranslations.has(key)) {
|
||||
propInfo = pageTranslations.get(key);
|
||||
//TODO: CHECK ADDRESS BEFORE ADDING ANOTHER ONE
|
||||
propInfo.addresses.push(address);
|
||||
} else {
|
||||
propInfo = new PropInfo(rawText, formText, address);
|
||||
pageTranslations.set(key, propInfo)
|
||||
pageTranslations.set(key, propInfo);
|
||||
}
|
||||
return propInfo;
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener('load', function() {
|
||||
setTimeout(function() {
|
||||
var developerSetting = document.getElementById("developer_i18n_onlineTranslation");
|
||||
if (developerSetting !== null && developerSetting.checked) {
|
||||
translationsParsing();
|
||||
createTranslationsInterface();
|
||||
onlineTranslation();
|
||||
}
|
||||
}, 1000);
|
||||
})
|
||||
Loading…
Add table
Reference in a new issue