diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2017-04-04 17:08:58 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2017-04-04 17:08:58 +0200 |
| commit | 1b9bc10f0b1cac51861208bcdd5ec43e83b9f40d (patch) | |
| tree | 36d281f35b39ab4880f25c020b5c963ba34e77f0 /index.html | |
| parent | 9bcc17fc5b87ada9a7300ead72e381cee139a6b1 (diff) | |
| download | bridge-1b9bc10f0b1cac51861208bcdd5ec43e83b9f40d.tar.gz bridge-1b9bc10f0b1cac51861208bcdd5ec43e83b9f40d.zip | |
use db connection in update API
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 104 |
1 files changed, 51 insertions, 53 deletions
@@ -4,10 +4,19 @@ <title>Vainsocial backend status</title> </head> <body> - <form id="update-form"> - <input type="text"> - <input type="submit" value="Update"> - </form> + <p> + <form id="update-form"> + <input type="text" id="update-name"> + <input type="checkbox" id="update-force"> + <label for="update-force">Force refresh</label> + <input type="submit" value="Update"> + </form> + </p> + <p> + <form id="update-random-form"> + <input type="submit" value="Update random player"> + </form> + </p> <ul id="updates"></ul> @@ -23,66 +32,55 @@ // http fallback client = webstomp.over(SockJS("http://localhost:15674/stomp")); } - // connect - client.connect("web", "web", () => { - $("#updates").append( - $("<li>") - .text("connected to socket") - .css("color", "purple") - ); - }, (err) => { + + let notif = (text, color) => { $("#updates").append( $("<li>") - .text("error connecting to socket: " + JSON.stringify(err)) - .css("color", "red") + .text(text) + .css("color", color) ); - }); + }; - $("#update-form").submit((e) => { - let name = $("input:first").val(); + // connect + client.connect("web", "web", () => notif("connected to socket", "purple"), + (err) => notif("error connecting to socket: " + JSON.stringify(err), "red")); + + let subscribe = (name) => { // subscribe client.subscribe("/topic/player." + name, (msg) => { - $("#updates").append( - $("<li>") - .text(msg.body) - .css("color", "grey") - ); - - if (msg.body == "search_fail") { - $("#updates").append( - $("<li>") - .text(name + ": not found") - .css("color", "red") - ); + notif(msg.body, "grey"); + switch (msg.body) { + case "search_fail": + notif(name + ": not found", "red"); break; + case "search_success": + notif(name + ": found", "green"); break; + case "matches_update": + notif(name + ": new match(es) available", "orange"); break; + case "stats_update": + notif(name + ": player profile stats updated", "orange"); break; } - if (msg.body == "search_success") { - $("#updates").append( - $("<li>") - .text(name + ": found") - .css("color", "green") - ); - } - if (msg.body == "matches_update") { - $("#updates").append( - $("<li>") - .text(name + ": new match(es) available") - .css("color", "orange") - ); - } - if (msg.body == "stats_update") { - $("#updates").append( - $("<li>") - .text(name + ": player profile stats updated") - .css("color", "orange") - ); - } - msg.ack(); }, {"ack": "client"}); + } - // POST - $.post("/api/player/" + name + "/search"); + $("#update-form").submit((e) => { + e.preventDefault(); + let ign = $("#update-name").val(), + force = $("#update-force").is(":checked"); + + subscribe(ign); + if (force) { + $.post("/api/player/" + ign + "/search"); + } else { + $.post("/api/player/" + ign + "/update"); + } + }); + $("#update-random-form").submit((e) => { e.preventDefault(); + $.post("/api/player").done((resp) => { + notif(resp.name + ": random user", "green"); + subscribe(resp.name); + }); }); </script> </body> |