diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-30 14:45:15 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-03-30 14:45:15 +0200 |
| commit | 8664f156cd27f4c75f1dfdcf347b0a772b144cac (patch) | |
| tree | a57870f2e00345e7be4b37481272b7d7cc1d87f7 /index.html | |
| parent | b48d68e5a2129512b62c13c73f6312d684256bab (diff) | |
| download | bridge-8664f156cd27f4c75f1dfdcf347b0a772b144cac.tar.gz bridge-8664f156cd27f4c75f1dfdcf347b0a772b144cac.zip | |
use webstomp
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 65 |
1 files changed, 33 insertions, 32 deletions
@@ -10,51 +10,52 @@ </form> <ul id="updates"></ul> - <!-- <script src="/socket.io/socket.io.js"></script> --> + <script src="https://cdn.jsdelivr.net/sockjs/1/sockjs.min.js"></script> + <script type="text/javascript" src="/js/webstomp.min.js"></script> <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script> - //var socket = io(); + // fallback (TODO) + //var sock = SockJS("http://localhost:15674/stomp"); + //var client = webstomp.over(sock); + let client = webstomp.client("ws://localhost:15674/ws"); + client.connect("web", "web", () => { + $("#updates").append( + $("<li>") + .text("connected to socket") + .css("color", "purple") + ); + }, (err) => { + $("#updates").append( + $("<li>") + .text("error connecting to socket: " + err) + .css("color", "red") + ); + }); $("#update-form").submit(function(e) { - var name = $("input:first").val(); + let name = $("input:first").val(); $.get("/api/player/name/" + name).done(function() { $("#updates").append( $("<li>") .text(name + ": found") - .css("color", "black") + .css("color", "green") ); - /* subscribe to socket notifications */ - /* - socket.on(name, function(msg) { - if (msg == "grab_failed") { - $("#updates").append( - $("<li>") - .text(name + ": no new data") - .css("color", "red") - ); - } - if (msg == "process_finished") { - $("#updates").append( - $("<li>") - .text(name + ": processed") - .css("color", "green") - ); - } - if (msg == "compile_finished") { + client.subscribe("/topic/" + name, (msg) => { + $("#updates").append( + $("<li>") + .text(msg.body) + .css("color", "grey") + ); + + if (msg.body == "process_commit") { $("#updates").append( $("<li>") - .text(name + ": compiled") + .text(name + ": new match(es) available") .css("color", "orange") ); } - if (msg == "done") { - $("#updates").append( - $("<li>") - .text(name + ": done") - .css("color", "red") - ); - } - }); - */ + + msg.ack(); + }, {"ack": "client"}); }).fail(function() { $("#updates").append( $("<li>") |