agl-service-unicens: support fiberdyne amp setup
[apps/agl-service-unicens.git] / htdocs / UNICENS.html
index fd2e89c..dfcd0b2 100644 (file)
@@ -5,7 +5,49 @@
     <link rel="stylesheet" href="Ucs2Binding.css">
     <script type="text/javascript" src="AFB-websock.js"></script>
     <script type="text/javascript" src="Ucs2Binding.js"></script>
+    <style>
+               .divTable{
+                       display: table;
 
+               }
+               .divTableRow {
+                       display: table-row;
+               }
+               .divTableHeading {
+                       background-color: #EEE;
+                       display: table-header-group;
+               }
+               .divTableCell, .divTableHead {
+                       border: 1px solid #999999;
+                       display: table-cell;
+                       padding: 3px 10px;
+               }
+               .divTableHeading {
+                       background-color: #EEE;
+                       display: table-header-group;
+                       font-weight: bold;
+               }
+               .divTableFoot {
+                       background-color: #EEE;
+                       display: table-footer-group;
+                       font-weight: bold;
+               }
+               .divTableBody {
+                       display: table-row-group;
+               }
+
+               .ucsCtrlButton {
+                       border: none;
+                       padding: 5px 15px;
+                       text-align: center;
+                       text-decoration: none;
+                       display: inline-block;
+                       font-size: 16px;
+                       width: 144px;
+                       border: 2px solid #4CAF50;
+               }
+       </style>
+</head>
 <body onload="init('ucs2_config','unicens', 'listconfig');">
     <h1>Unicens Simple Test</h1>
 
     <li><button onclick="callbinder('UNICENS','initialise', {filename:ucs2_config})">Parse XML and Start UNICENS</button></li>
     </ol>
     <br>
-    <!--
-    <ol>
-    <li><button onclick="callbinder('UNICENS','writei2c', [{node: 0x270, data:[0x07,0x01,0x00]}, {node: 0x271, data:[0x07,0x01,0x00]}, {node: 0x272, data:[0x07,0x01,0x00]}] )">WriteI2c Master (100%)</button></li>
-    <li><button onclick="callbinder('UNICENS','writei2c', [{node: 0x270, data:[0x07,0x01,0x99]}, {node: 0x271, data:[0x07,0x01,0x99]}, {node: 0x272, data:[0x07,0x01,0x99]}] )">WriteI2c Master (80%)</button></li>
-    <li><button onclick="callbinder('UNICENS','writei2c', [{node: 0x270, data:[0x07,0x02,0x32]}, {node: 0x271, data:[0x07,0x02,0x32]}, {node: 0x272, data:[0x07,0x02,0x32]}] )">WriteI2c Master (60%)</button></li>
-    <li><button onclick="callbinder('UNICENS','writei2c', [{node: 0x270, data:[0x07,0x02,0xCB]}, {node: 0x271, data:[0x07,0x02,0xCB]}, {node: 0x272, data:[0x07,0x02,0xCB]}] )">WriteI2c Master (40%)</button></li>
-    <li><button onclick="callbinder('UNICENS','writei2c', [{node: 0x270, data:[0x07,0x03,0x64]}, {node: 0x271, data:[0x07,0x03,0x64]}, {node: 0x272, data:[0x07,0x03,0x64]}] )">WriteI2c Master (20%)</button></li>
-    <li><button onclick="callbinder('UNICENS','writei2c', [{node: 0x270, data:[0x07,0x03,0xFF]}, {node: 0x271, data:[0x07,0x03,0xFF]}, {node: 0x272, data:[0x07,0x03,0xFF]}] )">WriteI2c Master (0%)</button></li>
-    </ol>
-    -->
-    <br>
+
+    <h1>K2L Slim-Amp Demo</h1>
     <ol>
     <li><button onclick="callbinder('UNICENS','writei2c', {node: 0x270, data:[0x07,0x03,0xFF]})">WriteI2c to 0x270 (mute)</button></li>
     <li><button onclick="callbinder('UNICENS','writei2c', {node: 0x271, data:[0x07,0x03,0xFF]})">WriteI2c to 0x271 (mute)</button></li>
     <!--<li><button onclick="callbinder('UNICENS','sendmessageb64', {node: 0x270, msgid: 0x5AC4, data: ''})">Send ControlMsgB64 to 0x270 (data: '')</button></li>-->
     </ol>
     <br>
+
+    <h1>Fiberdyne Amplifier Controls (Node 0x510)</h1>
+    <div class="divTable">
+    <div class="divTableBody">
+    <div class="divTableRow">
+    <div class="divTableCell">&nbsp;</div>
+    <div class="divTableCell">Volume (0x100)</div>
+    <div class="divTableCell">Bass (0x101)</div>
+    <div class="divTableCell">Treble (0x102)</div>
+    <div class="divTableCell">Mid (0x103)</div>
+    <div class="divTableCell">Balance (0x0104)</div>
+    <div class="divTableCell">Fade (0x105)</div>
+    <!--<div class="divTableCell">SmartEqPoints (0x108)</div>-->
+    <div class="divTableCell">Mute (0x109)</div>
+    <!--div class="divTableCell">&nbsp;</div>
+    <div class="divTableCell">&nbsp;</div-->
+    </div>
+    <div class="divTableRow">
+    <div class="divTableCell">Max</div>
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x100, data:'AP8='})">MaxVolume</button></div><!--[0x00,0xFF]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x101, data:'AA8='})">MaxBass</button></div><!--[0x00,15]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x102, data:'AA8='})">MaxTreble</button></div><!--[0x00,15]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x103, data:'AA8='})">MaxMid</button></div><!--[0x00,15]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x104, data:'AI8='})">Full Left</button></div><!--[0x00,-15]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x105, data:'AA8='})">Full Forward</button></div><!--[0x00,15]-->
+    <!--<div class="divTableCell">
+         <ol>
+              <li><button onclick="pushCurve(0xFF,1)">Test HIGH Curve</button></li>
+              <li><button onclick="pushCurve(0xFF,2)">Test HIGH Curve</button></li>
+              <li><button onclick="pushCurve(0xFF,3)">Test HIGH Curve</button></li>
+              <li><button onclick="pushCurve(0xFF,4)">Test HIGH Curve</button></li>
+         </ol>
+    </div>-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x109, data:'AAE='})">Mute</button></div><!--data:[0x00,1]-->
+    <!--div class="divTableCell">&nbsp;</div>
+    <div class="divTableCell">&nbsp;</div-->
+    </div>
+
+    <div class="divTableRow">
+    <div class="divTableCell">Middle</div>
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x100, data:'AO8='})">MidVolume</button></div><!--[0x00,0xEF]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x101, data:'AAA='})">MidBass</button></div><!--[0x00,0]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x102, data:'AAA='})">MidTreble</button></div><!--[0x00,0]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x103, data:'AAA='})">MidMid</button></div><!--[0x00,0]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x104, data:'AAA='})">Center Balance</button></div><!--[0x00,0]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x105, data:'AAA='})">Center Fade</button></div><!--[0x00,0]-->
+    <!--<div class="divTableCell">
+         <ol>
+         <li><button onclick="pushCurve(0xE7,1)">Test MID Curve</button></li>
+         <li><button onclick="pushCurve(0xE7,2)">Test MID Curve</button></li>
+         <li><button onclick="pushCurve(0xE7,3)">Test MID Curve</button></li>
+         <li><button onclick="pushCurve(0xE7,4)">Test MID Curve</button></li>
+         </ol>
+       </div>-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x109, data:'AAA='})">Unmute</button></div><!--[0x00,0]-->
+    <!--div class="divTableCell">&nbsp;</div>
+    <div class="divTableCell">&nbsp;</div-->
+    </div>
+    <div class="divTableRow">
+    <div class="divTableCell">Min</div>
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x100, data:'AAA='})">MinVolume</button></div><!--[0x00,0x00]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x101, data:'AI8='})">MinBass</button></div><!--[0x00,-15]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x102, data:'AI8='})">MinTreble</button></div><!--[0x00,-15]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x103, data:'AI8='})">MinMidRange</button></div><!--[0x00,-15]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x104, data:'AA8='})">Full Right</button></div><!--[0x00,15]-->
+    <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x105, data:'AI8='})">Full Rear</button></div><!--[0x00,-15]-->
+    <!--<div class="divTableCell">
+        <ol>
+          <li><button onclick="pushCurve(0,1)">Test LOW Curve</button></li>
+          <li><button onclick="pushCurve(0,2)">Test LOW Curve</button></li>
+          <li><button onclick="pushCurve(0,3)">Test LOW Curve</button></li>
+          <li><button onclick="pushCurve(0,4)">Test LOW Curve</button></li>
+        </ol>
+    </div>-->
+    <div class="divTableCell">&nbsp;</div>
+    <!--div class="divTableCell">&nbsp;</div>
+    <div class="divTableCell">&nbsp;</div-->
+    </div>
+    </div>
+    </div>
+
+    <h1>Events</h1>
     <br>
     <div id="main" style="visibility:hidden">
     <ol>
     <li>Events: <pre id="outevt"></pre>
     </ol>
     </div>
+</body>