mirror of
https://gitlab.rlp.net/proj-wise2526-video2document/video2document.git
synced 2026-06-16 02:11:52 +02:00
Language selection implemented and UI reworked
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user