Clean up data layout and add stereo LR meters

This commit is contained in:
2022-02-19 13:04:41 -06:00
parent c0f179a018
commit b1bb0da2a1
2 changed files with 131 additions and 69 deletions
+31 -23
View File
@@ -13,30 +13,15 @@
</tr>
<tr>
<td width="40px">LR</td>
<td width="100px"><div class="color color-<%= data.stereoColor %>"><%- data.stereoName%></div></td>
<td><div class="fader-mute mute-<%=data.stereoMute%>">M</div></td>
<td><%= formatAsDB(data.stereoFaderDB) %></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>
<input
type="range"
min="0"
max="100"
value="<%= data.stereoFader*100 %>"
disabled />
</td>
</tr>
<% for(var i=0; i<32; i++){ %> <% if(data.channelNames[i]=="end"){break;} %>
<tr>
<td><%= i+1 %></td>
<td>
<div class="color color-<%= data.channelColors[i] %>">
<%- data.channelNames[i] || i+1 %>
<% let style = `style=width:${Math.abs(data.X32.main.stereo.meter[0] - 10)}%`; %>
<div class="meter">
<div class="meter-cover" <%= style %>></div>
</div>
</td>
<td><div class="fader-mute mute-<%=data.channelMutes[i]%>">M</div></td>
<td><%= formatAsDB(data.channelFadersDB[i]) %></td>
<td>
<% let style = `style=width:${Math.abs(data.meters[i] - 10)}%`; %>
<% style = `style=width:${Math.abs(data.X32.main.stereo.meter[1] - 10)}%`; %>
<div class="meter">
<div class="meter-cover" <%= style %>></div>
</div>
@@ -44,7 +29,30 @@
type="range"
min="0"
max="100"
value="<%= data.channelFaders[i]*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>