eDIN Controls - The innovative modular lighting control system from Mode Lighting

<div class='edin-fixed-content'><h1 class='edin-icon-scenes edin-title'><span class='ui-icon ui-icon-circle-minus edin-float edin-area-expanded'></span><span class='ui-icon ui-icon-circle-plus edin-float edin-area-collapsed' style='display:none;'></span>Scene Adjustments</h1><div><div><fieldset class='edin-border ui-corner-all' style='margin:4px'><label style='display:inline-block; width:100%'><input type='checkbox' name='edin-sceneset-adv'>Use Advanced Scene Adjustments</label></fieldset></div><div id='edin-adjust-scenes'><img src='/artwork/preloader.gif'></div></div><h1 class='edin-icon-trackers edin-title edin-admin' style='display:none'><span class='ui-icon ui-icon-circle-minus edin-float edin-area-expanded'></span><span class='ui-icon ui-icon-circle-plus edin-float edin-area-collapsed' style='display:none;'></span>PIR Adjustments</h1><div id='edin-adjust-pir' class='edin-admin' style='display:none'><img src='/artwork/preloader.gif'></div><h1 class='edin-icon-trackers edin-title edin-admin' style='display:none'><span class='ui-icon ui-icon-circle-minus edin-float edin-area-expanded'></span><span class='ui-icon ui-icon-circle-plus edin-float edin-area-collapsed' style='display:none;'></span>System Adjustments</h1><div id='edin-adjust-trackers' class='edin-admin' style='display:none'><img src='/artwork/preloader.gif'></div><h1 class='edin-icon-trackers edin-title edin-admin' style='display:none'><span class='ui-icon ui-icon-circle-minus edin-float edin-area-expanded'></span><span class='ui-icon ui-icon-circle-plus edin-float edin-area-collapsed' style='display:none;'></span>Colour & Tunable White Adjustments</h1><div id='edin-adjust-dmxcolours' class='edin-admin' style='display:none'><img src='/artwork/preloader.gif'></div></div>

<div id='edin-scene-dialog' title='Adjust levels for scene <%~Text%>'><fieldset class='edin-border ui-corner-all'><legend>Scene Parameters</legend><table class='edin-borderless'><tr><td><label><%= (TimeType) ? 'Event Time' : 'Fade Time' %>:</label></td><td><div style='float:left' class='timeline-editor ui-edin-timedevent-type <%switch(TimeType){case 1:%>edin-icon ui-edin-timedevent-fixed<%break;case 2:%>edin-icon ui-edin-timedevent-sunrise<%break;case 3:%>edin-icon ui-edin-timedevent-sunset<%break;}%>'></div><input class='time-editor' type='text' value='<%=fadeTime%>' data-loadid='<%=LoadId%>' data-edin-timetype='<%=TimeType%>'/></td></tr></table></fieldset><div class='container edin-full-width'><fieldset class='left-pane'><fieldset class='edin-border ui-corner-all'><span>Copy channel levels from Area</span><select id='area-copy-select' /><span>from Scene </span><select id='scene-copy-select' /><button type='button' id='scene-copy' class='edin-live-button ui-corner-all ui-state-default'>Copy</button></fieldset><div><span>Select your channels ...</span><button type='button' id='chan-select-all' class='edin-live-button ui-corner-all ui-state-default'>Select All</button><button type='button' id='chan-select-none' class='edin-live-button ui-corner-all ui-state-default'>Clear All</button><span>Selected Channels:</span><span id='chan-select-count'>0</span></div><div class='channel-item select-heading'><span class='chan-type edin-icon edin-icon-fadeupdown '> </span><span class='chan-state'>Level</span><span class='chan-area'>Area</span><span class='chan-name'>Description</span><span class='chan-ref'>Ref</span></div><ul class='channel-list edin-full-width'></ul></fieldset><fieldset class='right-pane'><legend>Adjust Selection</legend><fieldset class='edin-border ui-corner-all'><legend>Adjust</legend><a id='send-channels' class='edin-live-button ui-state-default ui-corner-all fg-button-single' href='javascript:void(0);'>Send</a></td><input id='cb-live-update' type='checkbox' value='0'/><label for='cb-live-update'>Live Update</label></fieldset><fieldset class='edin-border ui-corner-all'><legend>Slide Level</legend><table class='edin-borderless' class='edin-full-width'><tr><td colspan='3' style='text-align:center;'><input type="radio" name="bump-size" value='5' checked>5%</input><input type="radio" name="bump-size" value='1'>1%</input><input type="radio" name="bump-size" value='0'>1 step</input></td></tr><tr><td><button id='edin-bump-up' class='edin-float edin-live-button ui-state-default ui-corner-all fg-button-single'><div>/\\</div><div>Up</div></button></td><td></td><td><button id='edin-bump-dn' class='edin-float-right edin-live-button ui-state-default ui-corner-all fg-button-single'><div>Down</div><div>\\/</div></button></td></tr></table></fieldset><div><fieldset class='edin-border ui-corner-all' style='float:left;'><legend>Pick</legend><table class='edin-borderless'><tr><td><button id='edin-colour-pick' class='edin-float edin-live-button ui-state-default ui-corner-all fg-button-single' disabled><div>Pick</div><div>Colour</div></button></td></tr><tr><td><button id='edin-pattern-pick' class='edin-float edin-live-button ui-state-default ui-corner-all fg-button-single' disabled><div>Pick</div><div>Pattern</div></button></td></tr><tr><td><button id='edin-white-pick' class='edin-float edin-live-button ui-state-default ui-corner-all fg-button-single' disabled><div>Pick</div><div>White</div></button></td></tr></table></fieldset><fieldset class='edin-border ui-corner-all'><legend>Direct Entry of Level</legend><div class='edin-full-width' style='height: 25vh;'><span id='direct-entry-slider' style='float:left; height:85%; margin-top:5%; margin-left:45%'></span></div><input type='text' id='direct-entry-text' value='0' size='3' class='align-center' style='display:block'><div class='align-center'>Steps</div></fieldset></div></fieldset></div></div>

<div id='edin-daylight-adjust-dialog' class='edin-dialog' title='Adjust Daylight levels for scene <%~sceneName%>'><fieldset class='edin-border ui-corner-all' name='sensor-input'><legend>Sensor Input</legend><table class='edin-borderless'><tr></tr><thead><tr><td></td><td style='width:50%'></td><td></td><td style='text-align:right'>Sensor Range</td><td></td><td style='text-align:left'>Current Value</td></tr></thead><tr><td></td><td></td><td><div/></td></tr><tr><td><label>Module:</label></td><td><%~moduleName%></td><td>Max:</td><td style='text-align:right'><span id='sensor-input-max'><%=channelMaxOutput%></span></td><td rowspan='3'><div id='sensor-input-slider' class='edin-sensor-slider'></div></td></tr><tr><td><label>Channel:</label></td><td><%~channelName%></td><td>Current:</td><td colspan='2'></td><td style='text-align:left'><span id='sensor-input-current'><%=channelValue%></span></td></tr><tr><td></td><td></td><td>Min:</td><td style='text-align:right'><span id='sensor-input-min'><%=channelMinOutput%></span></td></tr><tr><td><div/></td></tr></table></fieldset><fieldset class='edin-border ui-corner-all'><legend>Daylight Control Parameters</legend><table class='edin-borderless'><col class='edin-parameter-label'><col class='edin-parameter-item'><tbody><tr><td><label>Maintained Daylight Value:</label></td><td><input type='text' name='luxLevel' value='<%=daylightLevel%>' class='edin-input-wide-number' size='4'><span class='edin-sensor-error-lux ui-state-error edin-module-error' >Lux Level is outside the range of sensor</span></td><td style='text-align:left'>Min:<span id='lux-level-min'><%=luxLevelMin%></span>  -  <span id='lux-level-max'><%=luxLevelMax%></span>:Max<td style='width:25%'><div id='lux-level-slider' class='edin-lux-slider'></td></td></div></tr><tr><td><label>Minimum Scene Level:</label></td><td><input type='text' name='luxCup'  value='<%=dmx2pct(luxCup)%>'class='edin-input-number'>%</td></td></td></tr><% if(overluxEnabled) {%><tr><td>Overlux is Enabled</td><td><input type='hidden' name='overluxEnabled' value='<%=overluxEnabled%>'/></td></tr><tr><td><label>Overlux Daylight Value:</label></td><td><input type='text' name='overluxLevel' value='<%=overluxLevel%>' class='edin-input-wide-number' size='4'></td><td style='text-align:left'>Min:<span id='overlux-level-min'><%=overluxLevelMin%></span>  -  <span id='overlux-level-max'><%=overluxLevelMax%></span>:Max</td><td><div id='overlux-level-slider' class='edin-lux-slider'></div><div class='edin-sensor-error-overlux ui-state-error edin-module-error' style='text-align:left'>Overlux Level is outside the range of sensor</div><div class='edin-sensor-error-gap ui-state-error edin-module-error' style='text-align:left'>Overlux Level must be at least 15% more then Daylight Level</div></tr><tr><td><label>Overlux Delay:</label></td><td><input type='text' name='overluxDelay'  value='<%=overluxDelayS%>' class='edin-input-wide-number' size='4'> Sec</td></tr><%} else {%><tr><td>Overlux is Disabled</td><td><input type='hidden' name='overluxEnabled' value='<%=overluxEnabled%>'/><input type='hidden' name='overluxLevel' value='<%=overluxLevel%>'/><input type='hidden' name='overluxDelay'  value='<%=overluxDelayS%>' /></td></tr><%}%></tbody></table></fieldset></div>

<fieldset class='edin-border ui-corner-all'><legend>States</legend><table class='edin-borderless'><tr><td rowspan='2'>Approximate Times:</td><td><span class='edin-icon-text edin-icon edin-icon-sunrisetime'>Sunrise between: <%=sunriseMinTime%> and <%=sunriseMaxTime%></span></td></tr><tr><td><span class='edin-icon-text edin-icon edin-icon-sunsettime'>Sunset between: <%=sunsetMinTime%> and <%=sunsetMaxTime%></span></td></tr></table><table id='state-timeline' style='border: 0px none'><tr style='border: 0px solid #666'><%if(timelineType == "TimelineTracker") {%><td style='border-width:0px 0px 0px 0px;'>00:00</td><%} else {%><td style='border-width:0px 0px 0px 0px;'></td><%}%><td style='border-width:0px 0px 0px 1px;text-align:center;'>Time Range 1</td><%if(stateCount >= 3) {%><td style='border-width:0px 0px 0px 1px;text-align:center;'>Time Range 2</td><%}if(stateCount == 4) {%><td style='border-width:0px 0px 0px 1px;text-align:center;'>Time Range 3</td><%} else if(stateCount > 4) {%><td style='border-width:0px 0px 0px 1px;text-align:center;'>Time Range ...</td><%}%><td style='border-width:0px 0px 0px 1px;text-align:center;'>End</td><%if(timelineType == "TimelineTracker") {%><td style='border-width:0px 0px 0px 0px;text-align:right;'>23:59</td><%} else {%><td style='border-width:0px 0px 0px 0px;text-align:right;'></td><%}%></tr><tr style='border: 0px solid #666'><td style='border-width:0px 0px 0px 0px;' class='tracker-state-0'> </td><td style='border-width:0px 0px 0px 1px;' class='tracker-state-1'> </td><%if(stateCount >= 3) {%><td style='border-width:0px 0px 0px 1px;' class='tracker-state-2'> </td><%}if(stateCount >= 4) {%><td style='border-width:0px 0px 0px 1px;' class='tracker-state-3'> </td><%}%><td style='border-width:0px 0px 0px 1px;' class='tracker-state-0'> </td><td style='border-width:0px 0px 0px 0px;' class='tracker-state-0'> </td></tr></table><br /><table id='states' class='edin-container edin-border'><thead class='edin-header'><tr><td rowspan='2'></td><td rowspan='2'>State</td><td rowspan='2'>Name</td><td colspan='3'>Parameters</td></tr><tr><td>Type</td><td>Time</td><td>Date</td></tr></thead>

<tr id='<%=trkLoadId%>_<%=eltLoadId%>' class='--<%=eltClass%>--'><td class='tracker-state-colour tracker-state-<%=eDIN_trackerStateColour(colourCode)%>' data-state-colour='<%=eDIN_trackerStateColour(colourCode)%>'></td><td><span class='channel-no'><%=eltNumber%></span></td><td><span class='channel-label edin-input-label'><%~eltLabel%></span></td><td><%if(eltTimeType == "1") {%><span class='timetype-label edin-icon-text edin-icon edin-icon-fixedtime' data-timetype='1'>Fixed</span></td><%} else if(eltTimeType == "2") {%><span class='timetype-label edin-icon-text edin-icon edin-icon-sunrisetime' data-timetype='2'>Sunrise</span></td><%} else if(eltTimeType == "3") {%><span class='timetype-label edin-icon-text edin-icon edin-icon-sunsettime' data-timetype='3'>Sunset</span></td><%}%></td><td><input class='time-editor' type='text' value='<%=eltTime%>' data-edin-timetype='<%=eltTimeType%>'/></td><%if(eltClass != "TimelineElement") {%><td><input class='date-editor' type='text' data-evodate='<%=eltDate%>'/></td><%} else {%><td></td><%}%></tr>

<div title='Colour Picker' class='edin-dialog'><fieldset class='edin-border ui-corner-all'><legend>Colour Channels</legend><table class='edin-borderless'><tr><td><button type='button' name='send-update' class='ui-button ui-corner-all'>Send Current Colour Settings to All Channels</button></td><td class='edin-live-update' style='display:none;'>Channels are being updated live with every settings change.</td><td style='display:none;'><label>Update Channels Live<input type='checkbox' name='live-update' disabled></label></td></tr></table><ul class='channel-list edin-full-width' style='margin:0;overflow-y:auto'></ul></fieldset><fieldset class='edin-border ui-corner-all'><legend>Palette Colours</legend><table class='edin-border'><tr><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[1].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='1'><span class='edin-colour-name'><%=palette[1].Text || eDIN_getDMXName(1)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[2].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='2'><span class='edin-colour-name'><%=palette[2].Text || eDIN_getDMXName(2)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[3].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='3'><span class='edin-colour-name'><%=palette[3].Text || eDIN_getDMXName(3)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[4].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='4'><span class='edin-colour-name'><%=palette[4].Text || eDIN_getDMXName(4)%></span></label></td></tr><tr><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[5].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='5'><span class='edin-colour-name'><%=palette[5].Text || eDIN_getDMXName(5)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[6].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='6'><span class='edin-colour-name'><%=palette[6].Text || eDIN_getDMXName(6)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[7].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='7'><span class='edin-colour-name'><%=palette[7].Text || eDIN_getDMXName(7)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[8].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='8'><span class='edin-colour-name'><%=palette[8].Text || eDIN_getDMXName(8)%></span></label></td></tr><tr><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[9].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='9'><span class='edin-colour-name'><%=palette[9].Text || eDIN_getDMXName(9)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[10].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='10'><span class='edin-colour-name'><%=palette[10].Text || eDIN_getDMXName(10)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[11].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='11'><span class='edin-colour-name'><%=palette[11].Text || eDIN_getDMXName(11)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[12].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='12'><span class='edin-colour-name'><%=palette[12].Text || eDIN_getDMXName(12)%></span></label></td></tr><tr><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[13].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='13'><span class='edin-colour-name'><%=palette[13].Text || eDIN_getDMXName(13)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[14].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='14'><span class='edin-colour-name'><%=palette[14].Text || eDIN_getDMXName(14)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(palette[15].RgbwColour)%>'></span><input type='radio' name='edin-colour' value='15'><span class='edin-colour-name'><%=palette[15].Text || eDIN_getDMXName(15)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(0)%>'></span><input type='radio' name='edin-colour' value='0'><span class='edin-colour-name'>Direct RGB</span></label></td></tr></table></fieldset><fieldset class='edin-border ui-corner-all'><legend>RGBW Colour</legend><table class='edin-borderless'><tr><td>NOTE: The special R:G:B:W value of 255:255:255:0 gets translated to 0:0:0:255 for RGBW fixtures</td></tr></table><table class='edin-borderless'><col></col><col></col><col style='width:100%'></col><tr><td colspan='3'>HSV Colour Picker</td></tr><tr class='edin-hue'><td>Hue</td><td><input class='number-editor hue-digit' type='number' min='0' max='360' value='0' ></td><td><div class='edin-slider-container'><div class='edin-slider edin-hue'></div></div></td></tr><tr class='edin-sat'><td>Saturation</td><td><input class='number-editor sat-digit' type='number' min='0' max='100' value='0' ></td><td><div class='edin-slider-container'><div class='edin-slider edin-sat'></div></div></td></tr><tr class='edin-bri'><td>Brightness</td><td><input class='number-editor bri-digit' type='number' min='0' max='100' value='0' ></td><td><div class='edin-slider-container'><div class='edin-slider edin-bri'></div></div></td></tr><tr><td colspan='3'>Direct RGBW channels</td></tr><tr class='edin-red'><td>Red</td><td><input class='number-editor red-digit' type='number' min='0' max='255' value='0' ></td><td><div class='edin-slider-container'><div class='edin-slider edin-red'></div></div></td></tr><tr class='edin-grn'><td>Green</td><td><input class='number-editor grn-digit' type='number' min='0' max='255' value='0' ></td><td><div class='edin-slider-container'><div class='edin-slider edin-grn'></div></div></td></tr><tr class='edin-blu'><td>Blue</td><td><input class='number-editor' type='number' min='0' max='255' value='0' ></td><td><div class='edin-slider-container'><div class='edin-slider edin-blu'></div></div></td></tr><tr class='edin-wht'><td>White</td><td><input class='number-editor' type='number' min='0' max='255' value='0' ></td><td><div class='edin-slider-container'><div class='edin-slider edin-wht'></div></div></td></tr></table></fieldset><div>

<div title='DMX Pattern Picker' class='edin-dialog'><fieldset class='edin-border ui-corner-all' <%= showChannels ? "" : "style='display:none'" %>><legend>Pattern Channels</legend><table class='edin-borderless'><tr><td><button type='button' name='send-update' class='ui-button ui-corner-all'>Send Current Colour Settings to All Channels</button></td><td class='edin-live-update' style='display:none;'>Channels are being updated live with every settings change.</td><td style='display:none;'><label>Update Channels Live<input type='checkbox' name='live-update' disabled></label></td></tr></table><ul class='channel-list edin-full-width' style='margin:0;overflow-y:auto'></ul></fieldset><fieldset class='edin-border ui-corner-all'><legend>Patterns</legend><table class='edin-border'><tr><td>Ripple</td><td>Solid</td><td></td></tr><tr><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-96'></span><input type='radio' name='edin-pattern' value='96'></label></td><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-64'></span><input type='radio' name='edin-pattern' value='64'></label></td><td>Long Rainbow</td></tr><tr><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-97'></span><input type='radio' name='edin-pattern' value='97'></label></td><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-65'></span><input type='radio' name='edin-pattern' value='65'></label></td><td>Short Rainbow</td></tr><tr><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-98'></span><input type='radio' name='edin-pattern' value='98'></label></td><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-66'></span><input type='radio' name='edin-pattern' value='66'></label></td><td>Hot Colours</td></tr><tr><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-99'></span><input type='radio' name='edin-pattern' value='99'></label></td><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-67'></span><input type='radio' name='edin-pattern' value='67'></label></td><td>Cold Colours</td></tr><tr><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-100'></span><input type='radio' name='edin-pattern' value='100'></label></td><td><label><span class='edin-icon-colour edin-sequence-icon edin-sequence-68'></span><input type='radio' name='edin-pattern' value='68'></label></td><td>User</td></tr></table></fieldset><div>

<div title='Tunable White Picker' class='edin-dialog'><fieldset class='edin-border ui-corner-all'><legend>Tunable White Channels</legend><table class='edin-borderless'><tr><td><button type='button' name='send-update' class='ui-button ui-corner-all'>Send Current Colour Settings to All Channels</button></td><td class='edin-live-update' style='display:none;'>Channels are being updated live with every settings change.</td><td style='display:none;'><label>Update Channels Live<input type='checkbox' name='live-update' disabled></label></td></tr></table><ul class='channel-list edin-full-width' style='margin:0;overflow-y:auto'></ul></fieldset><fieldset class='edin-border ui-corner-all'><legend>Tunable White Presets</legend><table class='edin-border'><tr><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(rgbw2screen(eDIN_getTunableWhiteScreenRgbw(1)))%>'></span><input type='radio' name='edin-preset' value='48'><span class='edin-colour-name'><%=eDIN_getTunableWhiteName(1)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(rgbw2screen(eDIN_getTunableWhiteScreenRgbw(2)))%>'></span><input type='radio' name='edin-preset' value='49'><span class='edin-colour-name'><%=eDIN_getTunableWhiteName(2)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(rgbw2screen(eDIN_getTunableWhiteScreenRgbw(3)))%>'></span><input type='radio' name='edin-preset' value='50'><span class='edin-colour-name'><%=eDIN_getTunableWhiteName(3)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(rgbw2screen(eDIN_getTunableWhiteScreenRgbw(4)))%>'></span><input type='radio' name='edin-preset' value='51'><span class='edin-colour-name'><%=eDIN_getTunableWhiteName(4)%></span></label></td></tr><tr><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(rgbw2screen(eDIN_getTunableWhiteScreenRgbw(5)))%>'></span><input type='radio' name='edin-preset' value='52'><span class='edin-colour-name'><%=eDIN_getTunableWhiteName(5)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(rgbw2screen(eDIN_getTunableWhiteScreenRgbw(6)))%>'></span><input type='radio' name='edin-preset' value='53'><span class='edin-colour-name'><%=eDIN_getTunableWhiteName(6)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(rgbw2screen(eDIN_getTunableWhiteScreenRgbw(7)))%>'></span><input type='radio' name='edin-preset' value='54'><span class='edin-colour-name'><%=eDIN_getTunableWhiteName(7)%></span></label></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(rgbw2screen(eDIN_getTunableWhiteScreenRgbw(8)))%>'></span><input type='radio' name='edin-preset' value='55'><span class='edin-colour-name'><%=eDIN_getTunableWhiteName(8)%></span></label></td></tr><tr><td></td><td></td><td></td><td><label><span class='edin-swatch' style='background:<%=toHTMLRGB(0)%>'></span><input type='radio' name='edin-preset' value='32'><span class='edin-colour-name'>Direct Kelvin</span></label></td></tr></table></fieldset><fieldset class='edin-border ui-corner-all'><legend>Kelvin</legend><table class='edin-borderless'><col></col><col></col><col style='width:100%'></col><tr class='edin-kelvin'><td>Kelvin</td><td><input class='number-editor kelvin-digit' type='number' step='50' min='1800' max='7000' value='1800' ></td><td><div class='edin-slider-container'><div class='edin-slider edin-kelvin'></div></div></td></tr></table></fieldset></div>

<div id='<%=mutex%>' class='edin-dialog' title='Palette Colour Editor'><fieldset class='edin-border'><legend>Apply Live Edit to Channels/Zones</legend><p>Select which Channels/Zones to apply this live colour to</p><table class='edin-borderless'><tr><td>Channel Brightness Level</td><td style='width:60%'><div id='direct-entry-slider'></div><td><td><input type='text' id='direct-entry-text' value='100' size='3' class='align-center'><td></table><table class='edin-borderless'><tr id='live-zones'><td><button class='edin-toggle-all' type='button' role='button'>Toggle All</button></td></tr></table><div id='dmx-no-zone-alert' class='ui-state-error' style='display:none' title="Error"><p>There are no zones selected</p></div></fieldset><fieldset class='edin-border ui-corner-all'><legend>Palette colours</legend><table id='dmx-colour-edit' class='edin-container edin-border'><thead class="edin-header"><tr><td>Code</td><td>Name</td><td>Colour</td><td>Red</td><td>Green</td><td>Blue</td><td>White</td></tr></thead><tbody></tbody><table></fieldset><div class='ui-dialog-buttonpane ui-widget-content ui-helper-clearfix'><button id="dmx-default-colours" style='float:right;' class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button"><span class="ui-button-text">Reset Colours to Default</span></button></div></div>

<div id='<%=mutex%>' class='edin-dialog' title='Tunable White Presets and Calibration'><fieldset class='edin-border'><legend>Apply Live Edit to Channels/Zones</legend><p>Select which Channels/Zones to apply this live changes to</p><table class='edin-borderless'><tr><td>Channel Brightness Level</td><td style='width:60%'><div id='direct-entry-slider'></div><td><td><input type='text' id='direct-entry-text' value='100' size='3' class='align-center'><td></tr></table><table class='edin-borderless'><tr id='live-zones'><td><button class='edin-toggle-all' type='button' role='button'>Toggle All</button></td></tr></table><div id='colour-no-zone-alert' class='ui-state-error' style='display:none' title="Error"><p>There are no channels selected</p></div></fieldset><fieldset class='edin-border ui-corner-all'><legend>Presets and Calibration</legend><table class='edin-borderless' ><tr class='align-center' ><td <%= (includeType8) ? "" : "style='display:none'" %>><label>Type8 mode<input type='radio' name='live-mode' value='1'></label></td><td <%= (includeTW4) ? "" : "style='display:none'" %>><label>Raw Channel mode<input type='radio' name='live-mode' value='0'></label></td></tr></table><table id='dali-colour-edit' class='edin-container edin-border'><thead class="edin-header"><tr><td rowspan='2'>Code</td><td rowspan='2'>Name</td><td colspan='5'>Temperature</td></tr><tr><td>Type-8 Kelvin</td><td class='mode-tw4'>Warm Chan</td><td class='mode-tw4'>Cool Chan</td><td class='mode-tw4'>Natural Chan</td><td class='mode-tw4'>Special Chan</td></tr></thead><tbody></tbody><table></fieldset><div class='ui-dialog-buttonpane ui-widget-content ui-helper-clearfix'><button id="dali-default-colours" style='float:right;' class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" type="button" role="button"><span class="ui-button-text">Reset Presets to Default</span></button></div></div>

<tr id='c<%=moduleLoadId%>_<%=PaletteCode%>' class='_c<%=moduleLoadId%>_<%=PaletteCode%>_ edin-dmxcolour'><td class='colour-code'><%=PaletteCode%></td><td class='colour-name label-editor'><span><%~PaletteName%></span><span class='edin-icon-colour' style='float:right;background-image:none;background-color:<%=PaletteClr%>;' ></span></td><td class='edin-editor-rgbw edin-kt'><input class='number-editor kelvin-value' type='number' min='1500' max='7000' step='50' value='<%=PaletteKelvin%>' ></td><td class='mode-tw4 edin-editor-rgbw edin-nt'><input class='number-editor warm-digit' type='number' min='0' max='255' value='<%=PaletteWarm%>' ></td><td class='mode-tw4 edin-editor-rgbw edin-nt'><input class='number-editor cool-digit' type='number' min='0' max='255' value='<%=PaletteCool%>' ></td><td class='mode-tw4 edin-editor-rgbw edin-nt'><input class='number-editor natural-digit' type='number' min='0' max='255' value='<%=PaletteNatural%>' ></td><td class='mode-tw4 edin-editor-rgbw edin-nt'><input class='number-editor special-digit' type='number' min='0' max='255' value='<%=PaletteSpecial%>' ></td></tr>