update display2

This commit is contained in:
Flatlogic Bot 2026-04-04 18:20:26 +00:00
parent adcf09fd5d
commit 2ca10cf0a0

View File

@ -38,6 +38,17 @@ qh_page_start(
padding-top: 0 !important;
padding-bottom: 0 !important;
}
@keyframes highlightPulse {
0% { transform: scale(1); box-shadow: var(--shadow); border: 2px solid transparent; }
50% { transform: scale(1.05); box-shadow: 0 0 30px rgba(15, 139, 141, 0.6); border: 2px solid var(--accent-strong); }
100% { transform: scale(1); box-shadow: var(--shadow); border: 2px solid transparent; }
}
.blinking-ticket {
animation: highlightPulse 1.5s ease-in-out infinite;
z-index: 10;
position: relative;
background-color: #fff !important;
}
</style>
<div class="container-fluid px-0 px-lg-0 py-0 m-0" data-auto-refresh="5" style="min-height: 100vh; display: flex; flex-direction: column; ">
<!-- Top Header for Display Board -->
@ -79,9 +90,12 @@ qh_page_start(
<div class="card-body p-4 bg-light">
<?php if ($activeCalls): ?>
<div class="row g-3 row-cols-2 row-cols-lg-5">
<?php foreach ($activeCalls as $ticket): $speech = qh_call_message($ticket); ?>
<?php foreach ($activeCalls as $ticket): $speech = qh_call_message($ticket);
$isNew = abs(time() - strtotime((string) $ticket["called_at"])) <= 15;
$blinkClass = $isNew ? 'blinking-ticket' : '';
?>
<div class="col">
<div class="card border-0 shadow-sm h-100 announcement-card" data-announcement-key="<?= qh_h((string) $ticket['id']) ?>-<?= qh_h((string) strtotime((string) $ticket['called_at'])) ?>" data-announcement-en="<?= qh_h($speech['speech_en'] ?? $speech['en']) ?>" data-announcement-ar="<?= qh_h($speech['speech_ar'] ?? $speech['ar']) ?>">
<div class="card border-0 shadow-sm h-100 announcement-card <?= $blinkClass ?>" data-announcement-key="<?= qh_h((string) $ticket['id']) ?>-<?= qh_h((string) strtotime((string) $ticket['called_at'])) ?>" data-announcement-en="<?= qh_h($speech['speech_en'] ?? $speech['en']) ?>" data-announcement-ar="<?= qh_h($speech['speech_ar'] ?? $speech['ar']) ?>">
<div class="card-body w-100 text-center p-2 d-flex flex-column align-items-center justify-content-center">
<div class="fs-2 fw-bold text-primary mb-1"><?= qh_h($ticket['ticket_number']) ?></div>
<div class="small text-muted mb-1 text-truncate w-100" title="<?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?>"><?= qh_h(qh_name($ticket, 'doctor_name', qh_t('Doctor', 'الطبيب'))) ?></div>