1 files changed, 26 insertions, 82 deletions
diff --git a/htdocs/audiohl.html b/htdocs/audiohl.html
index 41af265..ec4dd43 100644
--- a/htdocs/audiohl.html
+++ b/htdocs/audiohl.html
@@ -7,103 +7,47 @@
     <script type="text/javascript" src="AudioBinding.js"></script>
 </head>
     
-<body onload="init('audiohl')">
+<body onload="init('audiohl'); ep_type=1 ; ar='Entertainment' ; ep_id=0 ; s_id=0 ; val='0' ; p_name='balance' ; st_state=0">
     
-    <button id="connected" onclick="init('audiohl');">Binder WS Fail</button>   
+    <button id="connected" onclick="init('audiohl');">Binder WS Fail</button>   <br><br>
+    <button id="monitoring" onclick="window.open('/monitoring/monitor.html','_monitor_audio')">Debug/Monitoring</a></button>
 
     <b>Audio Role</b>
     <select select_id='audiorole_list' onclick='ar=this.value'>
-        <option selected value=''>Select...</option>
-        <option value='warning' >Warning</option>
-        <option value='guidance'>Guidance</option>
-        <option value='notification'>Notification</option>
-        <option value='communication'>Communication</option>
-        <option value='entertainment'>Entertainment</option>
-        <option value='system'>System</option>
-        <option value='startup'>Startup</option>
-        <option value='shutdown'>Shutdown</option>
-    </select>
+        <option value='Warning' >Warning</option>
+        <option value='Guidance'>Guidance</option>
+        <option value='Notification'>Notification</option>
+        <option value='Communication'>Communication</option>
+        <option selected value='Entertainment'>Entertainment</option>
+        <option value='System'>System</option>
+        <option value='Startup'>Startup</option>
+        <option value='Shutdown'>Shutdown</option>
+    </select><br>
     <b>Endpoint Type</b>
     <select select_id='endpoint_type_list' onclick='ep_type=this.selectedIndex'>
         <option value=0>Source</option>
-        <option value=1>Sink</option>
-        <option selected value=''>Select...</option>
-    </select>
-    <b>Endpoint ID</b>
-        <select select_id='endpoint_id_list' onclick='ep_id=this.selectedIndex'>
-        <option value='0'>0</option>
-        <option value='1'>1</option>
-        <option value='2'>2</option>
-        <option value='3'>3</option>
-        <option value='4'>4</option>
-        <option value='5'>5</option>
-        <option value='6'>6</option>
-        <option value='7'>7</option>
-        <option value='8'>8</option>
-        <option value='9'>9</option>
-        <option value='10'>10</option>
-        <option value='11'>11</option>
-        <option value='12'>12</option>
-        <option value='13'>13</option>
-        <option value='14'>14</option>
-        <option value='15'>15</option>
-        <option value='16'>16</option>
-        <option value='17'>17</option>
-        <option value='18'>18</option>
-        <option value='19'>19</option>
-        <option selected value=''>Select...</option>
-    </select>
-    <b>Stream ID</b>
-    <select select_id='stream_id_list' onclick='s_id=this.selectedIndex'>
-        <option value='0'>0</option>
-        <option value='1'>1</option>
-        <option value='2'>2</option>
-        <option value='3'>3</option>
-        <option value='4'>4</option>
-        <option value='5'>5</option>
-        <option value='6'>6</option>
-        <option value='7'>7</option>
-        <option value='8'>8</option>
-        <option value='9'>9</option>
-        <option value='10'>10</option>
-        <option value='11'>11</option>
-        <option value='12'>12</option>
-        <option value='13'>13</option>
-        <option value='14'>14</option>
-        <option value='15'>15</option>
-        <option value='16'>16</option>
-        <option value='17'>17</option>
-        <option value='18'>18</option>
-        <option value='19'>19</option>
-        <option selected value=''>Select...</option>
-    </select>
+        <option selected value=1>Sink</option>
+    </select><br>
+    <b><label for="epidsel">Endpoint ID</label></b>
+    <input id="epidsel" type="number" value="0" min=0 step=1 maxlength=4 onchange='ep_id=eval(parseInt(this.value))'><br>
+    <b><label for="stidsel">Stream ID</label></b>
+    <input id="stidsel" type="number" value="0" min=0 step=1 maxlength=4 onchange='s_id=eval(parseInt(this.value))'><br>
   <b>Property</b>
         <select select_id='property_name_list' onclick='p_name=this.value'>
-        <option value='balance'>Balance</option>
+        <option selected value='balance'>Balance</option>
         <option value='fade'>Fade</option>
         <option value='eq_bass'>EQ Bass</option>
         <option value='eq_mid'>EQ Mid</option>
         <option value='eq_treble'>EQ Treble</option>
-        <option selected value=''>Select...</option>
-    </select>
-    <b>Volume/Property Value</b>
-        <select select_id='value_list' onclick='val=this.value'>
-        <option value='0'>0</option>
-        <option value='20'>20</option>
-        <option value='40'>40</option>
-        <option value='60'>60</option>
-        <option value='80'>80</option>
-        <option value='100'>100</option>
-        <option selected value=''>Select...</option>
-    </select>
-
+        <option value='preset_name'>Preset Name</option>       
+    </select><br>
+    <b><label for="valpropsel">Volume/Property Value</label></b>
+    <input id="valpropsel" type="number" value="0" min=0 max=100 step=1 maxlength=4 onchange='val=this.value'><br>
     <b>Stream Active/Mute State</b>
     <select select_id='state_value_list' onclick='st_state=this.selectedIndex'>
-        <option value='off'>Off</option>
+        <option selected value='off'>Off</option>
         <option value='on'>On</option>
-        <option selected value=''>Select...</option>
-    </select>
-
+    </select><br>
 
     <br>
     <ol>
@@ -119,7 +63,7 @@
     <li><button onclick="callbinder('audiohl','get_volume', {endpoint_type:ep_type,endpoint_id:ep_id})">get_volume(endpoint_type,endpoint_id)</button></li>   
     <li><button onclick="callbinder('audiohl','get_list_properties', {endpoint_type:ep_type,endpoint_id:ep_id})">get_list_properties(endpoint_type,endpoint_id)</button></li>
     <li><button onclick="callbinder('audiohl','set_property', {endpoint_type:ep_type,endpoint_id:ep_id,property_name:p_name,value:val})">set_property(endpoint_type,endpoint_id,property,value)</button></li>    
-    <li><button onclick="callbinder('audiohl','get_property', {endpoint_type:ep_type,endpoint_id:ep_id,property_name:'balance'})">get_property(endpoint_type,endpoint_id,'balance')</button></li>   
+    <li><button onclick="callbinder('audiohl','get_property', {endpoint_type:ep_type,endpoint_id:ep_id,property_name:p_name})">get_property(endpoint_type,endpoint_id,property)</button></li>   
     <li><button onclick="callbinder('audiohl','get_list_events', {audio_role:ar})">get_list_events(audio_role)</button></li>
     <li><button onclick="callbinder('audiohl','post_event', {event_name:'play_sound',audio_role:ar,media_name:'HomeButton.wav'})">post_event(play_sound,audio_role,'HomeButton.wav')</button></li>
     <li><button onclick="callbinder('audiohl','subscribe', {events:['ahl_endpoint_property_event','ahl_endpoint_volume_event','ahl_post_event']})">subscribe(['ahl_endpoint_property_event','ahl_endpoint_volume_event','ahl_post_event'])</button>