theater/qrun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Render chain cells as arrows in timeline UI

Browse Source
This commit is contained in:
Ian Gulliver
2026-02-21 16:40:30 -07:00
parent 13a4c41cc6
commit 50d4b12299
2 changed files with 6 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
cmd/qrunproxy/static/index.html
View File

@@ -181,13 +181,17 @@ function render(data) {
const hasSignal = !hasCue && cells.some(c => c.event && c.is_signal); const hasSignal = !hasCue && cells.some(c => c.event && c.is_signal);
const rowCls = hasCue ? ' cue-row' : (hasSignal ? ' sig-row' : ''); const rowCls = hasCue ? ' cue-row' : (hasSignal ? ' sig-row' : '');
cells.forEach(c => { cells.forEach((c, ti) => {
const div = document.createElement('div'); const div = document.createElement('div');
div.className = 'cell' + rowCls; div.className = 'cell' + rowCls;
if (c.is_title) { if (c.is_title) {
const block = data.blocks[c.block_id] || {}; const block = data.blocks[c.block_id] || {};
const loop = block.loop ? ' \u21A9' : ''; const loop = block.loop ? ' \u21A9' : '';
div.innerHTML = `<div class="block block-mid ${block.type || ''}"><div class="title">${block.name || ''}${loop}</div></div>`; div.innerHTML = `<div class="block block-mid ${block.type || ''}"><div class="title">${block.name || ''}${loop}</div></div>`;
} else if (c.is_chain) {
const nextCell = data.tracks[ti]?.cells[r+1] || {};
const sym = nextCell.is_start ? '\u2193' : '\u2502';
div.innerHTML = `<div style="text-align:center;color:var(--fg-dim);font-size:14px;line-height:24px">${sym}</div>`;
} else if (c.block_id) { } else if (c.block_id) {
const block = data.blocks[c.block_id] || {}; const block = data.blocks[c.block_id] || {};
const isInfinity = r === numRows - 1 && !c.is_end && !c.is_title; const isInfinity = r === numRows - 1 && !c.is_end && !c.is_title;

2
cmd/qrunproxy/timeline.go
View File

@@ -28,7 +28,7 @@ type TimelineCell struct {
IsTitle bool `json:"is_title,omitempty"` IsTitle bool `json:"is_title,omitempty"`
IsSignal bool `json:"is_signal,omitempty"` IsSignal bool `json:"is_signal,omitempty"`
IsGap bool `json:"-"` IsGap bool `json:"-"`
IsChain bool `json:"-"` IsChain bool `json:"is_chain,omitempty"`
row int `json:"-"` row int `json:"-"`
track *TimelineTrack `json:"-"` track *TimelineTrack `json:"-"`
} }