-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
5 changed files
with
1,276 additions
and
97 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,4 @@ | ||
| node_modules | ||
| dist | ||
|
|
||
| out/ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,105 @@ | ||
|
|
||
| var ws, cmd = ""; | ||
| var input=document.getElementById("txtInput"); | ||
| var output=document.getElementById("txtOutput"); | ||
| var result=document.getElementById("txtResult"); | ||
|
|
||
| function connect(){ | ||
| if ("WebSocket" in window) { | ||
| ws = new WebSocket("ws://localhost:5005/"); | ||
| ws.binaryType = 'arraybuffer'; | ||
| output.value="connecting..."; | ||
| ws.onopen=function(e){output.innerHTML="connected"}; | ||
| ws.onclose=function(e){output.innerHTML="disconnected"}; | ||
| ws.onerror=function(e){output.value=e.data}; | ||
| /* | ||
| when a message is received, | ||
| prepend the message to the display area | ||
| along with the input command | ||
| */ | ||
| ws.onmessage=function(e){ | ||
| /*parse the JSON string into a JSON object using JSON.parse */ | ||
| var outputHTML,data = JSON.parse(e.data); | ||
| console.log(data); | ||
| // var outputHTML,data = deserialize(e.data); | ||
| if (data !== null) { | ||
| if (typeof data == "object") { | ||
| /* if an object, then message must be a table or a dictionary */ | ||
| if (data.length) { | ||
| /*if object has a length then it is a table OR an array*/ | ||
| if (typeof data[0] == "object") { | ||
| const table = new Tabulator("#txtResult", { | ||
| data:data, | ||
| autoColumns:true | ||
| }); | ||
|
|
||
| } | ||
| else { | ||
| outputHTML = generateTableHTML(data); | ||
| } | ||
| } else { | ||
| /* | ||
| if object has no length, it is a dictionary, | ||
| in this case we will iterate over the keys to print | ||
| the key|value pairs as would be displayed in a q console | ||
| */ | ||
| for (var x in data) { | ||
| outputHTML += x + " | " + data[x] + "<br />"; | ||
| } | ||
| } | ||
|
|
||
| } else { | ||
| /* if not an object, then message must have simple data structure*/ | ||
| outputHTML = data; | ||
| }; | ||
| if (outputHTML) { | ||
| result.innerHTML = outputHTML; | ||
| } | ||
| } | ||
| output.innerHTML = cmd + "<br />" + output.innerHTML; | ||
| } | ||
| } else alert("WebSockets not supported on your browser."); | ||
| } | ||
|
|
||
| function send(){ | ||
| /* | ||
| store the input command so that we can access it later | ||
| to print in with the response | ||
| */ | ||
| cmd = "q)" + input.value + "<br />"; | ||
| /* send the input command across the WebSocket connection */ | ||
| ws.send(input.value); | ||
| /* | ||
| reset the input test box to empty, and | ||
| focus the cursor back on it ready for the next input | ||
| */ | ||
| input.value=""; | ||
| input.focus(); | ||
| } | ||
|
|
||
| function generateTableHTML(data){ | ||
| /* we will iterate through the object wrapping it in the HTML table tags */ | ||
| var tableHTML = '<table border="1"><tr>'; | ||
| if (typeof data[0] == "object") { | ||
| for (var x in data[0]) { | ||
| /* loop through the keys to create the table headers */ | ||
| tableHTML += '<th>' + x + '</th>'; | ||
| } | ||
| tableHTML += '</tr>'; | ||
| for (var i = 0; i < data.length; i++) { | ||
| /* loop through the rows, putting tags around each col value */ | ||
| tableHTML += '<tr>'; | ||
| for (var x in data[0]) { | ||
| tableHTML += '<td>' + data[i][x] + '</td>'; | ||
| } | ||
| tableHTML += '</tr>'; | ||
| } | ||
| } | ||
| else { | ||
| data.forEach((elem) => { | ||
| tableHTML += '<td>' + elem + '</td>'; | ||
| }) | ||
| } | ||
| tableHTML += '</table>'; | ||
| return tableHTML; | ||
| } |
Oops, something went wrong.