htdocs/Ucs2Binding.js

   1     var afb = new AFB("api", "mysecret");
   2     var ws;
   3     var ucs2_config="ConfigNotSelected";
   4     var evtidx=0;
   5     var numid=0;
   6
   7     function syntaxHighlight(json) {
   8         if (typeof json !== 'string') {
   9              json = JSON.stringify(json, undefined, 2);
  10         }
  11         json = json.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
  12         return json.replace(/("(\\u[a-zA-Z0-9]{4}|\\[^u]|[^\\"])*"(\s*:)?|\b(true|false|null)\b|-?\d+(?:\.\d*)?(?:[eE][+\-]?\d+)?)/g, function (match) {
  13             var cls = 'number';
  14             if (/^"/.test(match)) {
  15                 if (/:$/.test(match)) {
  16                     cls = 'key';
  17                 } else {
  18                     cls = 'string';
  19                 }
  20             } else if (/true|false/.test(match)) {
  21                 cls = 'boolean';
  22             } else if (/null/.test(match)) {
  23                 cls = 'null';
  24             }
  25             return '<span class="' + cls + '">' + match + '</span>';
  26         });
  27     }
  28
  29     function basename(path) {
  30         return path.split('/').reverse()[0];
  31     }
  32
  33     function getParameterByName(name, url) {
  34         if (!url) {
  35           url = window.location.href;
  36         }
  37         name = name.replace(/[\[\]]/g, "\\$&");
  38         var regex = new RegExp("[?&]" + name + "(=([^&#]*)|&|#|$)"),
  39             results = regex.exec(url);
  40         if (!results) return null;
  41         if (!results[2]) return '';
  42         return decodeURIComponent(results[2].replace(/\+/g, " "));
  43     }
  44
  45     // default soundcard is "PCH"
  46     var devid=getParameterByName("devid");
  47     if (!devid) devid="hw:1";
  48
  49     var haldev=getParameterByName("haldev");
  50     if (!haldev) haldev="scarlett-usb";
  51
  52     var sndname=getParameterByName("sndname");
  53     if (!sndname) sndname="PCH";
  54
  55     var mode=getParameterByName("mode");
  56     if (!mode) mode="0";
  57
  58
  59
  60
  61     function replyok(obj) {
  62             console.log("replyok:" + JSON.stringify(obj));
  63             document.getElementById("output").innerHTML = "OK: "+ syntaxHighlight(obj);
  64     }
  65
  66     function replyerr(obj) {
  67             console.log("replyerr:" + JSON.stringify(obj));
  68             document.getElementById("output").innerHTML = "ERROR: "+ syntaxHighlight(obj);
  69     }
  70
  71     function gotevent(obj) {
  72             console.log("gotevent:" + JSON.stringify(obj));
  73             document.getElementById("outevt").innerHTML = (evtidx++) +": "+JSON.stringify(obj);
  74     }
  75
  76     function send(message) {
  77             var api = document.getElementById("api").value;
  78             var verb = document.getElementById("verb").value;
  79             document.getElementById("question").innerHTML = "subscribe: "+api+"/"+verb + " (" + JSON.stringify(message) +")";
  80             ws.call(api+"/"+verb, {data:message}).then(replyok, replyerr);
  81     }
  82
  83
  84      // On button click from HTML page
  85     function callbinder(api, verb, query) {
  86             console.log ("subscribe api="+api+" verb="+verb+" query=" +query);
  87             var question = urlws +"/" +api +"/" +verb + "?query=" + JSON.stringify(query);
  88             document.getElementById("question").innerHTML = syntaxHighlight(question);
  89             ws.call(api+"/"+verb, query).then(replyok, replyerr);
  90     }
  91
  92
  93     // Retreive Select value and Text from the binder
  94     // Note: selection of value/text for a given context is huggly!!!
  95     function querySelectList (elemid, api, verb, query) {
  96
  97         console.log("querySelectList elemid=%s api=%s verb=%s query=%s", elemid, api, verb, query);
  98
  99         var selectobj = document.getElementById(elemid);
 100         if (!selectobj) {
 101             console.log ("****** elemid=%s does not exit in HTML page ****", elemid);
 102             return;
 103         }
 104
 105         // onlick update selected HAL api
 106         selectobj.onclick=function(){
 107            ucs2_config= this.value;
 108            console.log ("Default Selection=" + ucs2_config);
 109         };
 110
 111         function gotit (result) {
 112
 113             // display response as for normal onclick action
 114             replyok(result);
 115             var response=result.response;
 116
 117             // fulfill select with avaliable active HAL
 118             for (idx=0; idx<response.length; idx++) {
 119                 var opt = document.createElement('option');
 120                 var basename = response[idx].basename;
 121                 var dirpath  = response[idx].dirpath;
 122                 var ext= basename.split('.').pop();
 123
 124                 // Only propose XML files
 125                 if (ext.toLowerCase() === "xml") {
 126                     opt.text   = basename;
 127                     opt.value  = dirpath + "/" + basename;
 128                     selectobj.appendChild(opt);
 129                 }
 130             }
 131
 132            ucs2_config= selectobj.value;
 133         }
 134
 135         var question = urlws +"/"+api +"/" +verb + "?query=" + JSON.stringify(query);
 136         document.getElementById("question").innerHTML = syntaxHighlight(question);
 137
 138         // request lowlevel ALSA to get API list
 139         ws.call(api+"/"+verb, query).then(gotit, replyerr);
 140     }
 141
 142
 143     function init(elemid, api, verb, query) {
 144
 145         function onopen() {
 146                 // check for active HALs
 147                 querySelectList (elemid, api, verb, query);
 148
 149                 document.getElementById("main").style.visibility = "visible";
 150                 document.getElementById("connected").innerHTML = "Binder WS Active";
 151                 document.getElementById("connected").style.background  = "lightgreen";
 152                 ws.onevent("*", gotevent);
 153         }
 154
 155         function onabort() {
 156                 document.getElementById("main").style.visibility = "hidden";
 157                 document.getElementById("connected").innerHTML = "Connected Closed";
 158                 document.getElementById("connected").style.background  = "red";
 159
 160         }
 161         ws = new afb.ws(onopen, onabort);
 162     }