rdkartono/AAS_NewGeneration
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

commit 17/10/2025

Browse Source 
TODO lanjutin menu Timer Modal
This commit is contained in:
rdkartono
2025-10-17 15:59:32 +07:00
parent bc3f5c5691
commit 2dfc095f04
19 changed files with 754 additions and 203 deletions
Download Patch File Download Diff File Expand all files Collapse all files

154
html/webpage/overview.html
View File

@@ -4,7 +4,7 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>AAS_NewGen_08OKT25</title>
<title>AAS_NewGen_17OKT25</title>
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bss-overrides.css">
<link rel="stylesheet" href="assets/css/Login-Form-Basic-icons.css">
@@ -19,8 +19,8 @@
</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">
<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">
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
@@ -102,7 +102,7 @@
</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" id="streamercard-4">
<div class="card card-channel" id="streamercard-4">
<div class="card-body">
<h4 class="card-title" id="streamertitle05">Channel 05</h4>
<div class="row">
@@ -121,7 +121,7 @@
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
<div class="card" id="streamercard-5">
<div class="card card-channel" id="streamercard-5">
<div class="card-body">
<h4 class="card-title" id="streamertitle06">Channel 06</h4>
<div class="row">
@@ -140,7 +140,7 @@
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
<div class="card" id="streamercard-6">
<div class="card card-channel" id="streamercard-6">
<div class="card-body">
<h4 class="card-title" id="streamertitle07">Channel 07</h4>
<div class="row">
@@ -159,7 +159,7 @@
</div>
</div>
<div class="col-12 col-sm-6 col-md-3 col-lg-3 col-xl-3 pad-card">
<div class="card" id="streamercard-7">
<div class="card card-channel" id="streamercard-7">
<div class="card-body">
<h4 class="card-title" id="streamertitle08">Channel 08</h4>
<div class="row">
@@ -180,7 +180,7 @@
</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" id="streamercard-8">
<div class="card card-channel" id="streamercard-8">
<div class="card-body">
<h4 class="card-title" id="streamertitle09">Channel 09</h4>
<div class="row">
@@ -199,7 +199,7 @@
</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" id="streamercard-9">
<div class="card card-channel" id="streamercard-9">
<div class="card-body">
<h4 class="card-title" id="streamertitle10">Channel 10</h4>
<div class="row">
@@ -218,7 +218,7 @@
</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" id="streamercard-10">
<div class="card card-channel" id="streamercard-10">
<div class="card-body">
<h4 class="card-title" id="streamertitle11">Channel 11</h4>
<div class="row">
@@ -237,7 +237,7 @@
</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" id="streamercard-11">
<div class="card card-channel" id="streamercard-11">
<div class="card-body">
<h4 class="card-title" id="streamertitle12">Channel 12</h4>
<div class="row">
@@ -258,7 +258,7 @@
</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" id="streamercard-12">
<div class="card card-channel" id="streamercard-12">
<div class="card-body">
<h4 class="card-title" id="streamertitle13">Channel 13</h4>
<div class="row">
@@ -277,7 +277,7 @@
</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" id="streamercard-13">
<div class="card card-channel" id="streamercard-13">
<div class="card-body">
<h4 class="card-title" id="streamertitle14">Channel 14</h4>
<div class="row">
@@ -296,7 +296,7 @@
</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" id="streamercard-14">
<div class="card card-channel" id="streamercard-14">
<div class="card-body">
<h4 class="card-title" id="streamertitle15">Channel 15</h4>
<div class="row">
@@ -315,7 +315,7 @@
</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" id="streamercard-15">
<div class="card card-channel" id="streamercard-15">
<div class="card-body">
<h4 class="card-title" id="streamertitle16">Channel 16</h4>
<div class="row">
@@ -336,7 +336,7 @@
</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" id="streamercard-16">
<div class="card card-channel" id="streamercard-16">
<div class="card-body">
<h4 class="card-title" id="streamertitle17">Channel 17</h4>
<div class="row">
@@ -355,7 +355,7 @@
</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" id="streamercard-17">
<div class="card card-channel" id="streamercard-17">
<div class="card-body">
<h4 class="card-title" id="streamertitle18">Channel 18</h4>
<div class="row">
@@ -374,7 +374,7 @@
</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" id="streamercard-18">
<div class="card card-channel" id="streamercard-18">
<div class="card-body">
<h4 class="card-title" id="streamertitle19">Channel 19</h4>
<div class="row">
@@ -393,7 +393,7 @@
</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" id="streamercard-19">
<div class="card card-channel" id="streamercard-19">
<div class="card-body">
<h4 class="card-title" id="streamertitle20">Channel 20</h4>
<div class="row">
@@ -414,7 +414,7 @@
</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" id="streamercard-20">
<div class="card card-channel" id="streamercard-20">
<div class="card-body">
<h4 class="card-title" id="streamertitle21">Channel 21</h4>
<div class="row">
@@ -433,7 +433,7 @@
</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" id="streamercard-21">
<div class="card card-channel" id="streamercard-21">
<div class="card-body">
<h4 class="card-title" id="streamertitle22">Channel 22</h4>
<div class="row">
@@ -452,7 +452,7 @@
</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" id="streamercard-22">
<div class="card card-channel" id="streamercard-22">
<div class="card-body">
<h4 class="card-title" id="streamertitle23">Channel 23</h4>
<div class="row">
@@ -471,7 +471,7 @@
</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" id="streamercard-23">
<div class="card card-channel" id="streamercard-23">
<div class="card-body">
<h4 class="card-title" id="streamertitle24">Channel 24</h4>
<div class="row">
@@ -492,7 +492,7 @@
</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" id="streamercard-24">
<div class="card card-channel" id="streamercard-24">
<div class="card-body">
<h4 class="card-title" id="streamertitle25">Channel 25</h4>
<div class="row">
@@ -511,7 +511,7 @@
</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" id="streamercard-25">
<div class="card card-channel" id="streamercard-25">
<div class="card-body">
<h4 class="card-title" id="streamertitle26">Channel 26</h4>
<div class="row">
@@ -530,7 +530,7 @@
</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" id="streamercard-26">
<div class="card card-channel" id="streamercard-26">
<div class="card-body">
<h4 class="card-title" id="streamertitle27">Channel 27</h4>
<div class="row">
@@ -549,7 +549,7 @@
</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" id="streamercard-27">
<div class="card card-channel" id="streamercard-27">
<div class="card-body">
<h4 class="card-title" id="streamertitle28">Channel 28</h4>
<div class="row">
@@ -570,7 +570,7 @@
</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" id="streamercard-28">
<div class="card card-channel" id="streamercard-28">
<div class="card-body">
<h4 class="card-title" id="streamertitle29">Channel 29</h4>
<div class="row">
@@ -589,7 +589,7 @@
</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" id="streamercard-29">
<div class="card card-channel" id="streamercard-29">
<div class="card-body">
<h4 class="card-title" id="streamertitle30">Channel 30</h4>
<div class="row">
@@ -608,7 +608,7 @@
</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" id="streamercard-30">
<div class="card card-channel" id="streamercard-30">
<div class="card-body">
<h4 class="card-title" id="streamertitle31">Channel 31</h4>
<div class="row">
@@ -627,7 +627,7 @@
</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" id="streamercard-31">
<div class="card card-channel" id="streamercard-31">
<div class="card-body">
<h4 class="card-title" id="streamertitle32">Channel 32</h4>
<div class="row">
@@ -648,7 +648,7 @@
</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" id="streamercard-32">
<div class="card card-channel" id="streamercard-32">
<div class="card-body">
<h4 class="card-title" id="streamertitle33">Channel 33</h4>
<div class="row">
@@ -667,7 +667,7 @@
</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" id="streamercard-33">
<div class="card card-channel" id="streamercard-33">
<div class="card-body">
<h4 class="card-title" id="streamertitle34">Channel 34</h4>
<div class="row">
@@ -686,7 +686,7 @@
</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" id="streamercard-34">
<div class="card card-channel" id="streamercard-34">
<div class="card-body">
<h4 class="card-title" id="streamertitle35">Channel 35</h4>
<div class="row">
@@ -705,7 +705,7 @@
</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" id="streamercard-35">
<div class="card card-channel" id="streamercard-35">
<div class="card-body">
<h4 class="card-title" id="streamertitle36">Channel 36</h4>
<div class="row">
@@ -726,7 +726,7 @@
</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" id="streamercard-36">
<div class="card card-channel" id="streamercard-36">
<div class="card-body">
<h4 class="card-title" id="streamertitle37">Channel 37</h4>
<div class="row">
@@ -745,7 +745,7 @@
</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" id="streamercard-37">
<div class="card card-channel" id="streamercard-37">
<div class="card-body">
<h4 class="card-title" id="streamertitle38">Channel 38</h4>
<div class="row">
@@ -764,7 +764,7 @@
</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" id="streamercard-38">
<div class="card card-channel" id="streamercard-38">
<div class="card-body">
<h4 class="card-title" id="streamertitle39">Channel 39</h4>
<div class="row">
@@ -783,7 +783,7 @@
</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" id="streamercard-39">
<div class="card card-channel" id="streamercard-39">
<div class="card-body">
<h4 class="card-title" id="streamertitle40">Channel 40</h4>
<div class="row">
@@ -804,7 +804,7 @@
</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" id="streamercard-40">
<div class="card card-channel" id="streamercard-40">
<div class="card-body">
<h4 class="card-title" id="streamertitle41">Channel 41</h4>
<div class="row">
@@ -823,7 +823,7 @@
</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" id="streamercard-41">
<div class="card card-channel" id="streamercard-41">
<div class="card-body">
<h4 class="card-title" id="streamertitle42">Channel 42</h4>
<div class="row">
@@ -842,7 +842,7 @@
</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" id="streamercard-42">
<div class="card card-channel" id="streamercard-42">
<div class="card-body">
<h4 class="card-title" id="streamertitle43">Channel 43</h4>
<div class="row">
@@ -861,7 +861,7 @@
</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" id="streamercard-43">
<div class="card card-channel" id="streamercard-43">
<div class="card-body">
<h4 class="card-title" id="streamertitle44">Channel 44</h4>
<div class="row">
@@ -882,7 +882,7 @@
</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" id="streamercard-44">
<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">
@@ -901,7 +901,7 @@
</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" id="streamercard-45">
<div class="card card-channel" id="streamercard-45">
<div class="card-body">
<h4 class="card-title" id="streamertitle46">Channel 46</h4>
<div class="row">
@@ -920,7 +920,7 @@
</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" id="streamercard-46">
<div class="card card-channel" id="streamercard-46">
<div class="card-body">
<h4 class="card-title" id="streamertitle47">Channel 47</h4>
<div class="row">
@@ -939,7 +939,7 @@
</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" id="streamercard-47">
<div class="card card-channel" id="streamercard-47">
<div class="card-body">
<h4 class="card-title" id="streamertitle48">Channel 48</h4>
<div class="row">
@@ -960,7 +960,7 @@
</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" id="streamercard-48">
<div class="card card-channel" id="streamercard-48">
<div class="card-body">
<h4 class="card-title" id="streamertitle49">Channel 49</h4>
<div class="row">
@@ -979,7 +979,7 @@
</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" id="streamercard-49">
<div class="card card-channel" id="streamercard-49">
<div class="card-body">
<h4 class="card-title" id="streamertitle50">Channel 50</h4>
<div class="row">
@@ -998,7 +998,7 @@
</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" id="streamercard-50">
<div class="card card-channel" id="streamercard-50">
<div class="card-body">
<h4 class="card-title" id="streamertitle51">Channel 51</h4>
<div class="row">
@@ -1017,7 +1017,7 @@
</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" id="streamercard-51">
<div class="card card-channel" id="streamercard-51">
<div class="card-body">
<h4 class="card-title" id="streamertitle52">Channel 52</h4>
<div class="row">
@@ -1038,7 +1038,7 @@
</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" id="streamercard-52">
<div class="card card-channel" id="streamercard-52">
<div class="card-body">
<h4 class="card-title" id="streamertitle53">Channel 53</h4>
<div class="row">
@@ -1057,7 +1057,7 @@
</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" id="streamercard-53">
<div class="card card-channel" id="streamercard-53">
<div class="card-body">
<h4 class="card-title" id="streamertitle54">Channel 54</h4>
<div class="row">
@@ -1076,7 +1076,7 @@
</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" id="streamercard-54">
<div class="card card-channel" id="streamercard-54">
<div class="card-body">
<h4 class="card-title" id="streamertitle55">Channel 55</h4>
<div class="row">
@@ -1095,7 +1095,7 @@
</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" id="streamercard-55">
<div class="card card-channel" id="streamercard-55">
<div class="card-body">
<h4 class="card-title" id="streamertitle56">Channel 56</h4>
<div class="row">
@@ -1116,7 +1116,7 @@
</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" id="streamercard-56">
<div class="card card-channel" id="streamercard-56">
<div class="card-body">
<h4 class="card-title" id="streamertitle57">Channel 57</h4>
<div class="row">
@@ -1135,7 +1135,7 @@
</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" id="streamercard-57">
<div class="card card-channel" id="streamercard-57">
<div class="card-body">
<h4 class="card-title" id="streamertitle58">Channel 58</h4>
<div class="row">
@@ -1154,7 +1154,7 @@
</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" id="streamercard-58">
<div class="card card-channel" id="streamercard-58">
<div class="card-body">
<h4 class="card-title" id="streamertitle59">Channel 59</h4>
<div class="row">
@@ -1173,7 +1173,7 @@
</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" id="streamercard-59">
<div class="card card-channel" id="streamercard-59">
<div class="card-body">
<h4 class="card-title" id="streamertitle60">Channel 60</h4>
<div class="row">
@@ -1194,7 +1194,7 @@
</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" id="streamercard-60">
<div class="card card-channel" id="streamercard-60">
<div class="card-body">
<h4 class="card-title" id="streamertitle61">Channel 61</h4>
<div class="row">
@@ -1213,7 +1213,7 @@
</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" id="streamercard-61">
<div class="card card-channel" id="streamercard-61">
<div class="card-body">
<h4 class="card-title" id="streamertitle62">Channel 62</h4>
<div class="row">
@@ -1232,7 +1232,7 @@
</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" id="streamercard-62">
<div class="card card-channel" id="streamercard-62">
<div class="card-body">
<h4 class="card-title" id="streamertitle63">Channel 63</h4>
<div class="row">
@@ -1251,7 +1251,7 @@
</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" id="streamercard-63">
<div class="card card-channel" id="streamercard-63">
<div class="card-body">
<h4 class="card-title" id="streamertitle64">Channel 64</h4>
<div class="row">
@@ -1274,20 +1274,20 @@
</div>
</div>
<div class="accordion-item pad-accordion pad-2">
<h2 class="accordion-header" role="tab"><button class="accordion-button bg-heading2" type="button" data-bs-toggle="collapse" data-bs-target="#accordion-1 .item-2" aria-expanded="true" aria-controls="accordion-1 .item-2">Paging Queue</button></h2>
<div class="accordion-collapse collapse show item-2 pad-2" role="tabpanel" data-bs-parent="#accordion-1">
<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="col-sm-1">Index</th>
<th class="col-sm-2">Date Time</th>
<th class="col-sm-1">Source</th>
<th class="col-sm-1">Type</th>
<th class="col-sm-3">Message</th>
<th class="col-sm-4">Broadcast Zones</th>
<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>
@@ -1310,12 +1310,12 @@
<table class="table">
<thead>
<tr>
<th class="col-sm-1">Index</th>
<th class="col-sm-2">Date Time</th>
<th class="col-sm-1">Source</th>
<th class="col-sm-1">Type</th>
<th class="col-sm-3">Message</th>
<th class="col-sm-4">Broadcast Zones</th>
<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>