add atem transition bar

This commit is contained in:
2023-01-26 02:02:33 -06:00
parent 6f0e528164
commit 8d70d9d246
4 changed files with 35 additions and 11 deletions
+11 -7
View File
@@ -6,7 +6,7 @@
<h3>Program</h3>
<div class="source-wrapper">
<% Object.entries(data.source).forEach(([sourceID, state])=>{ %>
<% if (state.tally.program) { %>
<% if (state.tally && state.tally.program) { %>
<div id="atem-program-source-<%= sourceID %>" class="atem-input program-active">
<div class="source-label">
<%= state.abbreviation %>
@@ -21,13 +21,13 @@
<% } %>
<% }) %>
</div>
</div>
<div class="preview">
</div>
<div class="preview">
<h3>Preview</h3>
<div class="source-wrapper">
<% Object.entries(data.source).forEach(([sourceID, state])=>{ %>
<% if (state.tally.preview) { %>
<% if (state.tally && state.tally.preview) { %>
<div id="atem-preview-source-<%= sourceID %>" class="atem-input preview-active">
<div class="source-label">
<div><%= state.abbreviation %></div>
@@ -41,5 +41,9 @@
</div>
<% } %>
<% }) %>
</div>
</div>
</div>
</div>
<div class="source-wrapper">
<progress id="tbar-pos" max="10000" value="0" class="tbar-progress"></progress>
</div>