45 lines
No EOL
1.4 KiB
HTML
Executable file
45 lines
No EOL
1.4 KiB
HTML
Executable file
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Websocket Client</title>
|
|
<link rel="stylesheet" href="/client/index_style.css">
|
|
<link rel="icon" href="/client/icons/favicon.ico" type="image/x-icon">
|
|
</head>
|
|
<body>
|
|
<!-- === Menü === -->
|
|
<header>
|
|
<h1>Video Konvertierung</h1>
|
|
<nav>
|
|
<img src="/client/icons/stat-100.png" onclick="openPopup()" alt="Statisiken" width="50" style="cursor: pointer;">
|
|
</nav>
|
|
</header>
|
|
|
|
<!-- === Aktive Konvertierungen === -->
|
|
<section id="active-conversions">
|
|
<h2>Aktive Konvertierungen</h2>
|
|
<!-- Wird dynamisch mit JS gefüllt -->
|
|
</section>
|
|
|
|
<!-- === Warteschleife === -->
|
|
<section id="queue">
|
|
<h2>Warteschleife</h2>
|
|
<!-- Wird dynamisch mit JS gefüllt -->
|
|
</section>
|
|
|
|
<!-- === Statistikbereich === -->
|
|
<div id="popup" class="popup">
|
|
<div class="popup-content">
|
|
<div class="flex-row">
|
|
<h2>Allgemeine Statistiken</h2>
|
|
<img src="/client/icons/close-144.png" onclick="closePopup()" alt="Statisiken" width="15" style="cursor: pointer;">
|
|
</div>
|
|
<p>Hier könnten Diagramme, Durchschnittswerte etc. angezeigt werden.</p>
|
|
<section id="stat"></section>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/client/media_conversion.js"></script>
|
|
<script src="/client/media_stat.js"></script>
|
|
</body>
|
|
</html> |