Improve SSE row highlight and pluk audio

This commit is contained in:
sas.fajri
2026-04-30 15:08:54 +07:00
parent e29e943c27
commit 00389df601
3 changed files with 373 additions and 12 deletions

View File

@@ -16,7 +16,8 @@
{{if .Rows}}
<ul class="divide-y divide-slate-50 px-3 py-2">
{{range .Rows}}
<li class="flex items-center gap-3 rounded-xl px-2 py-2.5 transition-colors hover:bg-slate-50">
<li class="arrival-row flex items-center gap-3 rounded-xl px-2 py-2.5 transition-colors hover:bg-slate-50"
data-arrival-key="{{.Name}}|{{.Date}}|{{.InTime}}|{{.Station}}">
<div class="flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-full bg-brand-50 text-xs font-bold text-brand-600">
{{.Name | initials}}
</div>

View File

@@ -21,7 +21,11 @@
</thead>
<tbody class="divide-y divide-slate-50">
{{range .Rows}}
<tr class="hover:bg-slate-50 transition-colors">
<tr class="station-row hover:bg-slate-50 transition-colors"
data-station-key="{{.Station | stationShort}}"
data-processed="{{.Processed}}"
data-pending="{{.Pending}}"
data-total="{{.Total}}">
<td class="px-3 py-2.5 font-medium text-slate-700">
{{.Station | stationShort}}
</td>