Help page changeLanguage integration and visibility regulation

This commit is contained in:
2026-01-21 15:29:19 +01:00
parent 2627e5f44e
commit e9be536f29
4 changed files with 116 additions and 101 deletions
+62
View File
@@ -5,10 +5,12 @@ let currentVideoPath = null;
Functions used in the setup or affect most of the gui
*/
//For managing the displaying of the costum document section
var showCDValue = 0;
function showCD() {
if(showCDValue == 0){
document.getElementById('cdContainer').style.display = "block";
document.getElementById('helpContainer').style.display = "none";
document.getElementById('step1').style.display ="none";
document.getElementById('step2').style.display ="none";
document.getElementById('step3').style.display ="none";
@@ -16,6 +18,7 @@ function showCD() {
document.getElementById('step5').style.display ="none";
document.getElementById('step6').style.display ="none";
showCDValue = 1;
showHelpValue = 0;
} else {
currentStep = 1;
showCDValue = 0;
@@ -24,6 +27,27 @@ function showCD() {
}
}
var showHelpValue = 0;
function showHelp() {
if(showHelpValue == 0){
document.getElementById('helpContainer').style.display = "flex";
document.getElementById('cdContainer').style.display = "none";
document.getElementById('step1').style.display ="none";
document.getElementById('step2').style.display ="none";
document.getElementById('step3').style.display ="none";
document.getElementById('step4').style.display ="none";
document.getElementById('step5').style.display ="none";
document.getElementById('step6').style.display ="none";
showHelpValue = 1;
} else {
currentStep = 1;
showHelpValue = 0;
showCDValue = 0;
document.getElementById('helpContainer').style.display = "none";
showStep(1);
}
}
//language changing feature => changes the language of every displayed text
function changeLanguage(language) {
try {
@@ -74,6 +98,40 @@ function changeLanguage(language) {
document.getElementById("step5_h2").textContent = languageOptions[language].step5_h2;
document.getElementById("step6_h2").textContent = languageOptions[language].step6_h2;
document.getElementById("back_btn").textContent = languageOptions[language].back_btn;
document.getElementById("help_page_h1").textContent = languageOptions[language].help_page_h1;
document.getElementById("help_page_tableofcontents").textContent = languageOptions[language].help_page_tableofcontents;
document.getElementById("hp_convertVid").textContent = languageOptions[language].hp_convertVid;
document.getElementById("hp_firstStep").textContent = languageOptions[language].hp_firstStep;
document.getElementById("hp_secondStep").textContent = languageOptions[language].hp_secondStep;
document.getElementById("hp_thirdStep").textContent = languageOptions[language].hp_thirdStep;
document.getElementById("hp_fourthStep").textContent = languageOptions[language].hp_fourthStep;
document.getElementById("hp_fifthStep").textContent = languageOptions[language].hp_fifthStep;
document.getElementById("hp_sixthStep").textContent = languageOptions[language].hp_sixthStep;
document.getElementById("hp_createDoc").textContent = languageOptions[language].hp_createDoc;
document.getElementById("hp_editDoc").textContent = languageOptions[language].hp_editDoc;
document.getElementById("hp_deleteDoc").textContent = languageOptions[language].hp_deleteDoc;
document.getElementById("hp_convertVid_h2").textContent = languageOptions[language].hp_convertVid_h2;
document.getElementById("hp_firstStep_h3").textContent = languageOptions[language].hp_firstStep_h3;
document.getElementById("hp_secondStep_h3").textContent = languageOptions[language].hp_secondStep_h3;
document.getElementById("hp_thirdStep_h3").textContent = languageOptions[language].hp_thirdStep_h3;
document.getElementById("hp_fourthStep_h3").textContent = languageOptions[language].hp_fourthStep_h3;
document.getElementById("hp_fifthStep_h3").textContent = languageOptions[language].hp_fifthStep_h3;
document.getElementById("hp_sixthStep_h3").textContent = languageOptions[language].hp_sixthStep_h3;
document.getElementById("hp_createDoc_h2").textContent = languageOptions[language].hp_createDoc_h2;
document.getElementById("hp_editDoc_h2").textContent = languageOptions[language].hp_editDoc_h2;
document.getElementById("hp_deleteDoc_h2").textContent = languageOptions[language].hp_deleteDoc_h2;
document.getElementById("hp_firstStep_p").textContent = languageOptions[language].hp_firstStep_p;
document.getElementById("hp_secondStep_p").textContent = languageOptions[language].hp_secondStep_p;
document.getElementById("hp_thirdStep_p").textContent = languageOptions[language].hp_thirdStep_p;
document.getElementById("hp_fourthStep_p").textContent = languageOptions[language].hp_fourthStep_p;
document.getElementById("hp_fifthStep_p").textContent = languageOptions[language].hp_fifthStep_p;
document.getElementById("hp_sixthStep_p").textContent = languageOptions[language].hp_sixthStep_p;
document.getElementById("hp_createDoc_p").textContent = languageOptions[language].hp_createDoc_p;
document.getElementById("hp_editDoc_p").textContent = languageOptions[language].hp_editDoc_p;
document.getElementById("hp_deleteDoc_p").textContent = languageOptions[language].hp_deleteDoc_p;
} catch (error) {
console.log("Error in script.js changeLanguage function");
console.log(error);
@@ -98,6 +156,10 @@ function showStep(stepNumber) {
showCDValue = 0;
document.getElementById('cdContainer').style.display = "none";
}
if(showHelpValue == 1){
showHelpValue = 0;
document.getElementById('helpContainer').style.display = "none";
}
if (stepNumber < 1 || stepNumber > totalSteps) {
console.error("StepNumber out of Bounds", stepNumber);
return;