<html>
<head>
<title>VSHL API Test</title>
<link rel="stylesheet" href="binding.css">
<script type="text/javascript" src="AFB.js"></script>
<script type="text/javascript" src="binding.js"></script>
</head>
<body class="page-content" onload="init()">
<h1>Voice Service High Level API Tester</h1>
<button id="connected" onclick="init()">Binder WS Fail</button>
<button id="monitoring" onclick="window.open('/monitoring/monitor.html','_monitor_ctl')">Debug/Monitoring</a>
</button>
<button onclick="clearPre('question'); clearPre('output'); clearPre('outevt');">Clear</button>
<br>
<br>
<dialog id="agent-event-chooser">
<h3 class="dialogheader">Subscribe to the following agent events</h3>
<div>
<ol>
<li>
<input type="checkbox" id="authstate" checked>
<label>voice_authstate_event</label>
</li>
<li>
<input type="checkbox" id="dialogstate" checked>
<label>voice_dialogstate_event</label>
</li>
<li>
<input type="checkbox" id="connectionstate" checked>
<label>voice_connectionstate_event</label>
</li>
</ol>
</div>
<footer>
<button id="agent-subscribe-btn" type="button" style="margin: 10px">Subscribe</button>
</footer>
</dialog>
<dialog id="templateui-event-chooser">
<h3 class="dialogheader">Subscribe to the following GUI Metadata Messages</h3>
<div>
<ol>
<li>
<input type="checkbox" id="render_template" checked>
<label>render_template</label>
</li>
<li>
<input type="checkbox" id="clear_template" checked>
<label>clear_template</label>
</li>
<li>
<input type="checkbox" id="render_player_info" checked>
<label>render_player_info</label>
</li>
<li>
<input type="checkbox" id="clear_player_info" checked>
<label>clear_player_info</label>
</li>
</ol>
</div>
<footer>
<button id="templateui-subscribe-btn" type="button" style="margin: 10px">Subscribe</button>
</footer>
</dialog>
<div id="top" class="row">
<div id='actions' class="col1">
<div>
<h2>VSHL APIs</h2>
<p>APIs that are voiceagent agnostic</p>
<button onclick="callbinder('vshl','startListening',{});">startListening</button>
<button onclick="fetchAndRenderVoiceAgents();">enumerateAgents</button>
<button onclick="showTemplateUIEventChooserDialog();">Subscribe to GUI Metadata</button>
</div>
<div id="agentsDiv">
</div>
</div>
<div id="main" style="visibility:hidden" class="col2">
<ol>
<li>Question <pre id="question"></pre>
<li>Response <pre id="output"></pre>
<li>Events: <pre id="outevt"></pre>
</ol>
</div>
</div>
</body>