emily/video2document
1
0
Fork 0
mirror of https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git synced 2026-06-15 18:01:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Added headings, some finetuning

Browse Source
This commit is contained in:
Verena Schulz
2025-12-30 16:53:25 +01:00
parent df7ca369de
commit f5c2e2700b
2 changed files with 14 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
electron/main/index.html
+6 -1
View File
@@ -43,6 +43,7 @@
<div class="mitte" id="mitte"> <div class="mitte" id="mitte">
<div class="step" id="step1"> <div class="step" id="step1">
<h2 id="h2">Upload your Video here:</h2>
<div class="upload-container" id="uploadContainer"> <div class="upload-container" id="uploadContainer">
<p id="p1">Drag and drop video file</p> <p id="p1">Drag and drop video file</p>
<video id="previewThumbnail" autoplay="false"> <video id="previewThumbnail" autoplay="false">
@@ -57,6 +58,7 @@
</div> </div>
<div class="step" id="step2" style="display:none;"> <div class="step" id="step2" style="display:none;">
<h2 id="h2">Choose your preferences:</h2>
<div class="KI-wrapper"> <div class="KI-wrapper">
<label id="labelKI">Select ki:</label> <label id="labelKI">Select ki:</label>
<select name="ai_type" id="ai_type"></select> <select name="ai_type" id="ai_type"></select>
@@ -86,7 +88,7 @@
<div class="step" id="step3" style="display:none;"> <div class="step" id="step3" style="display:none;">
<div class="checkbox-group"> <div class="checkbox-group">
<label id="checkbox-label" for="checkbox-group">Choose prefered document style:</label> <h2 id="h2">Choose prefered document style:</h2>
<div class="checkbox-container"> <div class="checkbox-container">
<input type="checkbox" name ="docFormat" id="docFormat" value="followup-report"> <input type="checkbox" name ="docFormat" id="docFormat" value="followup-report">
<label id="label_format" for="docFormat">Follow-up Report</label> <label id="label_format" for="docFormat">Follow-up Report</label>
@@ -113,6 +115,7 @@
</div> </div>
<div class="step" id="step4" style="display:none;"> <div class="step" id="step4" style="display:none;">
<h2 id="h2">Klick to submit:</h2>
<button class="submit-btn" id="submitButton" onclick="checkBoxes()" disabled>Submit</button> <button class="submit-btn" id="submitButton" onclick="checkBoxes()" disabled>Submit</button>
<div class="testy" id="testy"> <div class="testy" id="testy">
@@ -131,6 +134,7 @@
</div> </div>
<div class="step" id="step5" style="display:none;"> <div class="step" id="step5" style="display:none;">
<h2 id="h2">Change names of the speakers:</h2>
<div class="speakerView" id="speakerView"> <div class="speakerView" id="speakerView">
<label id="labelSpeaker">Select Speaker:</label> <label id="labelSpeaker">Select Speaker:</label>
<select name="cur_speaker" id="cur_speaker"> <select name="cur_speaker" id="cur_speaker">
@@ -153,6 +157,7 @@
</div> </div>
<div class="step" id="step6" style="display:none;"> <div class="step" id="step6" style="display:none;">
<h2 id="h2">Klick to download your document:</h2>
<button class="download-btn" id="downloadButton" onclick="fileDownload()">Download</button> <button class="download-btn" id="downloadButton" onclick="fileDownload()">Download</button>
</div> </div>
</div> </div>
electron/main/style.css
+8 -4
View File
@@ -113,7 +113,7 @@ body {
} }
.KI-wrapper { .KI-wrapper {
margin-top: 40px; margin-top: 10px;
} }
input[type="file"] { input[type="file"] {
@@ -186,7 +186,7 @@ input[type="file"] {
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 10px 20px; padding: 10px 20px;
margin: 130px auto 10px auto; margin: 100px auto 10px auto;
background-color: #007BFF; background-color: #007BFF;
color: white; color: white;
border: none; border: none;
@@ -297,10 +297,10 @@ input[type="file"] {
/*panels*/ /*panels*/
.step { .step {
margin-top: 70px; margin-top: 50px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-height: 400px; min-height: 425px;
} }
/*Navigation arrows*/ /*Navigation arrows*/
@@ -511,3 +511,7 @@ li {
cursor: pointer; cursor: pointer;
font-size: 14px; font-size: 14px;
} }
#h2 {
font-size: 25px;
}