id for all help page elements and language transllations for the help page created

electron/main/help_page.html

@@ -150,16 +150,16 @@
             <div class="toc-wrapper">
                 <button class="toc-toggle" onclick="toggleTOC()">Inhaltsverzeichnis</button>
                 <div class="toc" id="toc">
-                    <a href="#convertVid" onclick="closeTOC()">Video zu Dokument umwandeln</a>
-                    <a href="#firstStep" onclick="closeTOC()">Schritt 1 - Video auswählen</a>
-                    <a href="#secondStep" onclick="closeTOC()">Schritt 2 - Konfiguration</a>
-                    <a href="#thirdStep" onclick="closeTOC()">Schritt 3 - Dokumententyp auswählen</a>
-                    <a href="#fourthStep" onclick="closeTOC()">Schritt 4 - Bestätigen</a>
-                    <a href="#fifthStep" onclick="closeTOC()">Schritt 5 - Sprecher identifizieren</a>
-                    <a href="#sixthStep" onclick="closeTOC()">Schritt 6 - Dokument speichern</a>
-                    <a href="#createDoc" onclick="closeTOC()">Dokumententyp erstellen</a>
-                    <a href="#editDoc" onclick="closeTOC()">Dokumententyp bearbeiten</a>
-                    <a href="#deleteDoc" onclick="closeTOC()">Dokumententyp löschen</a>
+                    <a href="#convertVid" id='hp_convertVid' onclick="closeTOC()">Video zu Dokument umwandeln</a>
+                    <a href="#firstStep" id='hp_firstStep' onclick="closeTOC()">Schritt 1 - Video auswählen</a>
+                    <a href="#secondStep" id='hp_secondStep' onclick="closeTOC()">Schritt 2 - Konfiguration</a>
+                    <a href="#thirdStep" id='hp_thirdStep' onclick="closeTOC()">Schritt 3 - Dokumententyp auswählen</a>
+                    <a href="#fourthStep" id='hp_fourthStep' onclick="closeTOC()">Schritt 4 - Bestätigen</a>
+                    <a href="#fifthStep" id='hp_fifthStep' onclick="closeTOC()">Schritt 5 - Sprecher identifizieren</a>
+                    <a href="#sixthStep" id='hp_sixthStep' onclick="closeTOC()">Schritt 6 - Dokument speichern</a>
+                    <a href="#createDoc" id='hp_createDoc' onclick="closeTOC()">Dokumententyp erstellen</a>
+                    <a href="#editDoc" id='hp_editDoc' onclick="closeTOC()">Dokumententyp bearbeiten</a>
+                    <a href="#deleteDoc" id='hp_deleteDoc' onclick="closeTOC()">Dokumententyp löschen</a>
                 </div>
             </div>
         </div>
@@ -168,11 +168,11 @@
         <div class="content">
 
             <div class="step" id="convertVid">
-                <h2>Video in ein Dokument umwandeln.</h2>
+                <h2 id="hp_convertVid_h2">Video zu Dokument umwandeln.</h2>
 
                 <div class="step" id="firstStep">
-                    <h3>Schritt 1 - Video auswählen</h3>
-                    <p id="firstStep">
+                    <h3 id="hp_firstStep_h3">Schritt 1 - Video auswählen</h3>
+                    <p id="hp_firstStep_p">
                         - Ziehe eine Videodatei in das Drag-and-Drop-Feld oder klicke auf <strong>„Video
                             suchen“</strong>,<br>
                         um eine Datei über deinen Dateibrowser auszuwählen.<br>
@@ -181,8 +181,8 @@
                     </p>
                 </div>
                 <div class="step" id="secondStep">
-                    <h3>Schritt 2 - Konfiguration</h3>
-                    <p>
+                    <h3 id="hp_secondStep_h3">Schritt 2 - Konfiguration</h3>
+                    <p id="hp_secondStep_p">
                         - Wähle im ersten Auswahlmenü die zu verwendende <strong>KI</strong>.<br>
                         - Wähle im zweiten Auswahlmenü das zu verwendende <strong>Transkriptions-Tool</strong>.<br>
                         - Wähle im dritten Auswahlmenü das <strong>Dateiformat</strong> des zu erstellenden
@@ -193,8 +193,8 @@
                     </p>
                 </div>
                 <div class="step" id="thirdStep">
-                    <h3>Schritt 3 - Dokumententyp auswählen</h3>
-                    <p>
+                    <h3 id="hp_thirdStep_h3">Schritt 3 - Dokumententyp auswählen</h3>
+                    <p id="hp_thirdStep_p">
                         - Wähle einen Dokumententyp über die Checkbox oder einen zuvor erstellten Dokumententyp aus dem
                         Dropdown-Menü aus.<br>
                         - Klicke anschließend auf <strong>Schritt 4</strong> oder auf den blauen Pfeil rechts, um
@@ -202,8 +202,8 @@
                     </p>
                 </div>
                 <div class="step" id="fourthStep">
-                    <h3>Schritt 4 - Bestätigen</h3>
-                    <p>
+                    <h3 id="hp_fourthStep_h3">Schritt 4 - Bestätigen</h3>
+                    <p id="hp_fourthStep_p">
                         Klicke auf <strong>„Submit“</strong>, um die Dokumentengenerierung zu starten.<br>
                         Während der Verarbeitung werden vier Statuspunkte angezeigt, die sich schrittweise von rot zu
                         grün färben und den aktuellen Fortschritt darstellen:
@@ -218,8 +218,8 @@
                     </p>
                 </div>
                 <div class="step" id="fifthStep">
-                    <h3>Schritt 5 - Sprecher identifizieren</h3>
-                    <p>
+                    <h3 id="hp_fifthStep_h3">Schritt 5 - Sprecher identifizieren</h3>
+                    <p id="hp_fifthStep_p">
                         Im Auswahlmenü kannst du einen erkannten Sprecher auswählen.<br>
                         Über den Play-Button lässt sich ein gesprochener Satz anhören, um den Sprecher eindeutig zu
                         identifizieren.<br>
@@ -238,8 +238,8 @@
                     </p>
                 </div>
                 <div class="step" id="sixthStep">
-                    <h3>Schritt 6 - Dokument speichern</h3>
-                    <p>
+                    <h3 id="hp_sixthStep_h3">Schritt 6 - Dokument speichern</h3>
+                    <p id="hp_sixthStep_p">
                         Klicke auf <strong>„Download“</strong>, um das Dokument zu speichern.<br>
                         Es öffnet sich anschließend ein Dateiexplorer, in dem du den gewünschten Speicherort auswählen
                         kannst.
@@ -249,8 +249,8 @@
 
 
             <div class="step" id="createDoc">
-                <h2>Dokumententyp erstellen</h2>
-                <p>
+                <h2 id="hp_createDoc_h2">Dokumententyp erstellen</h2>
+                <p id="hp_createDoc_p">
                     - Öffne oben links das Burgermenü und wähle den Punkt <strong>„Dokumententypen
                         verwalten“</strong>.<br>
                     - Wähle anschließend im Auswahlmenü die Option <strong>„-- Neuen Dokumententyp erstellen
@@ -266,8 +266,8 @@
             </div>
 
             <div class="step" id="editDoc">
-                <h2>Dokumententyp bearbeiten</h2>
-                <p>
+                <h2 id="hp_editDoc_h2">Dokumententyp bearbeiten</h2>
+                <p id="hp_editDoc_p">
                     - Öffne oben links das Burgermenü und wähle den Punkt <strong>„Dokumententypen
                         verwalten“</strong>.<br>
                     - Wähle anschließend im Auswahlmenü den zu bearbeitenden Dokumententyp aus.<br>
@@ -282,8 +282,8 @@
             </div>
 
             <div class="step" id="deleteDoc">
-                <h2>Dokumententyp löschen</h2>
-                <p> - Öffne oben links das Burgermenü und wähle den Punkt <strong>„Dokumententypen
+                <h2 id="hp_deleteDoc_h2">Dokumententyp löschen</h2>
+                <p id="hp_deleteDoc_p"> - Öffne oben links das Burgermenü und wähle den Punkt <strong>„Dokumententypen
                         verwalten“</strong>.<br>
                     - Wähle anschließend im Auswahlmenü den zu löschenden Dokumententyp aus.<br>
                     - Klicke abschließend auf <strong>„Dokumententyp löschen“</strong>.<br><br>