95 lines
4.1 KiB
HTML
95 lines
4.1 KiB
HTML
<!DOCTYPE html>
|
|
<html data-bs-theme="light" lang="en">
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
|
|
<title>AAS_NewGen_28OKT25rev1</title>
|
|
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
|
|
<link rel="stylesheet" href="assets/css/Font%20Awesome%205%20Brands.css">
|
|
<link rel="stylesheet" href="assets/css/Font%20Awesome%205%20Duotone.css">
|
|
<link rel="stylesheet" href="assets/css/Font%20Awesome%205%20Pro.css">
|
|
<link rel="stylesheet" href="assets/css/Font%20Awesome%206%20Brands.css">
|
|
<link rel="stylesheet" href="assets/css/Font%20Awesome%206%20Duotone.css">
|
|
<link rel="stylesheet" href="assets/css/Font%20Awesome%206%20Pro.css">
|
|
<link rel="stylesheet" href="assets/css/FontAwesome.css">
|
|
<link rel="stylesheet" href="assets/css/bss-overrides.css">
|
|
<link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
|
|
<link rel="stylesheet" href="assets/css/styles.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="card streamercard" id="streamercard">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle">Channel 01</h4>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<p class="w-100 h-100 align-content-center">IP</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="w-100 h-100 align-content-center streamerip" id="streamerip">N/A</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<p class="w-100 h-100 align-content-center">Buffer</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="w-100 h-100 align-content-center streamerbuffer" id="streamerbuffer">N/A</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<p class="w-100 h-100 align-content-center">Status</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="w-100 h-100 align-content-center streamerstatus" id="streamerstatus">N/A</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<p class="w-100 h-100 align-content-center">File</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="w-100 h-100 align-content-center streamerfile" id="streamerfile">N/A</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<p class="w-100 h-100 align-content-center">Zones</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="w-100 h-100 align-content-center streamerzones" id="streamerzones">N/A</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<p class="w-100 h-100 align-content-center">Duration</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="w-100 h-100 align-content-center streamerduration" id="streamerduration">N/A</p>
|
|
</div>
|
|
<div class="col-3">
|
|
<p class="w-100 h-100 align-content-center">Elapsed</p>
|
|
</div>
|
|
<div class="col">
|
|
<p class="w-100 h-100 align-content-center streamerelapsed" id="streamerelapsed">N/A</p>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<p class="w-100 h-100 align-content-center">VU</p>
|
|
</div>
|
|
<div class="col">
|
|
<div class="progress w-100 h-50 streamervu" id="streamervu">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/bs-init.js"></script>
|
|
</body>
|
|
|
|
</html> |