summaryrefslogtreecommitdiffstats
path: root/conf.d/project/htdocs/RadioBinding.js
diff options
context:
space:
mode:
authorThierry Bultel <thierry.bultel@iot.bzh>2018-07-11 17:45:28 +0200
committerThierry Bultel <thierry.bultel@iot.bzh>2018-07-17 10:50:07 +0200
commitd6eba3146057f104f5b2ad52b47ec42c72ca45df (patch)
tree78c601b2d1bc4f3f469beb4d5b0c35a7a35d22d3 /conf.d/project/htdocs/RadioBinding.js
parent9c519f325590fcf4dfcfe30798fddb5a102dc389 (diff)
added an html5 page for testing
Change-Id: Ia07a32583a08b9b3e17296e560d80a2758f00658 Signed-off-by: Thierry Bultel <thierry.bultel@iot.bzh>
Diffstat (limited to 'conf.d/project/htdocs/RadioBinding.js')
-rw-r--r--conf.d/project/htdocs/RadioBinding.js124
1 files changed, 124 insertions, 0 deletions
diff --git a/conf.d/project/htdocs/RadioBinding.js b/conf.d/project/htdocs/RadioBinding.js
new file mode 100644
index 0000000..edaf46c
--- /dev/null
+++ b/conf.d/project/htdocs/RadioBinding.js
@@ -0,0 +1,124 @@
+ var afb = new AFB("api", "mysecret");
+ var ws;
+ var sndcard="HALNotSelected";
+ var evtidx=0;
+ var numid=0;
+
+ function syntaxHighlight(json) {
+ if (typeof json !== 'string') {
+ json = JSON.stringify(json, undefined, 2);
+ }
+ json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
+ return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
+ var cls = 'number';
+ if (/^"/.test(match)) {
+ if (/:$/.test(match)) {
+ cls = 'key';
+ } else {
+ cls = 'string';
+ }
+ } else if (/true|false/.test(match)) {
+ cls = 'boolean';
+ } else if (/null/.test(match)) {
+ cls = 'null';
+ }
+ return '<span class="' + cls + '">' + match + '</span>';
+ });
+ }
+
+ function getParameterByName(name, url) {
+ if (!url) {
+ url = window.location.href;
+ }
+ name = name.replace(/[\[\]]/g, "\\$&");
+ var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
+ results = regex.exec(url);
+ if (!results) return null;
+ if (!results[2]) return '';
+ return decodeURIComponent(results[2].replace(/\+/g, " "));
+ }
+
+ function replyok(obj) {
+ console.log("replyok:" + JSON.stringify(obj));
+ $("#output")[0].innerHTML = "OK: "+ syntaxHighlight(obj);
+ }
+
+ function replyerr(obj) {
+ console.log("replyerr:" + JSON.stringify(obj));
+ $("#output")[0].innerHTML = "ERROR: "+ syntaxHighlight(obj);
+ }
+
+ function gotevent(obj) {
+ console.log("gotevent:" + JSON.stringify(obj));
+ $("#outevt")[0].innerHTML = (evtidx++) +": "+JSON.stringify(obj);
+ }
+
+ function send(message) {
+ var api = $("#api").value;
+ var verb = $("#verb").value;
+ $("#question")[0].innerHTML = "subscribe: "+api+"/"+verb + " (" + JSON.stringify(message) +")";
+ ws.call(api+"/"+verb, {data:message}).then(replyok, replyerr);
+ }
+
+ // On button click from HTML page
+ function callbinder(api, verb, query) {
+ console.log ("api="+api+" verb="+verb+" query=" +query);
+ var question = urlws +"/" +api +"/" +verb + "?query=" + JSON.stringify(query);
+ $("#question")[0].innerHTML = syntaxHighlight(question);
+ ws.call(api+"/"+verb, query).then(replyok, replyerr);
+ }
+
+ function init() {
+
+ function onopen() {
+
+ $("#main")[0].style.visibility = "visible";
+ $("#connected")[0].innerHTML = "Binder WS Active";
+ $("#connected")[0].style.background = "lightgreen";
+ ws.onevent("*", gotevent);
+
+ callbinder('radio', 'subscribe',{value:'frequency'} );
+ callbinder('radio', 'subscribe',{value:'station_found'} );
+ }
+
+ function onabort() {
+ $("#main")[0].style.visibility = "hidden";
+ $("#connected")[0].innerHTML = "Connected Closed";
+ $("#connected")[0].style.background = "red";
+
+ callbinder('radio', 'unsubscribe',{value:'frequency'} );
+ callbinder('radio', 'unsubscribe',{value:'station_found'} );
+
+ }
+ ws = new afb.ws(onopen, onabort);
+ }
+
+ function setband() {
+ band = $("#band input[type='radio']:checked").val();
+ callbinder('radio', 'band', {value : band });
+ }
+
+ function checkband() {
+ band = $("#band input[type='radio']:checked").val();
+ callbinder('radio', 'band_supported', { band : band });
+ }
+
+ function get_frequency_range() {
+ band = $("#band input[type='radio']:checked").val();
+ callbinder('radio', 'frequency_range', { band : band });
+ }
+
+ function get_frequency_step() {
+ band = $("#band input[type='radio']:checked").val();
+ callbinder('radio', 'frequency_step', { band : band });
+ }
+
+ function get_stereo_mode() {
+ callbinder('radio', 'stereo_mode', { });
+ }
+
+ function set_stereo_mode() {
+ mode = $("#mode input[type ='radio']:checked").val();
+ callbinder('radio', 'stereo_mode', { value : mode });
+ }
+ \ No newline at end of file