commit 07/02/2026
This commit is contained in:
@@ -20,20 +20,72 @@
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="card" id="streamercard">
|
||||
<div class="card streamercard" id="streamercard">
|
||||
<div class="card-body card-channel">
|
||||
<h4 class="card-title" id="streamertitle">Channel 01</h4>
|
||||
<h4 class="card-title streamertitle" id="streamertitle">Channel 01</h4>
|
||||
<div class="row">
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
||||
<h6 class="text-muted mb-2" id="streamerip">IP : 192.168.10.10</h6>
|
||||
<div class="col-3">
|
||||
<p class="w-100 h-100 align-content-center">IP</p>
|
||||
</div>
|
||||
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
||||
<h6 class="text-muted mb-2" id="streamerbuffer">Free : 64KB</h6>
|
||||
<div class="col">
|
||||
<p class="w-100 h-100 align-content-center streamerip" id="streamerip">N/A</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="card-text" id="streamerstatus">Status : Idle</p>
|
||||
<div class="progress" id="streamervu">
|
||||
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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>
|
||||
|
||||
Reference in New Issue
Block a user