Implemented the script part from the custom_document.html file into the base script.js and renderer.js

2026-06-15 18:01:52 +02:00 · 2026-01-10 19:04:37 +01:00
parent 3c3d7a1d3e
commit 7bce7c8d36
4 changed files with 263 additions and 256 deletions
@@ -38,12 +38,12 @@ function changeLanguage(language) {
    document.getElementById('box2_p2').textContent = languageOptions[language].box2_p2;
    document.getElementById('box3_p3').textContent = languageOptions[language].box3_p3;
    document.getElementById('labelType').textContent = languageOptions[language].labelType;
-    
+
  } catch (error) {
    console.log("Error in script.js changeLanguage function");
    console.log(error);
  }
-        
+
 }

 /*
@@ -59,7 +59,7 @@ let currentStep = 1;
 const totalSteps = steps.length;

 function showStep(stepNumber) {
-  if (stepNumber < 1 || stepNumber > totalSteps){
+  if (stepNumber < 1 || stepNumber > totalSteps) {
    console.error("StepNumber out of Bounds", stepNumber);
    return;
  }
@@ -70,7 +70,7 @@ function showStep(stepNumber) {
  document.querySelector(`.step-item[data-step="${stepNumber}"]`).classList.add("active");
  const activeBtn = document.querySelector(`.step-item[data-step="${stepNumber}"]`);

-  if(activeBtn) activeBtn.classList.add("active");
+  if (activeBtn) activeBtn.classList.add("active");

  prevBtn.disabled = stepNumber == 1;
  nextBtn.disabled = stepNumber === totalSteps;
@@ -105,7 +105,7 @@ function handleFiles(files) {
 }

 //Video thumbnail generation. Shows a scene from the selected video file as a preview
-function generateThumbnail(path){
+function generateThumbnail(path) {
  try {
    const videoElement = document.getElementById("previewThumbnail");
    while (videoElement.firstChild) videoElement.removeChild(videoElement.firstChild);
@@ -119,7 +119,7 @@ function generateThumbnail(path){
    console.log("Error in the generateThumbnail function in the script.js file \n");
    console.log(error);
  }
-  
+
 }


@@ -131,13 +131,13 @@ Functions used in Step 2
 */

 //function to load ai options to the drop down list
-function loadAiOptions(options){
+function loadAiOptions(options) {
  try {
    var menu = document.getElementById('ai_type');
    var object_holdy;
-    var choice ;
+    var choice;
    object_holdy = options
-    for(i = 0; i < options.length; i++){
+    for (i = 0; i < options.length; i++) {
      choice = document.createElement('option');
      choice.textContent = object_holdy[i].displayname;
      choice.value = object_holdy[i].name;
@@ -150,13 +150,13 @@ function loadAiOptions(options){
 }

 //function to load transcription options to the drop down list
-function loadTranscriptionOptions(options){
+function loadTranscriptionOptions(options) {
  try {
    var menu = document.getElementById('transkript_type');
    var object_holdy;
-    var choice ;
+    var choice;
    object_holdy = options
-    for(i = 0; i < options.length; i++){
+    for (i = 0; i < options.length; i++) {
      choice = document.createElement('option');
      choice.textContent = object_holdy[i].displayname;
      choice.value = object_holdy[i].name;
@@ -169,13 +169,13 @@ function loadTranscriptionOptions(options){
 }

 //function to load data type options to the drop down list
-function loadDataTypeOptions(options){
+function loadDataTypeOptions(options) {
  try {
    var menu = document.getElementById('output_type');
    var object_holdy;
-    var choice ;
+    var choice;
    object_holdy = options
-    for(i = 0; i < options.length; i++){
+    for (i = 0; i < options.length; i++) {
      choice = document.createElement('option');
      choice.textContent = object_holdy[i].displayname;
      choice.value = object_holdy[i].name;
@@ -188,14 +188,14 @@ function loadDataTypeOptions(options){
 }

 //function to load language options to the drop down list
-function loadLanguageOptions(){
+function loadLanguageOptions() {
  try {
-    
+
    var menu = document.getElementById('language_option');
    var object_holdy;
-    var choice ;
+    var choice;
    object_holdy = Object.keys(languageOptions);
-    for(i = 0; i < object_holdy.length; i++){
+    for (i = 0; i < object_holdy.length; i++) {
      choice = document.createElement('option');
      choice.textContent = object_holdy[i];
      choice.value = object_holdy[i];
@@ -231,8 +231,8 @@ function checkBoxes() {
    const checkboxes = document.querySelectorAll('input[name="docFormat"]');
    let isChecked = false;
    var checkedCounter = 0;
-    checkboxes.forEach(function(checkbox){
-      if(checkbox.checked){
+    checkboxes.forEach(function (checkbox) {
+      if (checkbox.checked) {
        isChecked = true;
        checkedCounter++;
      }
@@ -241,24 +241,24 @@ function checkBoxes() {
    if (isChecked) {
      //Code to submit the video
      var selectedCheckboxes = {};
-      checkboxes.forEach(function(checkbox){
-        if(checkbox.checked){
+      checkboxes.forEach(function (checkbox) {
+        if (checkbox.checked) {
          selectedCheckboxes[checkbox.nextElementSibling.textContent] = "";
-        } 
+        }
      });

      const testEndings = [".mp4", ".mov", ".avi", ".mkv"];
      var pathTest = window.electronAPI.getFilePath(videoUpload.files[0]);
      var pathToLower = pathTest.toLowerCase();
-      if(testEndings.some(e => pathToLower.endsWith(e))){
+      if (testEndings.some(e => pathToLower.endsWith(e))) {
        //assembly of the json for the main

        var typeCheckbox;
-        if(document.getElementById("docFormat").checked) typeCheckbox = document.getElementById("docFormat").value;
-        if(document.getElementById("docFormatSummary1").checked) typeCheckbox = document.getElementById("docFormatSummary1").value;
-        if(document.getElementById("docFormatSummary2").checked) typeCheckbox = document.getElementById("docFormatSummary2").value;
-        if(document.getElementById("docFormatSummary3").checked) typeCheckbox = document.getElementById("docFormatSummary3").value;
-        if(document.getElementById("docFormatCustom").checked) typeCheckbox = document.getElementById("docFormatCustom").value;
+        if (document.getElementById("docFormat").checked) typeCheckbox = document.getElementById("docFormat").value;
+        if (document.getElementById("docFormatSummary1").checked) typeCheckbox = document.getElementById("docFormatSummary1").value;
+        if (document.getElementById("docFormatSummary2").checked) typeCheckbox = document.getElementById("docFormatSummary2").value;
+        if (document.getElementById("docFormatSummary3").checked) typeCheckbox = document.getElementById("docFormatSummary3").value;
+        if (document.getElementById("docFormatCustom").checked) typeCheckbox = document.getElementById("docFormatCustom").value;

        document.getElementById("testy").style.visibility = "visible"
        document.getElementById("box1").style.backgroundColor = "red";
@@ -271,20 +271,20 @@ function checkBoxes() {
        const aiType = document.getElementById("ai_type");
        const sendingPackage = {
          "video": {
-            "module":"extraction-video-to-audio",
+            "module": "extraction-video-to-audio",
            "inputVideoPath": pathTest
          },
          "transcription": {
            "module": transcriptionType.value
          },
          "document": {
-            "module":aiType.value,
+            "module": aiType.value,
            "type": typeCheckbox,
            "outputType": outputType.value
          }
        };
        window.submit.submit(sendingPackage)
-      }else{
+      } else {
        alert('The given file is not compatible. These are the available types: [".mp4", ".mov", ".avi", ".mkv"].');
      }

@@ -297,11 +297,11 @@ function checkBoxes() {
    console.log("Error in script.js checkBoxes function");
    console.log(error);
  }
-  
+
 }

 //function the the submit button on step 4 can be pressed
-function activateSubmitBtn(hasFile){
+function activateSubmitBtn(hasFile) {
  try {
    document.getElementById("submitButton").disabled = !hasFile;
  } catch (error) {
@@ -319,11 +319,11 @@ function updateProgressBar(bar, value) {
    console.log("Error in scripts.js updateProgressBar function");
    console.log(error);
  }
-  
+
 }

 //function to hide the progressbar
-function deaktivateProgressbar(){
+function deaktivateProgressbar() {
  try {
    document.getElementById("progressbar").style.visibility = "hidden";
  } catch (error) {
@@ -339,17 +339,17 @@ Functions used in Step 5


 //function to load speaker options to the drop down list
-function loadSpeakerOptions(options){
+function loadSpeakerOptions(options) {
  try {
    var menu = document.getElementById('cur_speaker');
-    var l = document.getElementById('cur_speaker').options.length -1;
-    for(i = l; i >= 0; i--){
+    var l = document.getElementById('cur_speaker').options.length - 1;
+    for (i = l; i >= 0; i--) {
      menu.remove(i);
    }
    var object_holdy;
    var choice;
    object_holdy = Object.keys(options);
-    for(i = 0; i < object_holdy.length; i++){
+    for (i = 0; i < object_holdy.length; i++) {
      choice = document.createElement('option');
      choice.textContent = options[object_holdy[i]].name;
      choice.value = object_holdy[i];
@@ -363,7 +363,7 @@ function loadSpeakerOptions(options){
 }

 //function to load speaker audio file options to the drop down list
-function loadSpeakerAudio(option){
+function loadSpeakerAudio(option) {
  try {
    var menu = document.getElementById('speakerAudioViewer');
    var aud = document.createElement("source");
@@ -378,17 +378,17 @@ function loadSpeakerAudio(option){
 //Audio value setter
 var speakerAudios = {};
 var speakerEndValues = {};
-function setSpeakerAudiosValue(valy){
+function setSpeakerAudiosValue(valy) {
  try {
    speakerAudios = valy;
    speakerRewriten = valy;
    document.getElementById("speakerAudioViewer").src = valy.speakerA.src;
  } catch (error) {
-    
+
  }
 }
 //Function to rewrite the speaker name in the json
-function rewriteSpeakerName(){
+function rewriteSpeakerName() {
  try {
    var tempy = document.getElementById("cur_speaker").value;
    speakerAudios[tempy].name = document.getElementById("newSpeaker").value;
@@ -398,7 +398,7 @@ function rewriteSpeakerName(){
  }
 }
 //Function to send the json with the given names back to the program to rewrite the document file
-function sendSpeakerPackages(){
+function sendSpeakerPackages() {
  try {
    window.submitSpeaker.speaker_submit(speakerAudios);
  } catch (error) {
@@ -421,14 +421,29 @@ function fileDownload() {
 }


-window.api.getTxtFiles().then(files => {
-            files.forEach(file => {
-            const option = document.createElement('option');
-            option.value = file;
-            option.textContent = file
-            .replace('.txt', '')          // Endung entfernen
-             .replace(/_/g, ' ')           // Leerzeichen ersetzen
-             .replace(/\b\w/g, c => c.toUpperCase()) // ersten Buchstaben groß
-            costumDocumentType.appendChild(option);
-            });
-        });
+
+
+
+/*
+
+Functions for the custom document section
+
+*/
+
+//reload drop down
+function reloadDocuments() {
+  [...existingDocs.querySelectorAll('option:not([value="newDoc"])')]
+    .forEach(o => o.remove());
+
+  window.api.getTxtFiles().then(files => {
+    files.forEach(file => {
+      const option = document.createElement('option');
+      option.value = file;
+      option.textContent = file
+        .replace('.txt', '')          // Endung entfernen
+        .replace(/_/g, ' ')           // Leerzeichen ersetzen
+        .replace(/\b\w/g, c => c.toUpperCase()) // ersten Buchstaben groß
+      existingDocs.appendChild(option);
+    });
+  });
+}