Language selection implemented and UI reworked

This commit is contained in:
Verena Schulz
2025-11-11 18:31:01 +01:00
parent da3a8c7d8c
commit d9e96316c0
7 changed files with 81 additions and 14 deletions
+16 -9
View File
@@ -3,15 +3,22 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Upload Drag and Drop + Button</title>
<title id="title">Video to document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="mitte" id="mitte">
<h1>Video to document</h1>
<div class="flagsBtns" id="flagsBtns">
<button class="de_Btn" id="de_Btn" onclick="changeLanguage('de')"><img src="flags/germany-flag-png-large.jpg" width="25px" height="20px"/></button>
<button class="eng_Btn" id="eng_Btn" onclick="changeLanguage('en')"><img src="flags/united-kingdom-flag-png-large.jpg" width="25px" height="20px"/></button>
<button class="in_Btn" id="in_Btn" onclick="changeLanguage('in')"><img src="flags/india-flag-png-large.png" width="25px" height="20px"/></button>
</div>
<h1 id="h1">Video to document</h1>
<div class="upload-container" id="uploadContainer">
<p>Drag and drop video file</p>
<p id="p1">Drag and drop video file</p>
<div class="file-name" id="fileName">No video chosen</div>
</div>
@@ -19,19 +26,19 @@
<input type="file" id="videoUpload" accept="video/*">
<div class="checkbox-group">
<label for="checkbox-group">Choose prefered document style:</label>
<label id="checkbox_group" for="checkbox-group">Choose prefered document style:</label>
<div class="checkbox-container">
<input type="checkbox" id="docFormat">
<label for "docFormat">Meeting report</label>
<input type="checkbox" name ="docFormat" id="docFormat">
<label id="label_format" for="docFormat">Meeting report</label>
</div>
<div class="checkbox-container">
<input type="checkbox" id="docFormatCustom">
<label for "docFormatCustom">Summary with timestamps</label>
<input type="checkbox" name="docFormat" id="docFormatSummary">
<label id="label_summary" for="docFormatSummary">Summary with timestamps</label>
</div>
</div>
<button class="submit-btn" id="submitButton">Submit Video</button>
<button class="submit-btn" id="submitButton">Submit</button>
<div class="progressbar">
<div class="progress_fill"></div>