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

Chechboxes and submit button

Browse Source
This commit is contained in:
Verena Schulz
2025-11-05 17:05:29 +01:00
parent 5d9e41d0f3
commit 99c8bea0be
2 changed files with 38 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
electron/main/index.html
+13 -6
View File
@@ -19,14 +19,21 @@
<button class="custom-btn" id="manualUploadBtn">Search video</button> <button class="custom-btn" id="manualUploadBtn">Search video</button>
<input type="file" id="videoUpload" accept="video/*"> <input type="file" id="videoUpload" accept="video/*">
<div class="dropdown-container"> <div class="checkbox-group">
<label for="docFormat">Choose prefered document style:</label> <label for="checkbox-group">Choose prefered document style:</label>
<select name="docFormat" id="docFormat"> <div class="checkbox-container">
<option value"bericht-inhalt-zeitmarken">Meeting report and summary with timestamps</option> <input type="checkbox" id="docFormat">
<option value"custom">custom</option> <label for "docFormat">Meeting report and summary with timestamps</label>
</select>
</div> </div>
<div class="checkbox-container">
<input type="checkbox" id="docFormatCustom">
<label for "docFormatCustom">Custom</label>
</div>
</div>
<button class="submit-btn" id="submitButton">Submit Video</button>
<script src="script.js"></script> <script src="script.js"></script>
</body> </body>
</html> </html>
electron/main/style.css
+22 -1
View File
@@ -58,15 +58,36 @@ body {
background-color: #0056b3; background-color: #0056b3;
} }
.submit-btn:hover {
background-color: #0056b3;
}
input[type="file"] { input[type="file"] {
display: none; display: none;
} }
.dropdown-container{ .checkbox-container{
margin-top: 8px;
display: flex;
align-items: center;
gap: 5px;
}
.checkbox-group {
margin-top: 15px; margin-top: 15px;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 10px;
align-items: flex-start; align-items: flex-start;
} }
.submit-btn {
padding: 10px 20px;
background-color: #007BFF;
color: white;
border: none;
border-radius: 8px;
cursor: pointer;
font-size: 14px;
}