wirabasalamah/Qris-Soundbox
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Polish device registry identity displays

Browse Source
This commit is contained in:
Wira Basalamah
2026-06-08 16:09:24 +07:00
parent 67dc286c1a
commit 4bbe3f6807
4 changed files with 48 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
ui/soundbox-ops/index.html
View File

@ -144,7 +144,7 @@
<table class="min-w-full divide-y divide-slate-200 text-sm">
<thead class="bg-slate-50 text-left text-xs font-bold uppercase text-slate-500">
<tr>
<th class="px-5 py-3">Soundbox</th>
<th class="px-5 py-3">Serial Number</th>
<th class="px-5 py-3">Merchant</th>
<th class="px-5 py-3">Mode</th>
<th class="px-5 py-3">Health</th>
@ -373,6 +373,7 @@
const mode = modeMeta(device.communication_mode);
const score = device.health_summary?.score;
const code = device.device_code || device.id || "-";
const serial = device.serial_number || device.device_code || device.id || "-";
const heartbeat = device.latest_heartbeat || {};
const signal = heartbeat.network_strength;
const battery = heartbeat.battery_level;
@ -381,8 +382,8 @@
return `
<tr class="hover:bg-slate-50">
<td class="px-5 py-4">
<a class="font-bold text-slate-950 hover:text-blue-700" href="${detailUrl}">${esc(code)}</a>
<div class="mono mt-1 text-xs text-slate-500">${esc(device.serial_number || device.id || "-")}</div>
<a class="mono font-bold text-slate-950 hover:text-blue-700" href="${detailUrl}">${esc(serial)}</a>
<div class="mono mt-1 text-xs text-slate-500">Code: ${esc(code)}</div>
</td>
<td class="px-5 py-4">
<div class="font-semibold">${esc(merchantName(device))}</div>
@ -438,7 +439,7 @@
state.devices.forEach((device) => {
const option = document.createElement("option");
option.value = device.id;
option.textContent = `${device.device_code || device.serial_number || device.id} · ${device.serial_number || device.model || "soundbox"}`;
option.textContent = `${device.serial_number || device.device_code || device.id} · ${device.model || device.device_code || "soundbox"}`;
select.appendChild(option);
});
if (current && state.devices.some((device) => device.id === current)) {
@ -644,7 +645,7 @@
button.disabled = true;
button.classList.add("opacity-60");
status.textContent = `Sending ${actionLabel.toLowerCase()} to ${device?.device_code || device?.serial_number || deviceId}...`;
status.textContent = `Sending ${actionLabel.toLowerCase()} to ${device?.serial_number || device?.device_code || deviceId}...`;
status.className = "mt-2 min-h-5 text-xs font-semibold text-slate-500";
try {
const result = await api.createDeviceCommand(deviceId, {