html/index.html

   1 <!doctype html>
   2 <html>
   3 <title>Websocket example</title>
   4 <script type="text/javascript" src="//172.30.0.180:5000/js/main.js" async></script>
   5 <script>
   6     var socket = new WebSocket(
   7         "ws://" + document.domain + ':' + location.port,
   8         "merica-terminal-protocol"
   9     );
  10
  11     function update(id, msg) {
  12         document.getElementById(id).innerHTML = msg;
  13     }
  14
  15     socket.onopen = function() {
  16         console.log("socket open");
  17         update("text", "open");
  18     }
  19
  20     socket.onclose = function() {
  21         console.log("socket close");
  22         update("text", "closed");
  23     }
  24
  25     socket.onmessage = function(json) {
  26         var msg = JSON.parse(json.data);
  27
  28         update("json", "json: " + JSON.stringify(msg))
  29
  30         switch(msg.type) {
  31             case "empty":
  32                 update("text","");
  33                 break;
  34             case "rfid":
  35                 update("text",
  36                     "uid: " + msg.uid + "<br>" +
  37                     "card type: " + msg.card_type + "<br>" +
  38                     "uid size: " + msg.size + " bytes<br>" +
  39                     "sak: " + msg.sak
  40                 );
  41                 break;
  42             case "keys":
  43                 update("text",
  44                     "key: " + msg.key
  45                 );
  46         }
  47         updateRemote(msg);
  48     }
  49
  50     function sendReset() {
  51         socket.send("reset");
  52         console.log("reset");
  53     }
  54
  55     function sendClose() {
  56         socket.send("close");
  57         console.log("close");
  58     }
  59 </script>
  60
  61 <body>
  62
  63 <button onclick="sendReset()">reset</button>
  64 <span style="display:inline-block; width: 20pt;"></span>
  65 <button onclick="sendClose()">close</button>
  66
  67 <p id="time">time.is
  68     <a href="https://time.is/" id="time_is_link" rel="nofollow"></a>
  69     <span id="Czechia_z721"></span>
  70     <script src="//widget.time.is/t.js"></script>
  71     <script>time_is_widget.init({Czechia_z721:{}});</script>
  72 </p>
  73
  74 <p id="json"></p>
  75 <p id="text"></p>
  76 <div id="remote"></div>
  77
  78 </body>
  79 </html>