Files
Shane Daley 087d8ff43d Make the dashboard responsive without changing desktop layout.
Add touch-friendly navigation, cards, forms, and live status views so operational data remains usable across phone and tablet viewports.
2026-09-04 00:54:45 +01:00

42 lines
1.8 KiB
PHP

<?php
include_once 'include/config.php';
include_once 'include/version.php';
include_once 'include/seo.php';
?>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<?php hbmon_seo_head('Dashboard'); ?>
<script type="text/javascript" src="scripts/hbmon.js"></script>
<link rel="stylesheet" type="text/css" href="css/styles.php" />
</head>
<body style="background-color: #d0d0d0;font: 10pt arial, sans-serif;">
<div class="hbmon-page">
<div class="hbmon-shell hbmon-header">
<p class="hbmon-header-version" style="font-size: 10px; text-align: right; margin-right: 16px">Dashboard Version: <?php echo htmlspecialchars(DASH); ?></p>
<img class="hbmon-logo" src="img/HBLINK_logoV2.png?v=<?php echo htmlspecialchars(rawurlencode(DASH)); ?>" alt="HBlink Logo" />
</div>
<div class="hbmon-shell">
<p class="hbmon-report-name" 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'; ?>
<main class="hbmon-shell hbmon-live">
<noscript>You must enable JavaScript</noscript>
<div id="main"></div>
</main>
<!-- LOG monitor -->
<div class="hbmon-shell">
<fieldset class="hbmon-panel" style="font-size:14px; border-radius: 10px;">
<legend><b><span style="color:#000;">&nbsp;.: Call Log :.&nbsp;</span></b></legend>
<pre id="log" role="log" aria-live="polite" aria-relevant="additions" aria-label="Live call 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>
</body>
</html>