Polished the code in the script.js and renderer.js

electron/main/renderer.js

@@ -1,4 +1,72 @@
+/*
 
+Listeners for the program setup and changes
+
+*/
+
+//Listener for when the gui has been loaded so it can fill the dop down menus in step 2 and the language options
+window.addEventListener('load', async (e) => { 
+  try {
+      loadLanguageOptions(); 
+      const value = await window.onStartup.getModuleNames();
+      loadAiOptions(value.ai_modules);
+      loadTranscriptionOptions(value.transcription_modules);
+
+  } catch (error) {
+    console.log("Error in the window listener load in the renderer.js \n");
+    console.log(error);
+  }
+    
+});
+
+//Listener if the language of the displayed text's in the gui should be changed 
+language_option.addEventListener('change', (e)=>{
+    try {
+        const select = document.getElementById('language_option');
+        changeLanguage(select.value);
+    } catch (error) {
+        console.log("Error in the language_option change listener in the renderer.js");
+        console.log(error);
+    }
+    
+});
+
+stepButtons.forEach(btn => {
+  btn.addEventListener("click", () => {
+    try {
+      const step = parseInt(btn.dataset.step);
+      showStep(step);
+    } catch (error) {
+      
+    }
+  });
+});
+
+//Listener if the button to change the current step to the previus one is pressed
+prevBtn.addEventListener("click", () => {
+  try {
+    if (currentStep > 1) showStep(currentStep - 1);
+  } catch (error) {
+    
+  }
+});
+
+//Listener if the button to change the current step to the next one is pressed
+nextBtn.addEventListener("click", () => {
+  try {
+    if(currentStep < totalSteps) showStep(currentStep + 1);
+  } catch (error) {
+    
+  }
+});
+
+/*
+
+Listeners for Step 1
+
+*/
+
+//Listener if a file has been draged over the drop down field
 uploadContainer.addEventListener("dragover", (e) =>{
     try {
         e.stopPropagation();
@@ -31,29 +99,6 @@ uploadContainer.addEventListener("drop", (e) => {
     } 
 })
 
-window.addEventListener('load', async (e) => { 
-  try {
-      loadLanguageOptions(); 
-      const value = await window.onStartup.getModuleNames();
-      loadAiOptions(value.ai_modules);
-      loadTranscriptionOptions(value.transcription_modules);
-
-  } catch (error) {
-      
-  }
-    
-});
-
-language_option.addEventListener('change', (e)=>{
-    try {
-        const select = document.getElementById('language_option');
-        changeLanguage(select.value);
-    } catch (error) {
-        
-    }
-    
-});
-
 //listener for the file explorer search when something got selected
 videoUpload.addEventListener("change", () => {
   try {
@@ -77,32 +122,17 @@ manualUploadBtn.addEventListener('click', () => {
   
 });
 
-stepButtons.forEach(btn => {
-  btn.addEventListener("click", () => {
-    try {
-      const step = parseInt(btn.dataset.step);
-      showStep(step);
-    } catch (error) {
-      
-    }
-  });
-});
+/*
 
-prevBtn.addEventListener("click", () => {
-  try {
-    if (currentStep > 1) showStep(currentStep - 1);
-  } catch (error) {
-    
-  }
-});
+Listeners for Step 2
 
-nextBtn.addEventListener("click", () => {
-  try {
-    if(currentStep < totalSteps) showStep(currentStep + 1);
-  } catch (error) {
-    
-  }
-});
+*/
+
+/*
+
+Listeners for Step 3
+
+*/
 
 //Checkboxlistener so that only one can be selected at a time
 docFormat.addEventListener("change", (e) =>{
@@ -166,20 +196,12 @@ docFormatCustom.addEventListener("change", (e) =>{
   }
 });
 
-//Speaker change listener
-cur_speaker.addEventListener("change", (e) =>{
-  try {
-    document.getElementById("speakerAudioViewer").src = speakerAudios[document.getElementById("cur_speaker").value].src;
-  } catch (error) {
-    
-  }
-});
+/*
 
-window.audios.speakerAudios((event, arg) => {
-  loadSpeakerOptions(arg);
-  setSpeakerAudiosValue(arg);
-});
+Listeners for Step 4
 
+*/
+//Functions the the displayed progress in the progressbar can be changed out of the main process
 window.electron.progress((event, arg) => {
     if(arg.curstep == 1){
       setCircleOne();
@@ -239,5 +261,27 @@ function setCircleFour(){
   } 
 };
 
+/*
+
+Listeners for Step 5
+
+*/
+
+//Speaker change listener
+cur_speaker.addEventListener("change", (e) =>{
+  try {
+    document.getElementById("speakerAudioViewer").src = speakerAudios[document.getElementById("cur_speaker").value].src;
+  } catch (error) {
+    
+  }
+});
+//Function so the main process can give the gui a json with the speakers and their audio
+window.audios.speakerAudios((event, arg) => {
+  loadSpeakerOptions(arg);
+  setSpeakerAudiosValue(arg);
+});
+
+
+