From 0bbbb2f9b7a47596ebd88bb1e31f1fb94a9fec1b Mon Sep 17 00:00:00 2001 From: Verena Schulz Date: Tue, 25 Nov 2025 15:11:18 +0100 Subject: [PATCH 01/21] Fixed submit button bug and progessbar not showing when uploading video with button --- electron/main/renderer.js | 6 +++++- electron/main/script.js | 5 ++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/electron/main/renderer.js b/electron/main/renderer.js index fcdd894..b8b4d4d 100644 --- a/electron/main/renderer.js +++ b/electron/main/renderer.js @@ -57,7 +57,11 @@ language_option.addEventListener('change', (e)=>{ videoUpload.addEventListener("change", () => { try { - activateSubmitBtn(videoUpload.files.length > 0); + if (videoUpload.files.length > 0) { + const file = videoUpload.files[0]; + handleFiles([file]); + } + activateSubmitBtn(currentVideoPath !== null); } catch (error) { console.log(error); } diff --git a/electron/main/script.js b/electron/main/script.js index 4e81495..f463501 100644 --- a/electron/main/script.js +++ b/electron/main/script.js @@ -1,4 +1,4 @@ - +let currentVideoPath = null; //function to check if one checkbox is at least klicked function checkBoxes() { try { @@ -98,11 +98,13 @@ function changeLanguage(language) { function handleFiles(files) { try { if (files.length > 0) { + document.getElementById("progressbar").style.visibility = "visible"; const file = files[0]; if (file.type.startsWith('video/')) { const filePath = window.explorer.onFileDrop(files[0]) videoUpload.files = files; fileName.textContent = `Chosen video: ${file.name}`; + currentVideoPath = filePath; generateThumbnail(filePath); activateSubmitBtn(true); } @@ -185,6 +187,7 @@ function loadLanguageOptions(){ } } + function activateSubmitBtn(hasFile){ try { submitButton.disabled = !hasFile; From ef379a5b7b041ce6975c980869f472366cea149a Mon Sep 17 00:00:00 2001 From: Verena Schulz Date: Tue, 25 Nov 2025 16:31:26 +0100 Subject: [PATCH 02/21] First prototype of new mockup --- electron/main/index.html | 23 +++++++++++++--- electron/main/script.js | 21 +++++++++++++++ electron/main/style.css | 57 ++++++++++++++++++++++++++++++++++++---- 3 files changed, 92 insertions(+), 9 deletions(-) diff --git a/electron/main/index.html b/electron/main/index.html index b4bfb5f..56aaf03 100644 --- a/electron/main/index.html +++ b/electron/main/index.html @@ -7,11 +7,21 @@ + +
+
1. Step
+
2. Step
+
3. Step
+
4. Step
+
-
+
+

Video to document

+
+
@@ -26,9 +36,9 @@
+
-

Video to document

- + + + - +
+ diff --git a/electron/main/script.js b/electron/main/script.js index f463501..f91430c 100644 --- a/electron/main/script.js +++ b/electron/main/script.js @@ -215,3 +215,24 @@ function generateThumbnail(path){ videoElement.style.maxHeight = 40; videoElement.autoplay = false; } + +const steps = document.querySelectorAll(".step"); +const stepButtons = document.querySelectorAll(".step-item"); + +function showStep(stepNumber) { + // Steps ein/ausblenden + steps.forEach(step => step.style.display = "none"); + document.getElementById("step" + stepNumber).style.display = "block"; + + // Navigation highlighten + stepButtons.forEach(btn => btn.classList.remove("active")); + document.querySelector(`.step-item[data-step="${stepNumber}"]`).classList.add("active"); +} + +// Klick-Events +stepButtons.forEach(btn => { + btn.addEventListener("click", () => { + const step = btn.dataset.step; + showStep(step); + }); +}); diff --git a/electron/main/style.css b/electron/main/style.css index 0912516..fe08c2a 100644 --- a/electron/main/style.css +++ b/electron/main/style.css @@ -108,8 +108,11 @@ gap: 5px; } .submit-btn { + display: flex; + justify-content: center; padding: 10px 20px; - margin-top: 10px; + margin-left: 80px; + margin-top: 30px; margin-bottom: 10px; background-color: #007BFF; color: white; @@ -126,7 +129,7 @@ gap: 5px; } .mitte { - background-color: #FDFCFA; + background-color: #FFF; display: flex; width: 700px; flex-direction: column; @@ -149,6 +152,7 @@ h1 { position: relative; width: 210px; height: 30px; + margin: 50px 20px 5px 20px; background: rgb(42, 46, 78); border-radius: 5px; overflow: hidden; @@ -173,9 +177,10 @@ h1 { .dropdownMenus { display: flex; - justify-content: flex-end; + justify-content: center; margin-top: 1px; - gap: 150px; + margin-bottom: 30px; + gap: 170px; padding: 2px 10px 2px 10px; } @@ -184,5 +189,47 @@ h1 { } .labelDiv { - gap: 200px; + gap: 60px; + display: flex; + justify-content: center; + overflow-wrap:inherit; + padding-bottom: 20px; + margin-top: 40px; + margin-bottom: 10px; +} + +/*Step bar*/ +.step-nav { + display: flex; + gap: 20px; + margin-top: 20px; + background: #fff; + padding: 10px 20px; + border-radius: 6px; + box-shadow: 0 4px 10px rgba(0,0,0,0.1); +} + +.step-item { + padding: 10px 15px; + border-radius: 8px; + background: #eee; + cursor: pointer; + font-weight: bold; + transition: 0.2s; +} + +.step-item.active { + background: #007BFF; + color: white; +} + +.step-item:hover { + background: #d9d9d9; +} + +/*panels*/ +.step { + display: flex; + flex-direction: column; + justify-content: center; } \ No newline at end of file From 4f0d2bcc4a56955f123cafbee61bc6c3931023f8 Mon Sep 17 00:00:00 2001 From: Verena Schulz Date: Thu, 27 Nov 2025 18:57:17 +0100 Subject: [PATCH 03/21] Fixed mockup sequence --- electron/main/index.html | 33 +++++++++++++++++---------------- 1 file changed, 17 insertions(+), 16 deletions(-) diff --git a/electron/main/index.html b/electron/main/index.html index 56aaf03..8bbb8cb 100644 --- a/electron/main/index.html +++ b/electron/main/index.html @@ -17,7 +17,22 @@

Video to document

-
+ +
+
+

Drag and drop video file

+ +
No video chosen
+
+ +
+ + +
+
+ + - - -