mirror of
https://github.com/stagehacks/Cue-View.git
synced 2026-07-26 09:18:39 +00:00
sparks-alec
41 lines
1.0 KiB
Plaintext
41 lines
1.0 KiB
Plaintext
<%
|
|
let height = 0;
|
|
let width = 0;
|
|
let left = 0;
|
|
let top = 0;
|
|
let cueKeys = allCues[cue.uniqueID];
|
|
let parent = allCues[cue.parent];
|
|
|
|
if(cueKeys.parent){
|
|
width = 100/cueKeys.parent.cartColumns;
|
|
height = 600/cueKeys.parent.cartRows;
|
|
|
|
top = (cueKeys.cartPosition[0]-1)*height;
|
|
left = (cueKeys.cartPosition[1]-1)*width;
|
|
}
|
|
|
|
let style = `style="left:${left}%; top:${top}px; width:${width }%; height:${height}px;"`;
|
|
|
|
%>
|
|
|
|
<div id="<%= cue.uniqueID %>" class="cartCueWrapper" <%= style %> >
|
|
|
|
<div class="cartCueIcon">
|
|
<% if(cueKeys.isBroken){ %>
|
|
<img src="plugins/qlab/img/status_broken_white.png" height="18px">
|
|
<% }else if(cueKeys.isRunning){ %>
|
|
<img src="plugins/qlab/img/pause_circled.png" height="24px">
|
|
<% }else{ %>
|
|
<img src="plugins/qlab/img/play_circled.png" height="24px">
|
|
<% } %>
|
|
</div>
|
|
|
|
<div class="cartCue cartColor-<%= cueKeys.colorName %>">
|
|
<p>
|
|
<%= cueKeys.number %>
|
|
<% if(cueKeys.number){ %> • <% } %>
|
|
<%= cueKeys.displayName %>
|
|
</p>
|
|
</div>
|
|
|
|
</div> |