video2document/electron/main/script.js

try {
  const uploadContainer = document.getElementById('uploadContainer');
  const fileInput = document.getElementById('videoUpload');
  const fileName = document.getElementById('fileName');
  const manualBtn = document.getElementById('manualUploadBtn');
  const videoPreview = document.getElementById('videoPreview');
  const submitBtn = document.getElementById('submitButton');
  const deButton = document.getElementById('de_Btn');
  const engButton = document.getElementById('eng_Btn');
  const inButton = document.getElementById('in_Btn');

} catch (error) {
  console.log("Error in skript value setting section");
}

//listener for the file explorer search
manualBtn.addEventListener('click', () => {
  try {
    fileInput.click();
  } catch (error) {
    console.log("Error in manualBtn EventListener click");
  }
  
});

//function to check if one checkbox is at least klicked
function checkBoxes() {
  const checkboxes = document.querySelectorAll('input[name="docFormat"]');
  let isChecked = false;

  checkboxes.forEach(function(checkbox){
    if(checkbox.checked){
      isChecked = true;
    }
  });

  if(isChecked){
    //Code to submit the video
  } else {
    //language only english at the moment
    alert('Please select at least one document type.');
  }
// mapFunctions.get("extraction-video-to-audio").function({inputVideoPath:"./a.mp4", outputType:"wav"})
}

//language changing feature
function changeLanguage(language) {
    if (language === 'en') {
        document.getElementById('title').textContent = 'Video to document';
        document.getElementById('h1').textContent = 'Video to document';
        document.getElementById('p1').textContent = 'Drag and drop video file';
        document.getElementById('fileName').textContent = 'No video chosen';
        document.getElementById('manualUploadBtn').textContent = 'Search video';
        document.getElementById('checkbox_group').textContent = 'Choose prefered document style:';
        document.getElementById('label_format').textContent = 'Meeting report';
        document.getElementById('label_summary').textContent = 'Summary with timestamps';
        document.getElementById('submitButton').textContent = 'Submit';
    } else if (language === 'de') {
        document.getElementById('title').textContent = 'Video zu Dokument';
        document.getElementById('h1').textContent = 'Video zu Dokument';
        document.getElementById('p1').textContent = 'Video per Drag & Drop ablegen';
        document.getElementById('fileName').textContent = 'Kein Video ausgewaehlt';
        document.getElementById('manualUploadBtn').textContent = 'Video suchen';
        document.getElementById('checkbox_group').textContent = 'Bevorzugte Dokumentvarianten:';
        document.getElementById('label_format').textContent = 'Meeting Bericht';
        document.getElementById('label_summary').textContent = 'Zusammenfassung mit Zeitstempeln';
        document.getElementById('submitButton').textContent = 'Absenden';
    } else if(language == "in") {
        document.getElementById('title').textContent = 'दस्तावेज़ के लिए वीडियो';
        document.getElementById('h1').textContent = 'दस्तावेज़ के लिए वीडियो';
        document.getElementById('p1').textContent = 'वीडियो फ़ाइल खींचें और छोड़ें';
        document.getElementById('fileName').textContent = 'कोई वीडियो नहीं चुना गया';
        document.getElementById('manualUploadBtn').textContent = 'वीडियो खोजें';
        document.getElementById('checkbox_group').textContent = 'पसंदीदा दस्तावेज़ शैली चुनें:';
        document.getElementById('label_format').textContent = 'बैठक रिपोर्ट';
        document.getElementById('label_summary').textContent = 'टाइमस्टैम्प के साथ सारांश';
        document.getElementById('submitButton').textContent = 'जमा करना';
    }
}


//listener for the file explorer search when something got selected
fileInput.addEventListener('change', () => {
  try {
    handleFiles(fileInput.files);
  } catch (error) {
    console.log("Error in manualBtn EventListener change");
  }
  
});



//function to display the file path in the drop down box
function handleFiles(files) {
  try {
    if (files.length > 0) {
      const file = files[0];
      if (file.type.startsWith('video/')) {
        fileInput.files = files;
        fileName.textContent = `Chosen video: ${file.name}`;
      }
    }
  } catch (error) {
    console.log("Error in script.js handleFiles function");
  }
  
}

//function to regulate the progress on the progressbar
function updateProgressBar(bar, value){
  try {
    value = Math.round(value);
    bar.querySelector(".progress_fill").style.width = `${value}%`;
    bar.querySelector(".progress_text").textContent = `${value}%`;
  } catch (error) {
    console.log("Error in scripts.js updateProgressBar function");
  }
  
}