<html>
<head>
<title>XDS data collector binding Test</title>
<link rel="stylesheet" href="iotbzh-Binding.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico">
<script type="text/javascript" src="AFB-websock.js"></script>
<script type="text/javascript" src="iotbzh-Binding.js"></script>
<script type="text/javascript" src="assets/d3.v3.min.js"></script>
<!-- <script type="text/javascript" src="assets/d3.v5.min.js"></script> -->
<link rel="stylesheet" href="d3js-graph.css">
<script type="text/javascript" src="d3js-graph.js"></script>
</head>
<body class="page-content" onload="init()">
<img src="assets/iot-bzh-logo-small.png">
<h1>XDS data collector prototype Test</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>
<br>
<br>
<div>
<button onclick="callbinder('xds','list' ,{});">List</button>
</li>
<button onclick="graphAGLBindings();">Graph AGL bindings</button>
</li>
<button onclick="callbinder('xds', 'trace', {'ws': 'can_emul'});">Trace ws can_emul</button>
</li>
</div>
<br>
<div id="graph">
</div>
<br>
<div id="main" style="visibility:hidden">
<ol>
<li>Question
<pre id="question"></pre>
</li>
<li>Response
<pre id="output"></pre>
</li>
<li>Events:
<pre id="outevt"></pre>
</li>
</ol>
</div>
</body>