dfcd0b26f376d68b89c32d7da9d044359fbb7a3e
[apps/agl-service-unicens.git] / htdocs / UNICENS.html
1 <html>
2 <head>
3     <title>Unicens Simple Test</title>
4
5     <link rel="stylesheet" href="Ucs2Binding.css">
6     <script type="text/javascript" src="AFB-websock.js"></script>
7     <script type="text/javascript" src="Ucs2Binding.js"></script>
8     <style>
9                 .divTable{
10                         display: table;
11
12                 }
13                 .divTableRow {
14                         display: table-row;
15                 }
16                 .divTableHeading {
17                         background-color: #EEE;
18                         display: table-header-group;
19                 }
20                 .divTableCell, .divTableHead {
21                         border: 1px solid #999999;
22                         display: table-cell;
23                         padding: 3px 10px;
24                 }
25                 .divTableHeading {
26                         background-color: #EEE;
27                         display: table-header-group;
28                         font-weight: bold;
29                 }
30                 .divTableFoot {
31                         background-color: #EEE;
32                         display: table-footer-group;
33                         font-weight: bold;
34                 }
35                 .divTableBody {
36                         display: table-row-group;
37                 }
38
39                 .ucsCtrlButton {
40                         border: none;
41                         padding: 5px 15px;
42                         text-align: center;
43                         text-decoration: none;
44                         display: inline-block;
45                         font-size: 16px;
46                         width: 144px;
47                         border: 2px solid #4CAF50;
48                 }
49         </style>
50 </head>
51 <body onload="init('ucs2_config','unicens', 'listconfig');">
52     <h1>Unicens Simple Test</h1>
53
54     <button id="connected" onclick="init('ucs2_config','unicens', 'listconfig')">Binder WS Fail</button>
55     <br><br>
56     <b>Selected HAL </b>
57     <select id='ucs2_config'></select>
58     <br>
59
60     <ol>
61     <li><button onclick="callbinder('UNICENS','subscribe', {})">Subscribe to network events</button></li>
62     <li><button onclick="callbinder('UNICENS','subscriberx', {})">Subscribe to Rx message events</button></li>
63     <li><button onclick="callbinder('UNICENS','initialise', {filename:ucs2_config})">Parse XML and Start UNICENS</button></li>
64     </ol>
65     <br>
66
67     <h1>K2L Slim-Amp Demo</h1>
68     <ol>
69     <li><button onclick="callbinder('UNICENS','writei2c', {node: 0x270, data:[0x07,0x03,0xFF]})">WriteI2c to 0x270 (mute)</button></li>
70     <li><button onclick="callbinder('UNICENS','writei2c', {node: 0x271, data:[0x07,0x03,0xFF]})">WriteI2c to 0x271 (mute)</button></li>
71     <li><button onclick="callbinder('UNICENS','writei2c', {node: 0x272, data:[0x07,0x03,0xFF]})">WriteI2c to 0x272 (mute)</button></li>
72     </ol>
73     <ol>
74     <li><button onclick="callbinder('UNICENS','sendmessage', {node: 0x270, msgid: 0x5AC4, data:[0x01,0x02,0xFF]})">Send ControlMsg to 0x270</button></li>
75     </ol>
76     <ol>
77     <li><button onclick="callbinder('UNICENS','sendmessageb64', {node: 0x270, msgid: 0x5AC4, data:'ESIzRA=='})">Send ControlMsgB64 to 0x270</button></li>
78     <li><button onclick="callbinder('UNICENS','sendmessageb64', {node: 0x270, msgid: 0x5AC4})">Send ControlMsgB64 to 0x270 (no data)</button></li>
79     <!--<li><button onclick="callbinder('UNICENS','sendmessageb64', {node: 0x270, msgid: 0x5AC4, data: null})">Send ControlMsgB64 to 0x270 (data: null)</button></li>-->
80     <!--<li><button onclick="callbinder('UNICENS','sendmessageb64', {node: 0x270, msgid: 0x5AC4, data: ''})">Send ControlMsgB64 to 0x270 (data: '')</button></li>-->
81     </ol>
82     <br>
83
84     <h1>Fiberdyne Amplifier Controls (Node 0x510)</h1>
85     <div class="divTable">
86     <div class="divTableBody">
87     <div class="divTableRow">
88     <div class="divTableCell">&nbsp;</div>
89     <div class="divTableCell">Volume (0x100)</div>
90     <div class="divTableCell">Bass (0x101)</div>
91     <div class="divTableCell">Treble (0x102)</div>
92     <div class="divTableCell">Mid (0x103)</div>
93     <div class="divTableCell">Balance (0x0104)</div>
94     <div class="divTableCell">Fade (0x105)</div>
95     <!--<div class="divTableCell">SmartEqPoints (0x108)</div>-->
96     <div class="divTableCell">Mute (0x109)</div>
97     <!--div class="divTableCell">&nbsp;</div>
98     <div class="divTableCell">&nbsp;</div-->
99     </div>
100     <div class="divTableRow">
101     <div class="divTableCell">Max</div>
102     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x100, data:'AP8='})">MaxVolume</button></div><!--[0x00,0xFF]-->
103     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x101, data:'AA8='})">MaxBass</button></div><!--[0x00,15]-->
104     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x102, data:'AA8='})">MaxTreble</button></div><!--[0x00,15]-->
105     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x103, data:'AA8='})">MaxMid</button></div><!--[0x00,15]-->
106     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x104, data:'AI8='})">Full Left</button></div><!--[0x00,-15]-->
107     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x105, data:'AA8='})">Full Forward</button></div><!--[0x00,15]-->
108     <!--<div class="divTableCell">
109          <ol>
110               <li><button onclick="pushCurve(0xFF,1)">Test HIGH Curve</button></li>
111               <li><button onclick="pushCurve(0xFF,2)">Test HIGH Curve</button></li>
112               <li><button onclick="pushCurve(0xFF,3)">Test HIGH Curve</button></li>
113               <li><button onclick="pushCurve(0xFF,4)">Test HIGH Curve</button></li>
114          </ol>
115     </div>-->
116     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x109, data:'AAE='})">Mute</button></div><!--data:[0x00,1]-->
117     <!--div class="divTableCell">&nbsp;</div>
118     <div class="divTableCell">&nbsp;</div-->
119     </div>
120
121     <div class="divTableRow">
122     <div class="divTableCell">Middle</div>
123     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x100, data:'AO8='})">MidVolume</button></div><!--[0x00,0xEF]-->
124     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x101, data:'AAA='})">MidBass</button></div><!--[0x00,0]-->
125     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x102, data:'AAA='})">MidTreble</button></div><!--[0x00,0]-->
126     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x103, data:'AAA='})">MidMid</button></div><!--[0x00,0]-->
127     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x104, data:'AAA='})">Center Balance</button></div><!--[0x00,0]-->
128     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x105, data:'AAA='})">Center Fade</button></div><!--[0x00,0]-->
129     <!--<div class="divTableCell">
130          <ol>
131          <li><button onclick="pushCurve(0xE7,1)">Test MID Curve</button></li>
132          <li><button onclick="pushCurve(0xE7,2)">Test MID Curve</button></li>
133          <li><button onclick="pushCurve(0xE7,3)">Test MID Curve</button></li>
134          <li><button onclick="pushCurve(0xE7,4)">Test MID Curve</button></li>
135          </ol>
136        </div>-->
137     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x109, data:'AAA='})">Unmute</button></div><!--[0x00,0]-->
138     <!--div class="divTableCell">&nbsp;</div>
139     <div class="divTableCell">&nbsp;</div-->
140     </div>
141     <div class="divTableRow">
142     <div class="divTableCell">Min</div>
143     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x100, data:'AAA='})">MinVolume</button></div><!--[0x00,0x00]-->
144     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x101, data:'AI8='})">MinBass</button></div><!--[0x00,-15]-->
145     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x102, data:'AI8='})">MinTreble</button></div><!--[0x00,-15]-->
146     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x103, data:'AI8='})">MinMidRange</button></div><!--[0x00,-15]-->
147     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x104, data:'AA8='})">Full Right</button></div><!--[0x00,15]-->
148     <div class="divTableCell"><button class="ucsCtrlButton" onclick="callbinder('UNICENS','sendmessage', {node: 0x510, msgid: 0x105, data:'AI8='})">Full Rear</button></div><!--[0x00,-15]-->
149     <!--<div class="divTableCell">
150         <ol>
151           <li><button onclick="pushCurve(0,1)">Test LOW Curve</button></li>
152           <li><button onclick="pushCurve(0,2)">Test LOW Curve</button></li>
153           <li><button onclick="pushCurve(0,3)">Test LOW Curve</button></li>
154           <li><button onclick="pushCurve(0,4)">Test LOW Curve</button></li>
155         </ol>
156     </div>-->
157     <div class="divTableCell">&nbsp;</div>
158     <!--div class="divTableCell">&nbsp;</div>
159     <div class="divTableCell">&nbsp;</div-->
160     </div>
161     </div>
162     </div>
163
164     <h1>Events</h1>
165     <br>
166     <div id="main" style="visibility:hidden">
167     <ol>
168     <li>Question <pre id="question"></pre>
169     <li>Response <pre id="output"></pre>
170     <li>Events: <pre id="outevt"></pre>
171     </ol>
172     </div>
173 </body>