Expanded the function to change the language of the program. Added the dedicated language dropdown list

electron/main/index.html

@@ -30,6 +30,7 @@
 
 <div class="gui-language">
 <!-- to do: Ausprobieren mit li, a oder button, im Notfall ohne Flaggen Icons, kein hover-->
+<select name="language_option" id="language_option"></select>
 </div>
 
 </div>
@@ -51,28 +52,26 @@
 
     <!--Costum document section-->
   <div class="container" id="cdContainer" style="display:none;">
-        <h1>Manage document types</h1>
+        <h1 id="cd_h1">Manage document types</h1>
 
-        <label for="existingDocs">Vorhandene Dokumente auswählen (optional):</label>
+        <label for="existingDocs" id="cd_existingDocs">Select existing documents (optional):</label>
         <!--Drop Down-->
         <select name="existingDocs" id="existingDocs">
-            <option value="newDoc">-- Neues Dokument erstellen --</option>
+            <option value="newDoc" id="newDoc">-- Create new document --</option>
         </select>
 
         <div id="docNameWrapper">
-            <label for="docName">Dokumentname:</label>
+            <label for="docName" id="cd_docName">Document name:</label>
-            <input type="text" id="docName" placeholder="Gib hier den Dokumentnamen ein">
+            <input type="text" id="docName" placeholder="Enter the document name here">
         </div>
 
-        <label for="prompt">Dein Prompt:</label>
+        <label for="prompt" id="cd_promt">Your prompt:</label>
-        <textarea id="prompt" placeholder="Schreibe hier den Prompt für dein Dokument..."></textarea>
+        <textarea id="prompt" placeholder="Type the prompt for your document here..."></textarea>
 
         <div class="buttons">
-            <a href="index.html">
+            <button id="goBackBtn">Return</button>
-                <button id="goBackBtn">Abbrechen</button>
+            <button id="deleteBtn">Delete document</button>
-            </a>
+            <button id="generateBtn">Save document</button>
-            <button id="deleteBtn">Dokument löschen</button>
-            <button id="generateBtn">Dokument speichern</button>
         </div>
 
         <div id="result"></div>
@@ -119,7 +118,7 @@
       <div class="language-wrapper">
         <label id="labelLanguage">Select language:</label>
         
-        <select name="language_option" id="language_option">
+        <select name="document_language_option" id="document_language_option">
           
         </select>
       </div> 

electron/main/languages.js

@@ -29,7 +29,19 @@ var languageOptions = {
         "box1_p1": "---Starting---",
         "box2_p2": "---Transkribing---",
         "box3_p3": "---Document creation---",
-        "labelType": "Select document type:"
+        "labelType": "Select document type:",
+
+        "customDocBtn": "Manage document types",
+        "cd_h1": "Manage document types",
+        "cd_existingDocs": "Select existing documents (optional):",
+        "cd_docName": "Document name",
+        "docName": "Enter the document name here",
+        "cd_promt": "Your prompt:",
+        "prompt": "Type the prompt for your document here...",
+        "goBackBtn": "Return",
+        "deleteBtn": "Delete document",
+        "generateBtn": "Save document",
+        "newDoc": "-- Create new document --"
 
     },
     "de":{
@@ -62,7 +74,19 @@ var languageOptions = {
         "box1_p1": "---Startet---",
         "box2_p2": "---Transkribing---",
         "box3_p3": "---Dokument kreieren---",
-        "labelType": "Wähle Dokumenttype:"
+        "labelType": "Wähle Dokumenttype:",
+
+        "customDocBtn": "Dokumenttypen verwalten",
+        "cd_h1": "Dokumenttypen verwalten",
+        "cd_existingDocs": "Vorhandene Dokumente auswählen (optional):",
+        "cd_docName": "Dokument Name",
+        "docName": "Geben Sie hier den Dokumentnamen ein",
+        "cd_promt": "Ihr Prompt:",
+        "prompt": "Geben Sie hier die Eingabeaufforderung für Ihr Dokument ein...",
+        "goBackBtn": "Zurück",
+        "deleteBtn": "Lösche Dokument",
+        "generateBtn": "Speicher Dokument",
+        "newDoc": "-- Neues Dokument erstellen --"
     },
     "in":{
         "flagPath": "flags/india-flag-png-large.png",
@@ -94,7 +118,19 @@ var languageOptions = {
         "box1_p1": "---प्रारंभ---",
         "box2_p2": "---प्रतिलेखन---",
         "box3_p3": "---दस्तावेज़ निर्माण---",
-        "labelType": "दस्तावेज़ प्रकार चुनें:"
+        "labelType": "दस्तावेज़ प्रकार चुनें:",
+        
+        "customDocBtn": "दस्तावेज़ प्रकार प्रबंधित करें",
+        "cd_h1": "दस्तावेज़ प्रकार प्रबंधित करें",
+        "cd_existingDocs": "मौजूदा दस्तावेज़ों का चयन करें (वैकल्पिक):",
+        "cd_docName": "दस्तावेज़ का नाम",
+        "docName": "यहां दस्तावेज़ का नाम दर्ज करें",
+        "cd_promt": "आपका संकेत:",
+        "prompt": "अपने दस्तावेज़ के लिए प्रॉम्प्ट यहां टाइप करें...",
+        "goBackBtn": "वापस करना",
+        "deleteBtn": "दस्तावेज़ हटाएँ",
+        "generateBtn": "दस्तावेज़ सहेजें",
+        "newDoc": "-- नया दस्तावेज़ बनाएँ --"
         
     }
     

electron/main/renderer.js

@@ -305,6 +305,10 @@ Listeners for the costum documents section
 
 */
 
+goBackBtn.addEventListener("click", () => {
+  showCD();
+});
+
 // dokumente speichern
 generateBtn.addEventListener("click", () => {
   const name = docName.value.trim();

electron/main/script.js

@@ -57,6 +57,18 @@ function changeLanguage(language) {
     document.getElementById('box3_p3').textContent = languageOptions[language].box3_p3;
     document.getElementById('labelType').textContent = languageOptions[language].labelType;
 
+    document.getElementById('customDocBtn').textContent = languageOptions[language].customDocBtn;
+    document.getElementById('cd_h1').textContent = languageOptions[language].cd_h1;
+    document.getElementById('cd_existingDocs').textContent = languageOptions[language].cd_existingDocs;
+    document.getElementById('cd_docName').textContent = languageOptions[language].cd_docName;
+    document.getElementById('docName').placeholder = languageOptions[language].docName;
+    document.getElementById('cd_promt').textContent = languageOptions[language].cd_promt;
+    document.getElementById('prompt').placeholder = languageOptions[language].prompt;
+    document.getElementById('goBackBtn').textContent = languageOptions[language].goBackBtn;
+    document.getElementById('deleteBtn').textContent = languageOptions[language].deleteBtn;
+    document.getElementById('generateBtn').textContent = languageOptions[language].generateBtn;
+    document.getElementById('newDoc').textContent = languageOptions[language].newDoc;
+
   } catch (error) {
     console.log("Error in script.js changeLanguage function");
     console.log(error);
@@ -210,17 +222,26 @@ function loadLanguageOptions() {
   try {
 
     var menu = document.getElementById('language_option');
+    var menu_doc = document.getElementById('document_language_option');
     var object_holdy;
     var choice;
+    var choice2;
     object_holdy = Object.keys(languageOptions);
     for (i = 0; i < object_holdy.length; i++) {
       choice = document.createElement('option');
       choice.textContent = object_holdy[i];
       choice.value = object_holdy[i];
       choice.setAttribute('data-image', languageOptions[object_holdy[i]].flagPath);
+      choice2 = document.createElement('option');
+      choice2.textContent = object_holdy[i];
+      choice2.value = object_holdy[i];
+      choice2.setAttribute('data-image', languageOptions[object_holdy[i]].flagPath);
+      menu_doc.appendChild(choice2);
       menu.appendChild(choice);
+      
     }
     new lc_select(document.getElementById('language_option'));    //loads the flag images so they get displayed in the gui
+    new lc_select(document.getElementById('document_language_option'));
   } catch (error) {
     console.log("Error in script.js loadLanguageOptions function");
     console.log(error);