mirror of
https://github.com/stagehacks/Cue-View.git
synced 2026-08-03 12:57:46 +00:00
64 lines
2.0 KiB
Plaintext
64 lines
2.0 KiB
Plaintext
<header>
|
|
<h1><%= listName %></h1>
|
|
<h2><%= data.model %></h2>
|
|
</header>
|
|
|
|
<table class="cv-table">
|
|
<tr>
|
|
<th width="40px"></th>
|
|
<th width="100px">Channel</th>
|
|
<th width="55px">Mute</th>
|
|
<th width="45px">dB</th>
|
|
<th width="160px">Fader</th>
|
|
</tr>
|
|
<tr>
|
|
<td width="40px">LR</td>
|
|
<td width="100px"><div class="color color-<%= data.X32.main.stereo.color %>"><%- data.X32.main.stereo.name%></div></td>
|
|
<td><div class="fader-mute mute-<%=data.X32.main.stereo.mute%>">M</div></td>
|
|
<td><%= formatAsDB(data.X32.main.stereo.faderDB) %></td>
|
|
<td>
|
|
<% let style = `style=width:${Math.abs(data.X32.main.stereo.meter[0] - 10)}%`; %>
|
|
<div class="meter">
|
|
<div class="meter-cover" <%= style %>></div>
|
|
</div>
|
|
<% style = `style=width:${Math.abs(data.X32.main.stereo.meter[1] - 10)}%`; %>
|
|
<div class="meter">
|
|
<div class="meter-cover" <%= style %>></div>
|
|
</div>
|
|
<input
|
|
type="range"
|
|
min="0"
|
|
max="100"
|
|
value="<%= data.X32.main.stereo.fader*100 %>"
|
|
disabled />
|
|
</td>
|
|
</tr>
|
|
<% for(var i=0; i<32; i++){ %> <% if(data.X32.inputs.channels[i].name == "end"){break;} %>
|
|
<tr>
|
|
<td><%= i+1 %></td>
|
|
<td>
|
|
<div class="color color-<%= data.X32.inputs.channels[i].color %>">
|
|
<%- data.X32.inputs.channels[i].name || i+1 %>
|
|
</div>
|
|
</td>
|
|
<td><div class="fader-mute mute-<%=data.X32.inputs.channels[i].mute%>">M</div></td>
|
|
<td><%= formatAsDB(data.X32.inputs.channels[i].faderDB) %></td>
|
|
<td>
|
|
<% let style = `style=width:${Math.abs(data.X32.inputs.channels[i].meter - 10)}%`; %>
|
|
<div class="meter">
|
|
<div class="meter-cover" <%= style %>></div>
|
|
</div>
|
|
<input
|
|
type="range"
|
|
min="0"
|
|
max="100"
|
|
value="<%= data.X32.inputs.channels[i].fader*100 %>"
|
|
disabled />
|
|
</td>
|
|
</tr>
|
|
<% } %>
|
|
</table>
|
|
|
|
<% function formatAsDB(val){ if(val==-90){ return '-<span class="infin">∞</span>'; } if(val>0){
|
|
return "+"+val.toFixed(1); } return val.toFixed(1); } %>
|