BetterCorp/BetterFrame
1
0
Fork 0
mirror of https://github.com/BetterCorp/BetterFrame.git synced 2026-05-26 17:56:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 10

fix(ui): add source/sink columns to event subscriptions + full width

Browse source 
Event subscriptions table now shows Source and Sink columns.
Camera detail page uses full width instead of max-width 700px.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Mitchell R 2026-05-26 06:26:49 +02:00
parent 69e6ce1cbc
commit 2a21ababc0
No known key found for this signature in database
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
server/src/web-templates/admin-pages.tsx
View file

@ -1246,7 +1246,7 @@ export function CameraEditPage(props: CameraEditProps) {
: undefined : undefined
} }
> >
<div style="max-width:700px"> <div>
{cam.type === "cloud" && ( {cam.type === "cloud" && (
<div class="card" style="margin-bottom:1.5rem"> <div class="card" style="margin-bottom:1.5rem">
<h2 style="margin:0 0 1rem; font-size:1.1rem"> <h2 style="margin:0 0 1rem; font-size:1.1rem">
@ -1400,7 +1400,7 @@ export function CameraEditPage(props: CameraEditProps) {
{sortedTopics.length > 0 ? ( {sortedTopics.length > 0 ? (
<div class="table-wrap"> <div class="table-wrap">
<table> <table>
<thead><tr><th style="width:2rem">Status</th><th>Topic</th><th>Last Event</th><th>Error</th></tr></thead> <thead><tr><th style="width:2rem">Status</th><th>Topic</th><th>Source</th><th>Sink</th><th>Last Event</th><th>Error</th></tr></thead>
<tbody> <tbody>
{[...sortedTopics].map((t) => { {[...sortedTopics].map((t) => {
const sub = subMap.get(t); const sub = subMap.get(t);
@ -1421,6 +1421,8 @@ export function CameraEditPage(props: CameraEditProps) {
<span style={`display:inline-block; width:10px; height:10px; border-radius:50%; background:${dotColor}`}></span> <span style={`display:inline-block; width:10px; height:10px; border-radius:50%; background:${dotColor}`}></span>
</td> </td>
<td><code style="font-size:0.8rem">{t}</code></td> <td><code style="font-size:0.8rem">{t}</code></td>
<td style="font-size:0.8rem; color:#666">{sub?.event_source ?? "—"}</td>
<td style="font-size:0.8rem; color:#666">{sub?.event_sink ?? "—"}</td>
<td style="font-size:0.8rem; white-space:nowrap; color:#666"> <td style="font-size:0.8rem; white-space:nowrap; color:#666">
{sub?.last_event_at ? formatTime(sub.last_event_at) : "—"} {sub?.last_event_at ? formatTime(sub.last_event_at) : "—"}
</td> </td>