4689 lines
313 KiB
HTML
4689 lines
313 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/fonts/font-awesome.min.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="row">
|
|
<div class="col w-100 h-100 pad-header">
|
|
<h2 style="text-align: center;">Overview</h2>
|
|
</div>
|
|
</div>
|
|
<div class="accordion" role="tablist" id="accordion-1">
|
|
<div class="accordion-item pad-accordion">
|
|
<h2 class="accordion-header" role="tab"><button class="accordion-button bg-heading1" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="true" aria-controls="accordion-1 .item-1">Channel Status</button></h2>
|
|
<div class="accordion-collapse collapse show item-1 bg-accordion" role="tabpanel" data-bs-parent="#accordion-1">
|
|
<div class="accordion-body">
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch01">
|
|
<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>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch02">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-1">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-1">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-1">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-1">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-1">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-1">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-1">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-1">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-1">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch03">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-2">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-2">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-2">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-2">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-2">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-2">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-2">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-2">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-2">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch04">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-3">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-3">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-3">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-3">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-3">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-3">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-3">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-3">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-3">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch05">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-4">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-4">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-4">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-4">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-4">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-4">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-4">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-4">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-4">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch06">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-5">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-5">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-5">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-5">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-5">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-5">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-5">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-5">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-5">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch07">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-6">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-6">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-6">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-6">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-6">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-6">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-6">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-6">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-6">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch08">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-7">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-7">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-7">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-7">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-7">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-7">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-7">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-7">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-7">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch09">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-8">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-8">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-8">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-8">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-8">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-8">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-8">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-8">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-8">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch10">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-9">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-9">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-9">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-9">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-9">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-9">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-9">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-9">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-9">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch11">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-10">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-10">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-10">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-10">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-10">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-10">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-10">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-10">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-10">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch12">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-11">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-11">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-11">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-11">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-11">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-11">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-11">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-11">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-11">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch13">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-12">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-12">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-12">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-12">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-12">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-12">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-12">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-12">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-12">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch14">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-13">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-13">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-13">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-13">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-13">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-13">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-13">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-13">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-13">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch15">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-14">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-14">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-14">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-14">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-14">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-14">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-14">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-14">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-14">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch16">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-15">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-15">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-15">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-15">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-15">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-15">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-15">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-15">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-15">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch17">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-16">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-16">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-16">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-16">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-16">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-16">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-16">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-16">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-16">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch18">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-17">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-17">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-17">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-17">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-17">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-17">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-17">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-17">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-17">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch19">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-18">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-18">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-18">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-18">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-18">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-18">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-18">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-18">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-18">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch20">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-19">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-19">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-19">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-19">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-19">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-19">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-19">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-19">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-19">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch21">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-20">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-20">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-20">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-20">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-20">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-20">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-20">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-20">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-20">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch22">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-21">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-21">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-21">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-21">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-21">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-21">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-21">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-21">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-21">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch23">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-22">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-22">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-22">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-22">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-22">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-22">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-22">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-22">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-22">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch24">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-23">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-23">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-23">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-23">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-23">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-23">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-23">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-23">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-23">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch25">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-24">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-24">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-24">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-24">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-24">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-24">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-24">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-24">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-24">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch26">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-25">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-25">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-25">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-25">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-25">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-25">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-25">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-25">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-25">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch27">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-26">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-26">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-26">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-26">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-26">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-26">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-26">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-26">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-26">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch28">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-27">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-27">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-27">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-27">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-27">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-27">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-27">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-27">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-27">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch29">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-28">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-28">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-28">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-28">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-28">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-28">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-28">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-28">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-28">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch30">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-29">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-29">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-29">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-29">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-29">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-29">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-29">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-29">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-29">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch31">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-30">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-30">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-30">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-30">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-30">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-30">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-30">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-30">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-30">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch32">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-31">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-31">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-31">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-31">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-31">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-31">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-31">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-31">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-31">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch33">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-32">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-32">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-32">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-32">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-32">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-32">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-32">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-32">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-32">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch34">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-33">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-33">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-33">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-33">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-33">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-33">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-33">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-33">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-33">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch35">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-34">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-34">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-34">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-34">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-34">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-34">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-34">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-34">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-34">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch36">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-35">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-35">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-35">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-35">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-35">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-35">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-35">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-35">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-35">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch37">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-36">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-36">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-36">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-36">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-36">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-36">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-36">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-36">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-36">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch38">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-37">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-37">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-37">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-37">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-37">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-37">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-37">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-37">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-37">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch39">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-38">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-38">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-38">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-38">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-38">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-38">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-38">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-38">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-38">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch40">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-39">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-39">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-39">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-39">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-39">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-39">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-39">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-39">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-39">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch41">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-40">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-40">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-40">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-40">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-40">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-40">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-40">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-40">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-40">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch42">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-41">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-41">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-41">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-41">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-41">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-41">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-41">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-41">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-41">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch43">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-42">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-42">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-42">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-42">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-42">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-42">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-42">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-42">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-42">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch44">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-43">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-43">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-43">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-43">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-43">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-43">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-43">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-43">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-43">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch45">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-44">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-44">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-44">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-44">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-44">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-44">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-44">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-44">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-44">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch46">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-45">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-45">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-45">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-45">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-45">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-45">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-45">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-45">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-45">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch47">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-46">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-46">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-46">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-46">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-46">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-46">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-46">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-46">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-46">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch48">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-47">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-47">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-47">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-47">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-47">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-47">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-47">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-47">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-47">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch49">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-48">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-48">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-48">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-48">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-48">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-48">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-48">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-48">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-48">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch50">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-49">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-49">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-49">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-49">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-49">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-49">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-49">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-49">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-49">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch51">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-50">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-50">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-50">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-50">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-50">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-50">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-50">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-50">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-50">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch52">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-51">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-51">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-51">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-51">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-51">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-51">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-51">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-51">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-51">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch53">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-52">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-52">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-52">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-52">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-52">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-52">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-52">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-52">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-52">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch54">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-53">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-53">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-53">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-53">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-53">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-53">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-53">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-53">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-53">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch55">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-54">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-54">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-54">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-54">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-54">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-54">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-54">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-54">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-54">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch56">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-55">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-55">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-55">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-55">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-55">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-55">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-55">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-55">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-55">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch57">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-56">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-56">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-56">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-56">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-56">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-56">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-56">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-56">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-56">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch58">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-57">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-57">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-57">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-57">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-57">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-57">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-57">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-57">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-57">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch59">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-58">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-58">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-58">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-58">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-58">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-58">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-58">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-58">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-58">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch60">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-59">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-59">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-59">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-59">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-59">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-59">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-59">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-59">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-59">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row streamerrow">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch61">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-60">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-60">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-60">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-60">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-60">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-60">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-60">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-60">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-60">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch62">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-61">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-61">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-61">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-61">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-61">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-61">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-61">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-61">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-61">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch63">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-62">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-62">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-62">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-62">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-62">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-62">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-62">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-62">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-62">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card streamercol">
|
|
<div class="card streamercard" id="ch64">
|
|
<div class="card-body card-channel">
|
|
<h4 class="card-title streamertitle" id="streamertitle-63">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-63">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-63">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-63">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-63">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-63">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-63">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-63">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-63">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item pad-accordion pad-2">
|
|
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed bg-heading2" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="false" aria-controls="accordion-1 .item-2">Paging Queue</button></h2>
|
|
<div class="accordion-collapse collapse item-2 pad-2" role="tabpanel" data-bs-parent="#accordion-1">
|
|
<div class="accordion-body">
|
|
<div class="row">
|
|
<div class="table-responsive">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th class="class05">Index</th>
|
|
<th class="class10">Date Time</th>
|
|
<th class="class15">Source</th>
|
|
<th class="class10">Type</th>
|
|
<th class="class30">Message</th>
|
|
<th class="class30">Broadcast Zones</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="pagingqueuetable"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col"><button class="btn w-100 pad-button btn-round-basic color-add" id="clearpagingqueue" type="button">Clear Queue</button></div>
|
|
<div class="col"><button class="btn w-100 pad-button btn-round-basic color-remove" id="removepagingqueue" type="button">Remove Queue</button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item pad-accordion">
|
|
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed bg-heading3" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-3" aria-expanded="false" aria-controls="accordion-1 .item-3">Automatic Queue</button></h2>
|
|
<div class="accordion-collapse collapse item-3" role="tabpanel" data-bs-parent="#accordion-1">
|
|
<div class="accordion-body">
|
|
<div class="row">
|
|
<div class="table-responsive">
|
|
<table class="table">
|
|
<thead>
|
|
<tr>
|
|
<th class="class05">Index</th>
|
|
<th class="class10">Date Time</th>
|
|
<th class="class15">Source</th>
|
|
<th class="class10">Type</th>
|
|
<th class="class30">Message</th>
|
|
<th class="class30">Broadcast Zones</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="automaticqueuetable"></tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col"><button class="btn w-100 pad-button btn-round-basic color-add" id="clearautomatictable" type="button">Clear Queue</button></div>
|
|
<div class="col"><button class="btn w-100 pad-button btn-round-basic color-remove" id="removeautomatictable" type="button">Remove Queue</button></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="accordion-item pad-accordion">
|
|
<h2 class="accordion-header" role="tab"><button class="accordion-button collapsed bg-heading3" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="false" aria-controls="accordion-1 .item-4">Remote Listening</button></h2>
|
|
<div class="accordion-collapse collapse item-4" role="tabpanel" data-bs-parent="#accordion-1">
|
|
<div class="accordion-body">
|
|
<div class="row">
|
|
<div class="col-4 col-sm-4 col-md-2 col-lg-2 col-xl-2">
|
|
<p class="text-add">Select Zone</p>
|
|
</div>
|
|
<div class="col-6 col-sm-6 col-md-4 col-lg-6 col-xl-6"><select id="listenzone" class="input-add form-select"></select></div>
|
|
<div class="col-2 col-sm-2 col-md-1 col-lg-1 col-xl-1"><button class="btn btn-round-basic color-add pad-play" id="startstoplisten" type="button"><i class="fa fa-play"></i></button></div>
|
|
<div class="col-12 col-sm-12 col-md-3 col-lg-3 col-xl-3"><audio id="listenaudio" controls="" autoplay=""></audio></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
|
|
<script src="assets/js/bs-init.js"></script>
|
|
<script src="assets/js/overview.js"></script>
|
|
</body>
|
|
|
|
</html> |