From d21bbbce12e999f9fa1ad9355381698a844f399c Mon Sep 17 00:00:00 2001
From: Verena Schulz <verena.schulz@th-bingen.de>
Date: Sat, 10 Jan 2026 19:51:29 +0100
Subject: [PATCH] Implemented the visibility regulation of the custom document
 section

---
 electron/main/index.html | 61 ++++++++++++++++++++--------------------
 electron/main/script.js  | 18 ++++++++++++
 2 files changed, 48 insertions(+), 31 deletions(-)

diff --git a/electron/main/index.html b/electron/main/index.html
index 9ff8b88..c316a80 100644
--- a/electron/main/index.html
+++ b/electron/main/index.html
@@ -20,7 +20,7 @@
       </label>
 
       <nav class="menu1">
-        <a href="custom_document.html" class="li1">Manage document types</a>
+        <button id="customDocBtn" onclick="showCD()">Manage document types</button>
         <a href="help_page.html" class="li1">Help</a>
       </nav>
     </nav>
@@ -49,6 +49,35 @@
 <!-- Visible middle part-->
   <div class="mitte" id="mitte">
 
+    <!--Costum document section-->
+  <div class="container" id="cdContainer" style="display:none;">
+        <h1>Manage document types</h1>
+
+        <label for="existingDocs">Vorhandene Dokumente auswählen (optional):</label>
+        <!--Drop Down-->
+        <select name="existingDocs" id="existingDocs">
+            <option value="newDoc">-- Neues Dokument erstellen --</option>
+        </select>
+
+        <div id="docNameWrapper">
+            <label for="docName">Dokumentname:</label>
+            <input type="text" id="docName" placeholder="Gib hier den Dokumentnamen ein">
+        </div>
+
+        <label for="prompt">Dein Prompt:</label>
+        <textarea id="prompt" placeholder="Schreibe hier den Prompt für dein Dokument..."></textarea>
+
+        <div class="buttons">
+            <a href="index.html">
+                <button id="goBackBtn">Abbrechen</button>
+            </a>
+            <button id="deleteBtn">Dokument löschen</button>
+            <button id="generateBtn">Dokument speichern</button>
+        </div>
+
+        <div id="result"></div>
+    </div>
+
    <!-- Here starts code from step 1--> 
     <div class="step" id="step1">
       <h2 class="h2">Upload your video here:</h2>
@@ -176,36 +205,6 @@
       <button class="download-btn" id="downloadButton" onclick="fileDownload()">Download</button>
     </div>
   </div>
-  
-<!--Costum document section-->
-  <div class="container" style="display:none;">
-        <h1>Manage document types</h1>
-
-        <label for="existingDocs">Vorhandene Dokumente auswählen (optional):</label>
-        <!--Drop Down-->
-        <select name="existingDocs" id="existingDocs">
-            <option value="newDoc">-- Neues Dokument erstellen --</option>
-        </select>
-
-        <div id="docNameWrapper">
-            <label for="docName">Dokumentname:</label>
-            <input type="text" id="docName" placeholder="Gib hier den Dokumentnamen ein">
-        </div>
-
-        <label for="prompt">Dein Prompt:</label>
-        <textarea id="prompt" placeholder="Schreibe hier den Prompt für dein Dokument..."></textarea>
-
-        <div class="buttons">
-            <a href="index.html">
-                <button id="goBackBtn">Abbrechen</button>
-            </a>
-            <button id="deleteBtn">Dokument löschen</button>
-            <button id="generateBtn">Dokument speichern</button>
-        </div>
-
-        <div id="result"></div>
-    </div>
-
 
   <button id ="nextBtn" class="navBtn">&rarr;</button>
 
diff --git a/electron/main/script.js b/electron/main/script.js
index 2523e3f..361027d 100644
--- a/electron/main/script.js
+++ b/electron/main/script.js
@@ -5,6 +5,24 @@ let currentVideoPath = null;
 Functions used in the setup or affect most of the gui
 
 */
+var showCDValue = 0;
+function showCD() {
+  if(showCDValue == 0){
+    document.getElementById('cdContainer').style.display = "block";
+    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";
+    showCDValue = 1;
+  } else {
+    currentStep = 1;
+    showCDValue = 0;
+    document.getElementById('cdContainer').style.display = "none";
+    showStep(1);
+  }
+}
 
 //language changing feature => changes the language of every displayed text
 function changeLanguage(language) {