bonamin/bellsystems-cp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed the Device Info lines

Browse Source
This commit is contained in:
Vasileios Kousaridas
2026-02-18 15:06:52 +02:00
parent cc59622378
commit 15021734b2
1 changed files with 20 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/devices/DeviceDetail.jsx
View File

@@ -301,22 +301,26 @@ export default function DeviceDetail() {
<div className="grid gap-6 items-start" style={{ gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 480px), 1fr))" }}> <div className="grid gap-6 items-start" style={{ gridTemplateColumns: "repeat(auto-fit, minmax(min(100%, 480px), 1fr))" }}>
{/* Basic Information */} {/* Basic Information */}
<SectionCard title="Basic Information"> <SectionCard title="Basic Information">
<dl className="grid gap-4" style={{ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))" }}> <div className="space-y-4">
<Field label="Serial Number"> <dl>
<span className="font-mono">{device.device_id}</span> <Field label="Status">
</Field> <BoolBadge value={isOnline} yesLabel="Online" noLabel="Offline" />
<Field label="Status"> {mqttStatus && (
<BoolBadge value={isOnline} yesLabel="Online" noLabel="Offline" /> <span className="ml-2 text-xs" style={{ color: "var(--text-muted)" }}>
{mqttStatus && ( (MQTT {mqttStatus.seconds_since_heartbeat}s ago)
<span className="ml-2 text-xs" style={{ color: "var(--text-muted)" }}> </span>
(MQTT {mqttStatus.seconds_since_heartbeat}s ago) )}
</span> </Field>
)} </dl>
</Field> <dl className="grid gap-4" style={{ gridTemplateColumns: "repeat(auto-fill, minmax(150px, 1fr))" }}>
<Field label="Document ID"> <Field label="Serial Number">
<span className="font-mono text-xs" style={{ color: "var(--text-muted)" }}>{device.id}</span> <span className="font-mono">{device.device_id}</span>
</Field> </Field>
</dl> <Field label="Document ID">
<span className="font-mono text-xs" style={{ color: "var(--text-muted)" }}>{device.id}</span>
</Field>
</dl>
</div>
</SectionCard> </SectionCard>
{/* Misc */} {/* Misc */}