Cue-View/plugins/eos/cue.ejs

<tbody id="<%= q[0].uid %>">
  <% for(var partNumber in q){ %> 
	  <% var part = q[partNumber] %> 
  	<%if(part.scene.length>0 && partNumber==0){ %>
      <tr>
        <td></td>
        <td colspan="12" class="scene">
        <hr />
        <span><%= part.scene %></span>
        </td>
      </tr>
	  <% } %> 

  	<% if(isRunning){ %>
  		<tr class="running-cue scroll-position">
	  <% }else if(isComplete || isActive){ %>
  		<tr class="active-cue scroll-position">
	  <% }else{ %>
      </tr>
      <tr>
    <% } %> 
	
	  <% if(partNumber!=0){ %>
      <td class="num" style="padding-left: 20px">
        <div>P<%= partNumber %></div>
      </td>
    <% }else{ %>
    	<td class="num"><div><%= cueNumber %></div></td>
    <% } %> 
	
	  <% if(partNumber !== 0 || part.partCount === 0){ %>

      <!-- Int Up/Int Down -->
      <% if(part.uptimeDuration === part.downtimeDuration || part.downtimeDuration === -1){ %>
        <td class="black" colspan="2">
          <%= part.prettyDuration(part.uptimeDelay) || "" %>
          <%= part.prettyDuration(part.uptimeDuration, true) %>
        </td>
      <% }else{ %>
        <td class="black">
          <%= part.prettyDuration(part.uptimeDelay) || "" %>
          <%= part.prettyDuration(part.uptimeDuration, true) %>
        </td>
        <td class="black">
          <%= part.prettyDuration(part.downtimeDuration, true) %>
        </td>
      <% } %>

      <td class="black hide-medium">
        <%= part.prettyDuration(part.focusTimeDuration, true) %>
      </td>
      <td class="black hide-medium">
        <%= part.prettyDuration(part.colorTimeDuration, true) %>
      </td>
      <td class="black hide-medium">
        <%= part.prettyDuration(part.beamTimeDuration, true) %>
      </td>
      <% var durValue = (isRunning && remainingDuration !== null && remainingDuration !== undefined) ? remainingDuration : part.duration %>
      <td class="hide-small"><%= part.prettyDuration(durValue) %></td>

    <% }else{ %>
      <td class="black" colspan="2"></td>
      <td class="black hide-medium"></td>
      <td class="black hide-medium"></td>
      <td class="black hide-medium"></td>
      <td class="hide-small"></td>
    <% } %>

	    <td class="black hide-small"><%= part.mark %></td>
	    <td class="black hide-small"><%= part.block %></td>
	    <td class="black hide-small"><%= part.assert %></td>
	    <% var followDisplay = (part.follow>=0)? "F"+part.prettyDuration(part.follow) : "" %>
	    <% var hangDisplay = (part.hang>=0)? "H"+part.prettyDuration(part.hang) : "" %>
	    <% var followHangDisplay = followDisplay + hangDisplay %>
	    <% var isFollowHangOnlyRunning = (followHangRemainingDuration !== null && followHangRemainingDuration !== undefined && followHangRemainingDuration > 0 && !isRunning) %>
	    <% if(followHangRemainingDuration !== null && followHangRemainingDuration !== undefined && followHangRemainingDuration > 0){ %>
	      <% if(part.follow >= 0){ %>
	        <% followHangDisplay = "F"+part.prettyDuration(followHangRemainingDuration) %>
	      <% }else if(part.hang >= 0 && !isRunning){ %>
	        <% followHangDisplay = "H"+part.prettyDuration(followHangRemainingDuration) %>
	      <% } %>
	    <% } %>
	    <td class="black hide-small <%= isFollowHangOnlyRunning ? 'running-follow-hang' : '' %>">
	      <%= followHangDisplay %>
	    </td>
    <td class="black" style="text-align: left">
      <%= (partNumber==0 ? "": "&nbsp;&nbsp;&nbsp;") %> 
      <%= part.label %>
    </td>
    <td class="black hide-medium"><%= part.extLinks %></td>
    </tr>
  <% } %>
</tbody>