ShaYmez/HBMonv2
1
0
Fork 0
mirror of https://github.com/ShaYmez/HBMonv2.git synced 2026-01-06 23:49:12 -05:00
Code Issues Projects Releases Wiki Activity

Merge pull request #4 from ShaYmez/copilot/fix-menu-buttons-indentation

Browse Source 
Center menu buttons and standardize HTML indentation
This commit is contained in:
M0VUB 2025-12-14 00:08:27 +00:00 committed by GitHub
commit 18b37e5271
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
16 changed files with 555 additions and 549 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
html/bridges.php
View File

@ -5,29 +5,29 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Bridges</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Bridges</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="bridge"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="bridge"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

108
html/buttons.html
View File

@ -1,60 +1,60 @@
<div style="width: 1100px;">
<!-- HBMonv2 buttons HTML code -->
<a href="index.php"><button class="button link">&nbsp;Dashboard&nbsp;</button></a>
<!--
&nbsp;
<div class="dropdown">
<button class="dropbtn">&nbsp;Admin Area&nbsp;</button>
<div class="dropdown-content">
<a href="masters.php">&nbsp;Masters&nbsp;</a>
<a href="peers.php">&nbsp;Peers&nbsp;</a>
<a href="opb.php">&nbsp;OpenBridge&nbsp;</a>
<a href="bridges.php">&nbsp;Bridges&nbsp;</a>
<a href="moni.php">&nbsp;Monitor&nbsp;</a>
<a href="sinfo.php">&nbsp;System Info&nbsp;</a>
<div style="width: 1100px; margin: 0 auto;">
<!-- HBMonv2 buttons HTML code -->
<a href="index.php"><button class="button link">&nbsp;Dashboard&nbsp;</button></a>
<!--
&nbsp;
<div class="dropdown">
<button class="dropbtn">&nbsp;Admin Area&nbsp;</button>
<div class="dropdown-content">
<a href="masters.php">&nbsp;Masters&nbsp;</a>
<a href="peers.php">&nbsp;Peers&nbsp;</a>
<a href="opb.php">&nbsp;OpenBridge&nbsp;</a>
<a href="bridges.php">&nbsp;Bridges&nbsp;</a>
<a href="moni.php">&nbsp;Monitor&nbsp;</a>
<a href="sinfo.php">&nbsp;System Info&nbsp;</a>
</div>
</div>
</div>
--->
&nbsp;
<a href="masters.php"><button class="button link">&nbsp;Masters&nbsp;</button></a>
&nbsp;
<a href="peers.php"><button class="button link">&nbsp;Peers&nbsp;</button></a>
&nbsp;
<a href="opb.php"><button class="button link">&nbsp;OpenBridge&nbsp;</button></a>
&nbsp;
<a href="moni.php"><button class="button link">&nbsp;Monitor&nbsp;</button></a>
&nbsp;
<a href="info.php"><button class="button link">&nbsp;Talkgroup Info&nbsp;</button></a>
&nbsp;
<a title="Lastheard long list" href="log.php"><button class="button link">&nbsp;Lastheard&nbsp;</button></a>
&nbsp;
<a href="sysinfo.php"><button class="button link">&nbsp;System Info&nbsp;</button></a>
&nbsp;
<!--
&nbsp;
<a href="bridges.php"><button class="button link">&nbsp;Bridges&nbsp;</button></a>
-->
<!-- Own buttons HTML code -->
-->
&nbsp;
<a href="masters.php"><button class="button link">&nbsp;Masters&nbsp;</button></a>
&nbsp;
<a href="peers.php"><button class="button link">&nbsp;Peers&nbsp;</button></a>
&nbsp;
<a href="opb.php"><button class="button link">&nbsp;OpenBridge&nbsp;</button></a>
&nbsp;
<a href="moni.php"><button class="button link">&nbsp;Monitor&nbsp;</button></a>
&nbsp;
<a href="info.php"><button class="button link">&nbsp;Talkgroup Info&nbsp;</button></a>
&nbsp;
<a title="Lastheard long list" href="log.php"><button class="button link">&nbsp;Lastheard&nbsp;</button></a>
&nbsp;
<a href="sysinfo.php"><button class="button link">&nbsp;System Info&nbsp;</button></a>
&nbsp;
<!--
&nbsp;
<a href="bridges.php"><button class="button link">&nbsp;Bridges&nbsp;</button></a>
-->
<!-- Own buttons HTML code -->
<!-- Example of buttons dropdown HTML code -->
<!--
<p></p>
<div class="dropdown">
<button class="dropbtn">Admin Area</button>
<div class="dropdown-content">
<a href="masters.php">Master&Peer</a>
<a href="opb.php">OpenBridge</a>
<a href="moni.php">Monitor</a>
<!-- Example of buttons dropdown HTML code -->
<!--
<p></p>
<div class="dropdown">
<button class="dropbtn">Admin Area</button>
<div class="dropdown-content">
<a href="masters.php">Master&Peer</a>
<a href="opb.php">OpenBridge</a>
<a href="moni.php">Monitor</a>
</div>
</div>
</div>
&nbsp;
<div class="dropdown">
<button class="dropbtn">Reflectors</button>
<div class="dropdown-content">
<a target='_blank' href="#">YSF Reflector</a>
<a target='_blank' href="#">XLX950</a>
&nbsp;
<div class="dropdown">
<button class="dropbtn">Reflectors</button>
<div class="dropdown-content">
<a target='_blank' href="#">YSF Reflector</a>
<a target='_blank' href="#">XLX950</a>
</div>
</div>
</div>
-->
-->
</div>
<p></p>

58
html/index.php
View File

@ -5,37 +5,37 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Dashboard</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Dashboard</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="main"></div>
</div>
<!-- LOG monitor -->
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="width: 1045px; margin-left:0; margin-right:0; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Call Log :.&nbsp;</span></b></legend>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="main"></div>
</div>
<!-- LOG monitor -->
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="width: 1045px; margin-left:0; margin-right:0; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Call Log :.&nbsp;</span></b></legend>
<pre id="log" style="height: 20em; text-align: left; overflow-y: auto; font-size:12px; background-color: #000000; color:#729fcf;"></pre>
</fieldset>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</fieldset>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

96
html/info.php
View File

@ -5,55 +5,55 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Talkgroup Info</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Talkgroup Info</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<!-- TG table -->
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="box-shadow:0 0 10px #999; background-color:#e0e0e0; width:1050px; margin-left:15px; margin-right:15px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Talk Groups :.&nbsp;</span></b></legend>
<table style="margin-top:5px; table-layout:fixed; font: 10pt arial, sans-serif; background-color: #f9f9f9;">
<tr class="theme_color" style="height: 32px; font: 10pt arial, sans-serif; border:0;">
<th style='width: 150px;'>TG#</th>
<th style='width: 80px;'>TS 1</th>
<th style='width: 80px;'>TS 2</th>
<th style='width: 790px;'>Description</th>
</tr>
<tr>
<td>&nbsp;<b>TG 5</b>&nbsp;</td>
<td>&nbsp;<b></b>&nbsp;</td>
<td>&nbsp;<b>D | S</b>&nbsp;</td>
<td>Talk group XLX750-X D-Star/DMR/C4FM.</td>
</tr>
<tr>
<td>&nbsp;<b>TG 9999</b>&nbsp;</td>
<td>&nbsp;<b></b>&nbsp;</td>
<td>&nbsp;<b>D | S</b>&nbsp;</td>
<td>Echo (Parrot).</td>
</tr>
</table>
<br>
<span style="text-align: center;">Hotspot: D - duplex | S - simplex</span>
</fieldset>
</div>
<br>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<!-- TG table -->
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="box-shadow:0 0 10px #999; background-color:#e0e0e0; width:1050px; margin-left:15px; margin-right:15px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Talk Groups :.&nbsp;</span></b></legend>
<table style="margin-top:5px; table-layout:fixed; font: 10pt arial, sans-serif; background-color: #f9f9f9;">
<tr class="theme_color" style="height: 32px; font: 10pt arial, sans-serif; border:0;">
<th style='width: 150px;'>TG#</th>
<th style='width: 80px;'>TS 1</th>
<th style='width: 80px;'>TS 2</th>
<th style='width: 790px;'>Description</th>
</tr>
<tr>
<td>&nbsp;<b>TG 5</b>&nbsp;</td>
<td>&nbsp;<b></b>&nbsp;</td>
<td>&nbsp;<b>D | S</b>&nbsp;</td>
<td>Talk group XLX750-X D-Star/DMR/C4FM.</td>
</tr>
<tr>
<td>&nbsp;<b>TG 9999</b>&nbsp;</td>
<td>&nbsp;<b></b>&nbsp;</td>
<td>&nbsp;<b>D | S</b>&nbsp;</td>
<td>Echo (Parrot).</td>
</tr>
</table>
<br>
<span style="text-align: center;">Hotspot: D - duplex | S - simplex</span>
</fieldset>
</div>
<br>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

54
html/log.php
View File

@ -5,31 +5,31 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="30">
<title>HBlink3 DMR Server - Lastheard</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="30">
<title>HBlink3 DMR Server - Lastheard</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1150px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<div style="overflow-x:auto;">
<fieldset style="background-color:#e0e0e0; margin:15px; font-size:14px; border-radius: 10px;">
<table style="border-collapse: collapse; border: 1px solid #C1DAD7; width: 100%; background-color:#f0f0f0;">
<thead><tr><th colspan="9" style="height: 30px; font-size:18px; font-weight:bold;">LastHeard</th></tr></thead>
<tr class="theme_color" style="height:35px; text-align: center; font-weight:bold;"><th>&nbsp;&nbsp;Date</th><th>&nbsp;Time</th><th>&nbsp;Callsign (DMR-Id)</th><th>&nbsp;&nbsp;Name</th><th>&nbsp;TG#</th><th>&nbsp;&nbsp;TG Name</th><th>TX (s)&nbsp;</th><th>Source</th>
</tr>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1150px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<div style="overflow-x:auto;">
<fieldset style="background-color:#e0e0e0; margin:15px; font-size:14px; border-radius: 10px;">
<table style="border-collapse: collapse; border: 1px solid #C1DAD7; width: 100%; background-color:#f0f0f0;">
<thead><tr><th colspan="9" style="height: 30px; font-size:18px; font-weight:bold;">LastHeard</th></tr></thead>
<tr class="theme_color" style="height:35px; text-align: center; font-weight:bold;"><th>&nbsp;&nbsp;Date</th><th>&nbsp;Time</th><th>&nbsp;Callsign (DMR-Id)</th><th>&nbsp;&nbsp;Name</th><th>&nbsp;TG#</th><th>&nbsp;&nbsp;TG Name</th><th>TX (s)&nbsp;</th><th>Source</th>
</tr>
<?php
// logging extension "last heard list" for hbmonitor
@ -116,9 +116,9 @@ echo "\n</table></fieldset></div></div>";
// close logfile after parsing
fclose ($handle);
?>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

46
html/masters.php
View File

@ -5,30 +5,30 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Masters</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Masters</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
<?php include_once 'buttons.html'; ?>
</div>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="masters"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
<?php include_once 'buttons.html'; ?>
</div>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="masters"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

60
html/moni.php
View File

@ -5,37 +5,37 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Log Monitor</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Log Monitor</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="moni"></div>
</div>
<!-- LOG monitor -->
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="width: 1045px; margin-left:0; margin-right:0; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Call Log :.&nbsp;</span></b></legend>
<pre id="log" style="height: 40em; text-align: left; overflow-y: auto; font-size:12px; background-color: #000000; color:#729fcf;"></pre>
</fieldset>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="moni"></div>
</div>
<!-- LOG monitor -->
<div style="width: 1100px; margin: 0 auto;">
<fieldset style="width: 1045px; margin-left:0; margin-right:0; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Call Log :.&nbsp;</span></b></legend>
<pre id="log" style="height: 40em; text-align: left; overflow-y: auto; font-size:12px; background-color: #000000; color:#729fcf;"></pre>
</fieldset>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

46
html/opb.php
View File

@ -5,30 +5,30 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - OpenBridge Systems</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - OpenBridge Systems</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="opb"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="opb"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

46
html/peers.php
View File

@ -5,30 +5,30 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Peer Systems</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>HBlink3 DMR Server - Peer Systems</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="peers"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<div style="width: 1100px; margin: 0 auto;">
<noscript>You must enable JavaScript</noscript>
<div id="peers"></div>
</div>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

84
html/sysinfo.php
View File

@ -5,49 +5,49 @@ include_once 'include/version.php';?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="300">
<title>HBlink3 DMR Server - System Info</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="refresh" content="300">
<title>HBlink3 DMR Server - System Info</title>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
<meta name="description" content="Copyright &copy; 2016-2025. The Regents of the K0USY Group. All rights reserved. Version SP2ONG 2019-2025 HBlink3 Dashboard" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<!--
<div>
<a target="_blank" href="esm/"><button class="button link">&nbsp;eZ Server Monitor&nbsp;</button></a>
</div>
-->
<fieldset style="background-color:#e0e0e0; display:inline-block; margin-left:20px; margin-right:20px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: System Info :.&nbsp;</span></b></legend>
<div style="text-align: center;">
<!-- Temp CPU -->
<p><img alt="CPU Temperature" src="img/tempC.png" /></p>
<!-- Disk usage -->
<p><img alt="Disk Usage" src="img/hdd.png" /></p>
<!-- Memory usage -->
<p><img alt="Memory Usage" src="img/mem.png" /></p>
<!-- CPU loads -->
<p><img alt="CPU Load" src="img/cpu.png" /></p>
<!-- Network traffic -->
<p><img alt="Network Traffic" src="img/mrtg/localhost_2-day.png" /></p>
</div>
<p><span style="color:blue;"><b>BLUE</b></span> Outgoing Traffic in Bits per Second | <span style="color:green;"><b>GREEN</b></span> Incoming Traffic in Bits per Second</p>
</fieldset>
<br>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
<div style="text-align: center;">
<div style="width:1100px; text-align: center; margin:5px auto 0;">
<p style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img src="img/HBLINK_logoV2.png?random=323527528432525.24234" alt="HBlink Logo" />
</div>
<div style="width: 1100px; margin: 0 auto;">
<p style="text-align:center;"><span style="color:#000;font-size: 18px; font-weight:bold;"><?php echo htmlspecialchars(REPORT_NAME);?></span></p>
</div>
<?php include_once 'buttons.html'; ?>
<!--
<div>
<a target="_blank" href="esm/"><button class="button link">&nbsp;eZ Server Monitor&nbsp;</button></a>
</div>
-->
<fieldset style="background-color:#e0e0e0; display:inline-block; margin-left:20px; margin-right:20px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: System Info :.&nbsp;</span></b></legend>
<div style="text-align: center;">
<!-- Temp CPU -->
<p><img alt="CPU Temperature" src="img/tempC.png" /></p>
<!-- Disk usage -->
<p><img alt="Disk Usage" src="img/hdd.png" /></p>
<!-- Memory usage -->
<p><img alt="Memory Usage" src="img/mem.png" /></p>
<!-- CPU loads -->
<p><img alt="CPU Load" src="img/cpu.png" /></p>
<!-- Network traffic -->
<p><img alt="Network Traffic" src="img/mrtg/localhost_2-day.png" /></p>
</div>
<p><span style="color:blue;"><b>BLUE</b></span> Outgoing Traffic in Bits per Second | <span style="color:green;"><b>GREEN</b></span> Incoming Traffic in Bits per Second</p>
</fieldset>
<br>
<!--footer-->
<?php include_once 'elements/footer.php'; ?>
<!--//footer-->
</div>
</body>
</html>

89
templates/bridge_table.html
View File

@ -1,55 +1,54 @@
<fieldset style="background-color:#e0e0e0e0;margin-left:15px;margin-right:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Bridge status :.&nbsp;</font></b></legend>
{% if _table['BRIDGES']|length == 0 and _table['SETUP']['BRIDGES'] != False %}
<table style='width:100%; font: 13pt arial, sans-serif'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from the Server ...</center></b></td>
</tr>
</table>
{% elif _table['SETUP']['BRIDGES'] == False %}
<table style='width:100%; font: 13pt arial, sans-serif'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>BRIDGES display is disabled by setup</center></b></td>
</tr>
</table>
{% else %}
{% for _bridge, _bridge_data in _table['BRIDGES'].items() %}
<table style="width:100%; font: 10pt arial, sans-serif">
<legend><b><font color="#000">&nbsp;.: Bridge status :.&nbsp;</font></b></legend>
{% if _table['BRIDGES']|length == 0 and _table['SETUP']['BRIDGES'] != False %}
<table style='width:100%; font: 13pt arial, sans-serif'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from the Server ...</center></b></td>
</tr>
</table>
{% elif _table['SETUP']['BRIDGES'] == False %}
<table style='width:100%; font: 13pt arial, sans-serif'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>BRIDGES display is disabled by setup</center></b></td>
</tr>
</table>
{% else %}
{% for _bridge, _bridge_data in _table['BRIDGES'].items() %}
<table style="width:100%; font: 10pt arial, sans-serif">
<colgroup>
<col style="width: 10%" />
<col style="width: 5%" />
<col style="width: 5%" />
<col style="width: 10%" />
<col style="width: 10%" />
<col style="width: 10%" />
<col style="width: 20%" />
<col style="width: 30%" />
<col style="width: 10%" />
<col style="width: 5%" />
<col style="width: 5%" />
<col style="width: 10%" />
<col style="width: 10%" />
<col style="width: 10%" />
<col style="width: 20%" />
<col style="width: 30%" />
</colgroup>
<h4 align="left">{{ _bridge }}</h4>
<tr style="width:100%; font: 10pt arial, sans-serif; background-color:#6A7D8E; color:white">
<th>System</th>
<th>Slot</th>
<th>TG#</th>
<th>Status</th>
<th>Timeout</th>
<th>Timeout Action</th>
<th>Connect TG#</th>
<th>Disconnect TG#</th>
<th>System</th>
<th>Slot</th>
<th>TG#</th>
<th>Status</th>
<th>Timeout</th>
<th>Timeout Action</th>
<th>Connect TG#</th>
<th>Disconnect TG#</th>
</tr>
{% for system, _system_data in _table['BRIDGES'][_bridge].items() %}
<tr style="background-color:#f9f9f9f9;">
<td>{{ system }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TS'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TGID'] }}</td>
<td style="background-color:#{{ _table['BRIDGES'][_bridge][system]['BGCOLOR'] }}; color:#{{ _table['BRIDGES'][_bridge][system]['COLOR'] }}">{{ _table['BRIDGES'][_bridge][system]['ACTIVE'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['EXP_TIME'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TO_ACTION'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TRIG_ON'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TRIG_OFF'] }}</td>
<td>{{ system }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TS'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TGID'] }}</td>
<td style="background-color:#{{ _table['BRIDGES'][_bridge][system]['BGCOLOR'] }}; color:#{{ _table['BRIDGES'][_bridge][system]['COLOR'] }}">{{ _table['BRIDGES'][_bridge][system]['ACTIVE'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['EXP_TIME'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TO_ACTION'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TRIG_ON'] }}</td>
<td>{{ _table['BRIDGES'][_bridge][system]['TRIG_OFF'] }}</td>
</tr>
{% endfor %}
</table>
{% endfor %}
{% endif %}
</fieldset>
</table>
{% endfor %}
{% endif %}
</fieldset>

9
templates/lastheard.html
View File

@ -1,5 +1,6 @@
<br><fieldset style="border-radius: 8px; background-color:#f0f0f0; margin-left:15px; margin-right:15px; font-size:14px;">
<legend><b><span style="color:#000;">&nbsp;.: Lastheard :.&nbsp;</span></b></legend>
<table style="width:100%; font: 10pt arial, sans-serif">
<tr class="theme_color" style="height: 32px; font: 10pt arial, sans-serif;"><th>Date</th><th>Time</th><th>Callsign (DMR-Id)</th><th>Name</th><th>TG#</th><th>TG Name</th><th>TX (s)</th><th>System</th></tr>
</table></fieldset><br>
<legend><b><span style="color:#000;">&nbsp;.: Lastheard :.&nbsp;</span></b></legend>
<table style="width:100%; font: 10pt arial, sans-serif">
<tr class="theme_color" style="height: 32px; font: 10pt arial, sans-serif;"><th>Date</th><th>Time</th><th>Callsign (DMR-Id)</th><th>Name</th><th>TG#</th><th>TG Name</th><th>TX (s)</th><th>System</th></tr>
</table>
</fieldset><br>

209
templates/main_table.html
View File

@ -1,119 +1,126 @@
<fieldset style="width:1045px; background-color:#f1f1f1; margin-left:5px; margin-right:5px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Server Activity :.&nbsp;</span></b></legend>
{% if _table['MASTERS']|length >0 %}
<table style="width:100%; background-color:#f0f0f0; border:none !important; border-collapse:collapse;">
<legend><b><span style="color:#000;">&nbsp;.: Server Activity :.&nbsp;</span></b></legend>
{% if _table['MASTERS']|length >0 %}
<table style="width:100%; background-color:#f0f0f0; border:none !important; border-collapse:collapse;">
<tr style="height:30px; border-collapse:collapse; border:none;">
<td style="width:100%; border-collapse:collapse; border:none;"><div id="rcornerh">Active QSO's</div></td>
</tr>
<tr style="border-collapse:collapse; border:none;">
<td id="lact">
<div id="rcorner"><div>
{% for _master in _table['MASTERS'] %}
{% for _client, _cdata in _table['MASTERS'][_master]['PEERS'].items() %}
{% if _cdata[1]['TS'] == True or _cdata[2]['TS'] == True %}
{% if _cdata[1]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _cdata[1]['CALL']|safe }}</span>
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _cdata[1]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% if _cdata[2]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _cdata[2]['CALL']|safe}}</span>
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{_cdata[2]['TG']|safe}}</span>]&nbsp;
<td id="lact">
<div id="rcorner"><div>
{% for _master in _table['MASTERS'] %}
{% for _client, _cdata in _table['MASTERS'][_master]['PEERS'].items() %}
{% if _cdata[1]['TS'] == True or _cdata[2]['TS'] == True %}
{% if _cdata[1]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _cdata[1]['CALL']|safe }}</span>
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _cdata[1]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% if _cdata[2]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _cdata[2]['CALL']|safe}}</span>
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{_cdata[2]['TG']|safe}}</span>]&nbsp;
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
{% else %}
<table style="width:100%; background-color:#f9f9f9; font: 13pt arial, sans-serif; margin-top:4px; margin-bottom:4px;">
<tr style="border:none; background-color:#f0f0f0;">
<td style="border:none; height:60px; text-align:center;"><span style="color:brown;"><b>Waiting for data from the Server ...</b></span></td>
</tr>
</table>
{% endif %}
{% for _peer, _pdata in _table['PEERS'].items() %}
{% if _pdata[1]['TS'] == True or _pdata[2]['TS'] == True %}
{% if _pdata[1]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _pdata[1]['CALL']|safe }}</span>
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _pdata[1]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% endfor %}
{% endfor %}
{% else %}
<table style="width:100%; background-color:#f9f9f9; font: 13pt arial, sans-serif; margin-top:4px; margin-bottom:4px;">
<tr style="border:none; background-color:#f0f0f0;">
<td style="border:none; height:60px; text-align:center;"><span style="color:brown;"><b>Waiting for data from the Server ...</b></span></td>
</tr>
</table>
{% endif %}
{% for _peer, _pdata in _table['PEERS'].items() %}
{% if _pdata[1]['TS'] == True or _pdata[2]['TS'] == True %}
{% if _pdata[1]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _pdata[1]['CALL']|safe }}</span>
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _pdata[1]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% if _pdata[2]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _pdata[2]['CALL']|safe }}</span>
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _pdata[2]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% if _pdata[2]['TRX'] == "RX" %}
&#32;[<span style="color:#008000;">M</span>:&nbsp;<span style="color:#0065ff;">{{ _pdata[2]['CALL']|safe }}</span>
&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">{{ _pdata[2]['TG']|safe }}</span>]&nbsp;
{% endif %}
{% endif %}
{% endfor %}
{% if _table['OPENBRIDGES']|length >0 %}
{% for _openbridge in _table['OPENBRIDGES'] %}
{% set rx = namespace(value=0) %}
{% if _table['OPENBRIDGES'][_openbridge]['STREAMS']|length >0 %}
{% for entry in _table['OPENBRIDGES'][_openbridge]['STREAMS'] if _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0]=='RX' %}
{% set rx.value=1 %}
{% endfor %}
{% if _table['OPENBRIDGES']|length >0 %}
{% for _openbridge in _table['OPENBRIDGES'] %}
{% set rx = namespace(value=0) %}
{% if _table['OPENBRIDGES'][_openbridge]['STREAMS']|length >0 %}
{% for entry in _table['OPENBRIDGES'][_openbridge]['STREAMS'] if _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0]=='RX' %}
{% set rx.value=1 %}
{% endfor %}
{% if rx.value == 1 %}
{% for entry in _table['OPENBRIDGES'][_openbridge]['STREAMS'] if _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0] == 'RX' %}&#32;[<span style="color:#008000;">O</span>:&nbsp;<span style="color:#0065ff;">{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][1]}}</span>&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">TG&nbsp;{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][2]|safe}}</span>]&nbsp;{% endfor %}
{% endif %}
{% endif %}
{% endfor %}
</div></div></td>
</tr>
{% endif %}
</table>
{% if rx.value == 1 %}
{% for entry in _table['OPENBRIDGES'][_openbridge]['STREAMS'] if _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0] == 'RX' %}&#32;[<span style="color:#008000;">O</span>:&nbsp;<span style="color:#0065ff;">{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][1]}}</span>&nbsp;<span style="color:red;">>></span>&nbsp;<span style="color:#b5651d;">TG&nbsp;{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][2]|safe}}</span>]&nbsp;{% endfor %}
{% endif %}
{% endif %}
{% endfor %}
</div></div>
</td>
</tr>
{% endif %}
</table>
</fieldset>
{% if _table['SETUP']['LASTHEARD'] == True %}
{% include 'lastheard.html' ignore missing %}
{% endif %}
<fieldset style="background-color:#f0f0f0; margin-left:15px; margin-right:15px; font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Connected to Server :.&nbsp;</span></b></legend>
<table style="table-layout:fixed; width:100%; font: 10pt arial, sans-serif; font-weight:600; margin-top:5px; margin-bottom:5px; border:none !important; border-collapse:collapse;">
{% if _table['MASTERS']|length >0 %}
<tr style="border-collapse:collapse; border:none;"><td style="border-collapse:collapse; border:none;">
<div style="background-color:#f9f9f9; background-image: linear-gradient(to bottom, #e9e9e9 50%, #bcbaba 100%); border-radius: 10px; border: 1px solid LightGrey;">
<br>
<div style="text-align:left;"><span style="color:#464646;font-weight:600;line-height:1.4;">&nbsp;&nbsp;USERS:</span></div>
<div style="text-align:left;font:9.5pt arial, sans-serif;font-weight:bold;margin-left:25px; margin-right:25px;line-height:1.4;white-space:normal;">
{% for _master in _table['MASTERS'] %}
{% if _table['MASTERS'][_master]['PEERS']|length >0 %}
{% for _client, _cdata in _table['MASTERS'][_master]['PEERS'].items() %}
<span class="tooltip" style="border-bottom: 1px dotted white;">
<a style="border-bottom: 1px dotted white;font: 9.5pt arial,sans-serif;font-weight:bold;color:#0066ff;text-shadow: 1px 1px 1px Lightgrey, 0 0 0.5em LightGrey, 0 0 1em whitesmoke;" target="_blank" href="http://www.qrz.com/db/{{_cdata['CALLSIGN']}}"><b>{{_cdata['CALLSIGN']}}</b></a>
<span class="tooltiptext" style="left:115%;top:-10px;">
<span style="font: 9pt arial,sans-serif;color:#FFFFFF">
&nbsp;&nbsp;&nbsp;<b>DMR ID</b>: <b><font color=yellow>{{ _client }}</b></font><br>
{% if _cdata['RX_FREQ'] == 'N/A' and _cdata['TX_FREQ'] == 'N/A' %}
&nbsp;&nbsp;&nbsp;<b>Type: <font color=yellow>IP Network</font></b><br>
{% else %}
&nbsp;&nbsp;&nbsp;<b>Type: <font color=yellow>Radio</font></b> ({{ _cdata['SLOTS'] }})<br>
{% endif %}
&nbsp;&nbsp;&nbsp;<b>Hardware</b>: {{_cdata['PACKAGE_ID'] }}
<br>&nbsp;&nbsp;&nbsp;<b>Soft_Ver</b>: {{_cdata['SOFTWARE_ID'] }}
<br>&nbsp;&nbsp;&nbsp;<b>Info</b>: {{_cdata['LOCATION']}}
<br>&nbsp;&nbsp;&nbsp;<b>Master</b>: <font color=yellow>{{_master}}</font>
<br>&nbsp;&nbsp;&nbsp;<b>Time connected</b>: <font color=yellow>{{ _cdata['CONNECTED'] }}</font>
</span></span></span>&nbsp;
{% endfor %}
<legend><b><span style="color:#000;">&nbsp;.: Connected to Server :.&nbsp;</span></b></legend>
<table style="table-layout:fixed; width:100%; font: 10pt arial, sans-serif; font-weight:600; margin-top:5px; margin-bottom:5px; border:none !important; border-collapse:collapse;">
{% if _table['MASTERS']|length >0 %}
<tr style="border-collapse:collapse; border:none;">
<td style="border-collapse:collapse; border:none;">
<div style="background-color:#f9f9f9; background-image: linear-gradient(to bottom, #e9e9e9 50%, #bcbaba 100%); border-radius: 10px; border: 1px solid LightGrey;">
<br>
<div style="text-align:left;"><span style="color:#464646;font-weight:600;line-height:1.4;">&nbsp;&nbsp;USERS:</span></div>
<div style="text-align:left;font:9.5pt arial, sans-serif;font-weight:bold;margin-left:25px; margin-right:25px;line-height:1.4;white-space:normal;">
{% for _master in _table['MASTERS'] %}
{% if _table['MASTERS'][_master]['PEERS']|length >0 %}
{% for _client, _cdata in _table['MASTERS'][_master]['PEERS'].items() %}
<span class="tooltip" style="border-bottom: 1px dotted white;">
<a style="border-bottom: 1px dotted white;font: 9.5pt arial,sans-serif;font-weight:bold;color:#0066ff;text-shadow: 1px 1px 1px Lightgrey, 0 0 0.5em LightGrey, 0 0 1em whitesmoke;" target="_blank" href="http://www.qrz.com/db/{{_cdata['CALLSIGN']}}"><b>{{_cdata['CALLSIGN']}}</b></a>
<span class="tooltiptext" style="left:115%;top:-10px;">
<span style="font: 9pt arial,sans-serif;color:#FFFFFF">
&nbsp;&nbsp;&nbsp;<b>DMR ID</b>: <b><font color=yellow>{{ _client }}</b></font><br>
{% if _cdata['RX_FREQ'] == 'N/A' and _cdata['TX_FREQ'] == 'N/A' %}
&nbsp;&nbsp;&nbsp;<b>Type: <font color=yellow>IP Network</font></b><br>
{% else %}
&nbsp;&nbsp;&nbsp;<b>Type: <font color=yellow>Radio</font></b> ({{ _cdata['SLOTS'] }})<br>
{% endif %}
&nbsp;&nbsp;&nbsp;<b>Hardware</b>: {{_cdata['PACKAGE_ID'] }}
<br>&nbsp;&nbsp;&nbsp;<b>Soft_Ver</b>: {{_cdata['SOFTWARE_ID'] }}
<br>&nbsp;&nbsp;&nbsp;<b>Info</b>: {{_cdata['LOCATION']}}
<br>&nbsp;&nbsp;&nbsp;<b>Master</b>: <font color=yellow>{{_master}}</font>
<br>&nbsp;&nbsp;&nbsp;<b>Time connected</b>: <font color=yellow>{{ _cdata['CONNECTED'] }}</font>
</span>
</span>
</span>&nbsp;
{% endfor %}
{% endif %}
{% endfor %}
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
{% if _table['PEERS']|length >0 %}
<br>
<div style="text-align:left;"><span style="color:#464646;font-weight:600;line-height:1.8;">&nbsp;&nbsp;PEERS:</span></div>
<div style="text-align:left;font:9.5pt arial, sans-serif;font-weight:bold;margin-left:25px; margin-right:25px;line-height:1.6;white-space:normal;">
{% for _peer, _pdata in _table['PEERS'].items() %}
<span class="tooltip" style="margin-bottom:6px;border-bottom: 1px dotted white;{{'background-color:#8ecfb4; color:#464646;' if _table['PEERS'][_peer]['STATS']['CONNECTION'] == 'YES' else 'background-color:#ff0000; color:white;'}}"><b>&nbsp;&nbsp;{{_peer}}&nbsp;&nbsp;</b>
{% if _table['PEERS'][_peer]['STATS']['CONNECTION'] == 'YES' %}
<span class="tooltiptext" style="top:120%;left:50%;margin-left:-70%;width:100px;padding: 2px 0;">
<center><font color=white>Connected</font></center>
</span>
{% else %}
<span class="tooltiptext" style="top:120%;left:50%;margin-left:-70%;width:100px;padding: 2px 0;">
<center><b><font color=white>Disconnected</font></center>
</span>
{% if _table['PEERS']|length >0 %}
<br>
<div style="text-align:left;"><span style="color:#464646;font-weight:600;line-height:1.8;">&nbsp;&nbsp;PEERS:</span></div>
<div style="text-align:left;font:9.5pt arial, sans-serif;font-weight:bold;margin-left:25px; margin-right:25px;line-height:1.6;white-space:normal;">
{% for _peer, _pdata in _table['PEERS'].items() %}
<span class="tooltip" style="margin-bottom:6px;border-bottom: 1px dotted white;{{'background-color:#8ecfb4; color:#464646;' if _table['PEERS'][_peer]['STATS']['CONNECTION'] == 'YES' else 'background-color:#ff0000; color:white;'}}"><b>&nbsp;&nbsp;{{_peer}}&nbsp;&nbsp;</b>
{% if _table['PEERS'][_peer]['STATS']['CONNECTION'] == 'YES' %}
<span class="tooltiptext" style="top:120%;left:50%;margin-left:-70%;width:100px;padding: 2px 0;">
<center><font color=white>Connected</font></center>
</span>
{% else %}
<span class="tooltiptext" style="top:120%;left:50%;margin-left:-70%;width:100px;padding: 2px 0;">
<center><b><font color=white>Disconnected</font></center>
</span>
{% endif %}
</span>&nbsp;
{% endfor %}
</div>
{% endif %}
</span>&nbsp;
{% endfor %}
</div>
{% endif %}
<br>
</div></td></tr></table>
<br>
</div>
</td>
</tr>
</table>
</fieldset>

68
templates/masters_table.html
View File

@ -1,55 +1,55 @@
<fieldset style="background-color:#e0e0e0e0; margin-left:15px;margin-right:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Masters status :.&nbsp;</font></b></legend>
{% if _table['MASTERS']|length >0 %}
<table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif; margin-top:5px; margin-bottom:5px;">
<legend><b><font color="#000">&nbsp;.: Masters status :.&nbsp;</font></b></legend>
{% if _table['MASTERS']|length >0 %}
<table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif; margin-top:5px; margin-bottom:5px;">
<tr class="theme_color" style="font: 10pt arial, sans-serif;">
<th style='width: 120px;'>HB Protocol<br>Master Systems</th>
<th style='width: 160px;'>Callsign (DMR Id)<br>Info</th>
<th style='width: 90px;'>Time Connected</th>
<th style='width: 40px;'>Slot</th>
<th style='width: 50%;'>Source</th>
<th style='width: 40%;'>Destination</th>
<th style='width: 120px;'>HB Protocol<br>Master Systems</th>
<th style='width: 160px;'>Callsign (DMR Id)<br>Info</th>
<th style='width: 90px;'>Time Connected</th>
<th style='width: 40px;'>Slot</th>
<th style='width: 50%;'>Source</th>
<th style='width: 40%;'>Destination</th>
</tr>
{% for _master in _table['MASTERS'] %}
{% for _master in _table['MASTERS'] %}
{% if ((_table['MASTERS'][_master]['PEERS']|length==0 or _table['MASTERS'][_master]['PEERS']|length>0) and emaster==True) or (_table['MASTERS'][_master]['PEERS']|length>0 and emaster==False) %}
<tr style="background-color:#f9f9f9f9;">
<td style="font-weight:bold" rowspan="{{ (_table['MASTERS'][_master]['PEERS']|length * 2) +1 }}"> {{_master}}<br><div style="font: 8pt arial, sans-serif">{{_table['MASTERS'][_master]['REPEAT']}}</div></td>
<td style="font-weight:bold" rowspan="{{ (_table['MASTERS'][_master]['PEERS']|length * 2) +1 }}"> {{_master}}<br><div style="font: 8pt arial, sans-serif">{{_table['MASTERS'][_master]['REPEAT']}}</div></td>
</tr>
{% for _client, _cdata in _table['MASTERS'][_master]['PEERS'].items() %}
<tr style="background-color:#f9f9f9f9;">
<td rowspan="2"><div class="tooltip"><b><font color=#0066ff>{{ _cdata['CALLSIGN']}}</font>
<td rowspan="2"><div class="tooltip"><b><font color=#0066ff>{{ _cdata['CALLSIGN']}}</font>
</b><span style="font: 8pt arial,sans-serif">(Id: {{ _client }})</span><span class="tooltiptext">
<span style="font: 9pt arial,sans-serif;color:#FFFFFF">
{% if _cdata['RX_FREQ'] == 'N/A' and _cdata['TX_FREQ'] == 'N/A' %}
&nbsp;&nbsp;&nbsp;<b>Type: <font color=yellow>IP Network</font></b><br>
{% else %}
&nbsp;&nbsp;&nbsp;<b>Type: <font color=yellow>Radio</font></b> ({{ _cdata['SLOTS'] }})<br>
&nbsp;&nbsp;&nbsp;<b>Type: <font color=yellow>IP Network</font></b><br>
{% else %}
&nbsp;&nbsp;&nbsp;<b>Type: <font color=yellow>Radio</font></b> ({{ _cdata['SLOTS'] }})<br>
{% endif %}
&nbsp;&nbsp;&nbsp;<b>Soft_Ver</b>: {{_cdata['SOFTWARE_ID'] }}
&nbsp;&nbsp;&nbsp;<b>Soft_Ver</b>: {{_cdata['SOFTWARE_ID'] }}
<br>&nbsp;&nbsp;&nbsp;<b>Hardware</b>: {{_cdata['PACKAGE_ID'] }}</span></span></div>
<br><div style="font: 92% arial,sans-serif; color:#b5651d;font-weight:bold">{{_cdata['LOCATION']}}</div></td>
<td style="background-color:#e8ffec;font: 10pt arial, sans-serif;" rowspan="2">{{ _cdata['CONNECTED'] }}</td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[1]['BGCOLOR'] if _cdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[1]['COLOR'] if _cdata[1]['COLOR']|length !=0 else '000000' }}"><span style="color:#{{ _cdata[1]['COLOR'] if _cdata[1]['BGCOLOR'] == 'ff6347' else 'b70101'}}">TS1</span></td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[1]['BGCOLOR'] if _cdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[1]['COLOR'] if _cdata[1]['COLOR']|length !=0 else '000000' }}">{{ _cdata[1]['SUB']|safe }}</td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[1]['BGCOLOR'] if _cdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[1]['COLOR'] if _cdata[1]['COLOR']|length !=0 else '000000' }}">{{ _cdata[1]['DEST']|safe }}</td>
<tr style="background-color:#f9f9f9f9;">
<td style="background-color:#e8ffec;font: 10pt arial, sans-serif;" rowspan="2">{{ _cdata['CONNECTED'] }}</td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[1]['BGCOLOR'] if _cdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[1]['COLOR'] if _cdata[1]['COLOR']|length !=0 else '000000' }}"><span style="color:#{{ _cdata[1]['COLOR'] if _cdata[1]['BGCOLOR'] == 'ff6347' else 'b70101'}}">TS1</span></td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[1]['BGCOLOR'] if _cdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[1]['COLOR'] if _cdata[1]['COLOR']|length !=0 else '000000' }}">{{ _cdata[1]['SUB']|safe }}</td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[1]['BGCOLOR'] if _cdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[1]['COLOR'] if _cdata[1]['COLOR']|length !=0 else '000000' }}">{{ _cdata[1]['DEST']|safe }}</td>
<tr style="background-color:#f9f9f9f9;">
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[2]['BGCOLOR'] if _cdata[2]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[2]['COLOR'] if _cdata[2]['COLOR']|length !=0 else '000000' }}"><span style="color:#{{ _cdata[2]['COLOR'] if _cdata[2]['BGCOLOR'] == 'ff6347' else '3a4aa6'}}">TS2</span></td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[2]['BGCOLOR'] if _cdata[2]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[2]['COLOR'] if _cdata[2]['COLOR']|length !=0 else '000000' }}">{{ _cdata[2]['SUB']|safe }}</td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _cdata[2]['BGCOLOR'] if _cdata[2]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _cdata[2]['COLOR'] if _cdata[2]['COLOR']|length !=0 else '000000' }}">{{ _cdata[2]['DEST']|safe }}</td>
</tr>
</tr>
</tr>
{% endfor %}
{% endif %}
{% endfor %}
</table>
{% else %}
<table style='width:100%; font: 13pt arial, sans-serif; margin-top:8px;margin-bottom:8px;'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from the Server ...</center></b></td>
</tr>
</table>
{% endif %}
</tr>
{% endfor %}
{% endif %}
{% endfor %}
</table>
{% else %}
<table style='width:100%; font: 13pt arial, sans-serif; margin-top:8px;margin-bottom:8px;'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from the Server ...</center></b></td>
</tr>
</table>
{% endif %}
</fieldset>

34
templates/opb_table.html
View File

@ -1,25 +1,25 @@
<fieldset style="background-color:#e0e0e0e0;margin-left:15px;margin-right:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: OpenBridge status :.&nbsp;</font></b></legend>
{% if _table['OPENBRIDGES']|length >0 %}
<table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif; margin-top:5px; margin-bottom:5px;">
<legend><b><font color="#000">&nbsp;.: OpenBridge status :.&nbsp;</font></b></legend>
{% if _table['OPENBRIDGES']|length >0 %}
<table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif; margin-top:5px; margin-bottom:5px;">
<tr class="theme_color" style="width:100%; font: 10pt arial, sans-serif;">
<th style='width: 12%'>OpenBridge<br>Systems</th>
<th style='width: 12%'>Network ID</th>
<th style='width: 70%;'>Active QSOs</th>
<th style='width: 12%'>OpenBridge<br>Systems</th>
<th style='width: 12%'>Network ID</th>
<th style='width: 70%;'>Active QSOs</th>
</tr>
{% for _openbridge in _table['OPENBRIDGES'] %}
<tr style="background-color:#f9f9f9f9;">
<td style="font-weight:bold; padding-left: 20px; text-align:left;"> {{ _openbridge}} </td>
<td><div style="font: 9pt arial, sans-serif;margin-top:3px;margin-bottom:3px;">Net ID: <span style="font: 9pt arial, sans-serif;font-weight:bold;">{{ _table['OPENBRIDGES'][_openbridge]['NETWORK_ID'] }}</td>
<td style="background-color:#f9f9f9f9; font: 9pt arial, sans-serif; font-weight: 600; color:#464646;">{% for entry in _table['OPENBRIDGES'][_openbridge]['STREAMS'] %}[<span style="{{ 'color:#008000;' if _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0] == 'RX' else 'color:red;' }}">{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0] }}</span>: <font color=#0065ff> {{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][1] }}</font> >> <font color=#b5651d>TG&nbsp;{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][2]|safe }}</font>]&nbsp;{% endfor %}</td>
</tr>
<td style="font-weight:bold; padding-left: 20px; text-align:left;"> {{ _openbridge}} </td>
<td><div style="font: 9pt arial, sans-serif;margin-top:3px;margin-bottom:3px;">Net ID: <span style="font: 9pt arial, sans-serif;font-weight:bold;">{{ _table['OPENBRIDGES'][_openbridge]['NETWORK_ID'] }}</td>
<td style="background-color:#f9f9f9f9; font: 9pt arial, sans-serif; font-weight: 600; color:#464646;">{% for entry in _table['OPENBRIDGES'][_openbridge]['STREAMS'] %}[<span style="{{ 'color:#008000;' if _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0] == 'RX' else 'color:red;' }}">{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][0] }}</span>: <font color=#0065ff> {{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][1] }}</font> >> <font color=#b5651d>TG&nbsp;{{ _table['OPENBRIDGES'][_openbridge]['STREAMS'][entry][2]|safe }}</font>]&nbsp;{% endfor %}</td>
</tr>
{% endfor %}
</table>
</table>
{% else %}
<table style='width:100%; font: 13pt arial, sans-serif'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from Server ... or not defined on Server</center></b></td>
</tr>
</table>
{% endif %}
<table style='width:100%; font: 13pt arial, sans-serif'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from Server ... or not defined on Server</center></b></td>
</tr>
</table>
{% endif %}
</fieldset>

53
templates/peers_table.html
View File

@ -1,37 +1,36 @@
<fieldset style="background-color:#e0e0e0e0;margin-left:15px;margin-right:15px;font-size:14px;border-top-left-radius: 10px; border-top-right-radius: 10px;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;">
<legend><b><font color="#000">&nbsp;.: Peers status :.&nbsp;</font></b></legend>
{% if _table['PEERS']|length >0 %}
<table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif; margin-top:5px;margin-bottom:5px;">
<legend><b><font color="#000">&nbsp;.: Peers status :.&nbsp;</font></b></legend>
{% if _table['PEERS']|length >0 %}
<table style="table-layout:fixed;width:100%; font: 10pt arial, sans-serif; margin-top:5px;margin-bottom:5px;">
<tr class="theme_color" style="font: 10pt arial, sans-serif;">
<th style='width: 120px;'>HB Protocol<br>Peer Systems</th>
<th style='width: 160px;'>Callsign (DMR Id)<br>Info</th>
<th style='width: 90px;'>Connected<br>TX/RX/Lost</th>
<th style='width: 42px;'>Slot</th>
<th style='width: 50%;'>Source</th>
<th style='width: 40%;'>Destination</th>
<th style='width: 120px;'>HB Protocol<br>Peer Systems</th>
<th style='width: 160px;'>Callsign (DMR Id)<br>Info</th>
<th style='width: 90px;'>Connected<br>TX/RX/Lost</th>
<th style='width: 42px;'>Slot</th>
<th style='width: 50%;'>Source</th>
<th style='width: 40%;'>Destination</th>
</tr>
{% for _peer, _pdata in _table['PEERS'].items() %}
<tr style="background-color:#f9f9f9f9;">
<td style="font-weight:bold" rowspan="2"> {{ _peer}}<br><span style="font-weight:normal; font: 7pt arial, sans-serif;">Mode: {{ _table['PEERS'][_peer]['MODE'] }}</span></td>
<td rowspan="2"><div class="tooltip"><b><font color=#0066ff>{{_table['PEERS'][_peer]['CALLSIGN']}}</font> </b><span style="font-weight:normal; font: 8pt arial, sans-serif;">(Id: {{ _table['PEERS'][_peer]['RADIO_ID'] }})</span><span class="tooltiptext" style="width:170px;">&nbsp;&nbsp;&nbsp;<b>Linked Time Slot: <font color=yellow>{{ _table['PEERS'][_peer]['SLOTS'] }}</font></b></span></div><br><div style="font: 92% arial, sans-serif; color:#b5651d;font-weight:bold">{{_table['PEERS'][_peer]['LOCATION']}}</div></td>
<td rowspan="2"; style="font: 9pt arial, sans-serif;{{ 'background-color:#98FB98' if _table['PEERS'][_peer]['STATS']['CONNECTION'] == 'YES' else ';background-color:#ff704d' }}">{{ _table['PEERS'][_peer]['STATS']['CONNECTED'] }}<br><div style="font: 8pt arial, sans-serif">{{ _table['PEERS'][_peer]['STATS']['PINGS_SENT'] }} / {{ _table['PEERS'][_peer]['STATS']['PINGS_ACKD'] }} / {{ _table['PEERS'][_peer]['STATS']['PINGS_SENT'] - _table['PEERS'][_peer]['STATS']['PINGS_ACKD'] }}</div></td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _pdata[1]['BGCOLOR'] if _pdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[1]['COLOR'] if _pdata[1]['COLOR']|length !=0 else '000000' }}"><span style="color:#b70101">TS1</span></td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _pdata[1]['BGCOLOR'] if _pdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[1]['COLOR'] if _pdata[1]['COLOR']|length !=0 else '000000' }}">{{ _pdata[1]['SUB']|safe }}</td>
<td style="font: 10pt arial, sans-serif;color:#464646;background-color:#{{ _pdata[1]['BGCOLOR'] if _pdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[1]['COLOR'] if _pdata[1]['COLOR']|length !=0 else '000000' }}">{{ _pdata[1]['DEST']|safe }}</td>
<tr style="background-color:#f9f9f9f9;">
<td style="font-weight:bold" rowspan="2"> {{ _peer}}<br><span style="font-weight:normal; font: 7pt arial, sans-serif;">Mode: {{ _table['PEERS'][_peer]['MODE'] }}</span></td>
<td rowspan="2"><div class="tooltip"><b><font color=#0066ff>{{_table['PEERS'][_peer]['CALLSIGN']}}</font> </b><span style="font-weight:normal; font: 8pt arial, sans-serif;">(Id: {{ _table['PEERS'][_peer]['RADIO_ID'] }})</span><span class="tooltiptext" style="width:170px;">&nbsp;&nbsp;&nbsp;<b>Linked Time Slot: <font color=yellow>{{ _table['PEERS'][_peer]['SLOTS'] }}</font></b></span></div><br><div style="font: 92% arial, sans-serif; color:#b5651d;font-weight:bold">{{_table['PEERS'][_peer]['LOCATION']}}</div></td>
<td rowspan="2" style="font: 9pt arial, sans-serif;{{ 'background-color:#98FB98' if _table['PEERS'][_peer]['STATS']['CONNECTION'] == 'YES' else ';background-color:#ff704d' }}">{{ _table['PEERS'][_peer]['STATS']['CONNECTED'] }}<br><div style="font: 8pt arial, sans-serif">{{ _table['PEERS'][_peer]['STATS']['PINGS_SENT'] }} / {{ _table['PEERS'][_peer]['STATS']['PINGS_ACKD'] }} / {{ _table['PEERS'][_peer]['STATS']['PINGS_SENT'] - _table['PEERS'][_peer]['STATS']['PINGS_ACKD'] }}</div></td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _pdata[1]['BGCOLOR'] if _pdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[1]['COLOR'] if _pdata[1]['COLOR']|length !=0 else '000000' }}"><span style="color:#b70101">TS1</span></td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _pdata[1]['BGCOLOR'] if _pdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[1]['COLOR'] if _pdata[1]['COLOR']|length !=0 else '000000' }}">{{ _pdata[1]['SUB']|safe }}</td>
<td style="font: 10pt arial, sans-serif;color:#464646;background-color:#{{ _pdata[1]['BGCOLOR'] if _pdata[1]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[1]['COLOR'] if _pdata[1]['COLOR']|length !=0 else '000000' }}">{{ _pdata[1]['DEST']|safe }}</td>
<tr style="background-color:#f9f9f9f9;">
<td style="font: 10pt arial, sans-serif;background-color:#{{ _pdata[2]['BGCOLOR'] if _pdata[2]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[2]['COLOR'] if _pdata[2]['COLOR']|length !=0 else '000000' }}"><span style="color:#{{ _pdata[2]['COLOR'] if _pdata[2]['BGCOLOR'] == 'ff6347' else '3a4aa6'}}">TS2</span></td>
<td style="font: 10pt arial, sans-serif;background-color:#{{ _pdata[2]['BGCOLOR'] if _pdata[2]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[2]['COLOR'] if _pdata[2]['COLOR']|length !=0 else '000000' }}">{{ _pdata[2]['SUB']|safe }}</td>
<td style="font: 10pt arial, sans-serif;color:#464646;background-color:#{{ _pdata[2]['BGCOLOR'] if _pdata[2]['BGCOLOR']|length !=0 else 'f9f9f9f9' }}; color:#{{ _pdata[2]['COLOR'] if _pdata[2]['COLOR']|length !=0 else '000000' }}">{{ _pdata[2]['DEST']|safe }}</td>
</tr>
</tr>
</tr>
{% endfor %}
</table>
{% else %}
<table style='width:100%; font: 13pt arial, sans-serif; margin-top:8px;margin-bottom:8px;'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from the Server ... or not defined on Server</center></b></td>
</tr>
</table>
{% endif %}
{% endfor %}
</table>
{% else %}
<table style='width:100%; font: 13pt arial, sans-serif; margin-top:8px;margin-bottom:8px;'>
<tr style='border:none; background-color:#f9f9f9f9;'>
<td style='border:none;height:60px;'><font color=brown><b><center>Waiting for data from the Server ... or not defined on Server</center></b></td>
</tr>
</table>
{% endif %}
</fieldset>