1361 lines
98 KiB
HTML
1361 lines
98 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 collapsed bg-heading1" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-1" aria-expanded="false" aria-controls="accordion-1 .item-1">Channel Status</button></h2>
|
|
<div class="accordion-collapse collapse item-1 bg-accordion" role="tabpanel" data-bs-parent="#accordion-1">
|
|
<div class="accordion-body">
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle01">Channel 01</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-xl-6 col-xxl-6 col-lg- 6">
|
|
<h6 class="text-muted mb-2" id="streamerip01">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-xl-6 col-xxl-6 col-lg- 6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer01">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus01">Status : Idle</p>
|
|
<div class="progress" id="streamervu01">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-1">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle02">Channel 02</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip02">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer02">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus02">Status : Idle</p>
|
|
<div class="progress" id="streamervu02">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-2">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle03">Channel 03</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip03">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer03">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus03">Status : Idle</p>
|
|
<div class="progress" id="streamervu03">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-3">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle04">Channel 04</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip04">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer04">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus04">Status : Idle</p>
|
|
<div class="progress" id="streamervu04">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-4">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle05">Channel 05</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip05">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer05">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus05">Status : Idle</p>
|
|
<div class="progress" id="streamervu05">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-5">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle06">Channel 06</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip06">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer06">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus06">Status : Idle</p>
|
|
<div class="progress" id="streamervu06">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-6">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle07">Channel 07</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip07">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer07">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus07">Status : Idle</p>
|
|
<div class="progress" id="streamervu07">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-7">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle08">Channel 08</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip08">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer08">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus08">Status : Idle</p>
|
|
<div class="progress" id="streamervu08">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-8">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle09">Channel 09</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip09">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer09">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus09">Status : Idle</p>
|
|
<div class="progress" id="streamervu09">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-9">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle10">Channel 10</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip10">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer10">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus10">Status : Idle</p>
|
|
<div class="progress" id="streamervu10">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-10">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle11">Channel 11</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip11">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer11">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus11">Status : Idle</p>
|
|
<div class="progress" id="streamervu11">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-11">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle12">Channel 12</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip12">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer12">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus12">Status : Idle</p>
|
|
<div class="progress" id="streamervu12">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-12">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle13">Channel 13</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip13">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer13">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus13">Status : Idle</p>
|
|
<div class="progress" id="streamervu13">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-13">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle14">Channel 14</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip14">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer14">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus14">Status : Idle</p>
|
|
<div class="progress" id="streamervu14">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-14">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle15">Channel 15</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip15">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer15">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus15">Status : Idle</p>
|
|
<div class="progress" id="streamervu15">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-15">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle16">Channel 16</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip16">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer16">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus16">Status : Idle</p>
|
|
<div class="progress" id="streamervu16">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-16">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle17">Channel 17</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip17">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer17">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus17">Status : Idle</p>
|
|
<div class="progress" id="streamervu17">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-17">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle18">Channel 18</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip18">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer18">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus18">Status : Idle</p>
|
|
<div class="progress" id="streamervu18">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-18">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle19">Channel 19</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip19">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer19">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus19">Status : Idle</p>
|
|
<div class="progress" id="streamervu19">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-19">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle20">Channel 20</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip20">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer20">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus20">Status : Idle</p>
|
|
<div class="progress" id="streamervu20">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-20">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle21">Channel 21</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip21">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer21">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus21">Status : Idle</p>
|
|
<div class="progress" id="streamervu21">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-21">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle22">Channel 22</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip22">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer22">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus22">Status : Idle</p>
|
|
<div class="progress" id="streamervu22">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-22">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle23">Channel 23</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip23">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer23">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus23">Status : Idle</p>
|
|
<div class="progress" id="streamervu23">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-23">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle24">Channel 24</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip24">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer24">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus24">Status : Idle</p>
|
|
<div class="progress" id="streamervu24">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-24">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle25">Channel 25</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip25">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer25">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus25">Status : Idle</p>
|
|
<div class="progress" id="streamervu25">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-25">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle26">Channel 26</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip26">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer26">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus26">Status : Idle</p>
|
|
<div class="progress" id="streamervu26">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-26">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle27">Channel 27</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip27">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer27">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus27">Status : Idle</p>
|
|
<div class="progress" id="streamervu27">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-27">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle28">Channel 28</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip28">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer28">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus28">Status : Idle</p>
|
|
<div class="progress" id="streamervu28">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-28">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle29">Channel 29</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip29">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer29">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus29">Status : Idle</p>
|
|
<div class="progress" id="streamervu29">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-29">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle30">Channel 30</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip30">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer30">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus30">Status : Idle</p>
|
|
<div class="progress" id="streamervu30">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-30">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle31">Channel 31</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip31">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer31">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus31">Status : Idle</p>
|
|
<div class="progress" id="streamervu31">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-31">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle32">Channel 32</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip32">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer32">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus32">Status : Idle</p>
|
|
<div class="progress" id="streamervu32">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-32">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle33">Channel 33</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip33">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer33">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus33">Status : Idle</p>
|
|
<div class="progress" id="streamervu33">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-33">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle34">Channel 34</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip34">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer34">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus34">Status : Idle</p>
|
|
<div class="progress" id="streamervu34">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-34">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle35">Channel 35</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip35">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer35">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus35">Status : Idle</p>
|
|
<div class="progress" id="streamervu35">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-35">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle36">Channel 36</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip36">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer36">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus36">Status : Idle</p>
|
|
<div class="progress" id="streamervu36">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-36">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle37">Channel 37</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip37">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer37">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus37">Status : Idle</p>
|
|
<div class="progress" id="streamervu37">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-37">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle38">Channel 38</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip38">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer38">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus38">Status : Idle</p>
|
|
<div class="progress" id="streamervu38">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-38">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle39">Channel 39</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip39">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer39">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus39">Status : Idle</p>
|
|
<div class="progress" id="streamervu39">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-39">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle40">Channel 40</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip40">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer40">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus40">Status : Idle</p>
|
|
<div class="progress" id="streamervu40">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-40">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle41">Channel 41</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip41">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer41">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus41">Status : Idle</p>
|
|
<div class="progress" id="streamervu41">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-41">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle42">Channel 42</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip42">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer42">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus42">Status : Idle</p>
|
|
<div class="progress" id="streamervu42">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-42">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle43">Channel 43</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip43">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer43">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus43">Status : Idle</p>
|
|
<div class="progress" id="streamervu43">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-43">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle44">Channel 44</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip44">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer44">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus44">Status : Idle</p>
|
|
<div class="progress" id="streamervu44">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-44">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle-44">Channel 45</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip45">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer45">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus45">Status : Idle</p>
|
|
<div class="progress" id="streamervu45">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-45">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle46">Channel 46</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip46">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer46">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus46">Status : Idle</p>
|
|
<div class="progress" id="streamervu46">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-46">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle47">Channel 47</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip47">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer47">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus47">Status : Idle</p>
|
|
<div class="progress" id="streamervu47">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-47">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle48">Channel 48</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip48">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer48">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus48">Status : Idle</p>
|
|
<div class="progress" id="streamervu48">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-48">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle49">Channel 49</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip49">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer49">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus49">Status : Idle</p>
|
|
<div class="progress" id="streamervu49">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-49">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle50">Channel 50</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip50">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer50">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus50">Status : Idle</p>
|
|
<div class="progress" id="streamervu50">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-50">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle51">Channel 51</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip51">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer51">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus51">Status : Idle</p>
|
|
<div class="progress" id="streamervu51">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-51">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle52">Channel 52</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip52">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer52">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus52">Status : Idle</p>
|
|
<div class="progress" id="streamervu52">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-52">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle53">Channel 53</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip53">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer53">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus53">Status : Idle</p>
|
|
<div class="progress" id="streamervu53">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-53">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle54">Channel 54</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip54">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer54">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus54">Status : Idle</p>
|
|
<div class="progress" id="streamervu54">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-54">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle55">Channel 55</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip55">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer55">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus55">Status : Idle</p>
|
|
<div class="progress" id="streamervu55">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-55">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle56">Channel 56</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip56">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer56">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus56">Status : Idle</p>
|
|
<div class="progress" id="streamervu56">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-56">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle57">Channel 57</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip57">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer57">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus57">Status : Idle</p>
|
|
<div class="progress" id="streamervu57">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-57">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle58">Channel 58</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip58">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer58">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus58">Status : Idle</p>
|
|
<div class="progress" id="streamervu58">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-58">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle59">Channel 59</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip59">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer59">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus59">Status : Idle</p>
|
|
<div class="progress" id="streamervu59">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-59">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle60">Channel 60</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip60">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer60">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus60">Status : Idle</p>
|
|
<div class="progress" id="streamervu60">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 col-xxl-3 pad-card">
|
|
<div class="card card-channel" id="streamercard-60">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle61">Channel 61</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip61">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer61">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus61">Status : Idle</p>
|
|
<div class="progress" id="streamervu61">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-61">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle62">Channel 62</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip62">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer62">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus62">Status : Idle</p>
|
|
<div class="progress" id="streamervu62">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-62">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle63">Channel 63</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip63">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer63">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus63">Status : Idle</p>
|
|
<div class="progress" id="streamervu63">
|
|
<div class="progress-bar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">50%</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">
|
|
<div class="card card-channel" id="streamercard-63">
|
|
<div class="card-body">
|
|
<h4 class="card-title" id="streamertitle64">Channel 64</h4>
|
|
<div class="row">
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerip64">IP : 192.168.10.10</h6>
|
|
</div>
|
|
<div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
|
|
<h6 class="text-muted mb-2" id="streamerbuffer64">Free : 64KB</h6>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" id="streamerstatus64">Status : Idle</p>
|
|
<div class="progress" id="streamervu64">
|
|
<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 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 invisible pad-accordion">
|
|
<h2 class="accordion-header" role="tab"><button class="accordion-button bg-heading3" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-4" aria-expanded="true" aria-controls="accordion-1 .item-4">Remote Listening</button></h2>
|
|
<div class="accordion-collapse collapse show 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 class="invisible" id="listenaudio" controls=""></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> |