WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 18 Pull requests 3 Projects Releases Packages Wiki Activity Actions

Add Z-AMPP UI: screens-ingest + screens-admin: screens-ingest.jsx

Browse source
This commit is contained in:
Zac Gaetano 2026-05-22 08:22:37 -04:00
parent 575e350831
commit 20dfa504e5
1 changed files with 4 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
services/web-ui/public/screens-ingest.jsx
View file

@ -2,6 +2,7 @@
const { RECORDERS, NODES, SDI_PORTS_zampp2, PROJECTS } = window.ZAMPP_DATA;
/* ========== Upload ========== */
function Upload({ navigate }) {
const [files, setFiles] = React.useState([
{ id: 1, name: "Drone_Aerial_Lap_4.mov", size: "12.4 GB", progress: 68, status: "uploading" },
@ -87,6 +88,7 @@ function Upload({ navigate }) {
);
}
/* ========== Recorders (live ingest dashboard) ========== */
function Recorders({ navigate, onNew }) {
return (
<div className="page">
@ -188,6 +190,7 @@ function badgeForStatus(s) {
return { recording: "live", armed: "accent", idle: "neutral", error: "danger", offline: "neutral" }[s] || "neutral";
}
/* ========== Capture (rich SDI port picker) ========== */
function Capture({ navigate }) {
const [activePort, setActivePort] = React.useState(1);
const ports = SDI_PORTS_zampp2;
@ -322,6 +325,7 @@ function CaptureStat({ label, value }) {
);
}
/* ========== Monitors (multi-cam grid) ========== */
function Monitors({ navigate }) {
const [grid, setGrid] = React.useState(4);
const allFeeds = [