MONITOR/MONITOR.js at master · punksnotdev/MONITOR · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
var socket = io.connect( 'http://167.99.168.1:4000' );

socket.emit( 'join', {
  foo: 'foo'
});


ntp.init(socket);


// var ack = document.querySelector( '.js-ack' );
// ack.addEventListener( 'click', function( event ) {
//   socket.emit( 'ack', {
//     foo: 'foo'
//   }, res => {
//     console.log( 'acknowledgement:', res )
//   });
// });
var connections = document.querySelector( '.js-connect' );
var offset = document.querySelector( '.js-offset' );
var time = document.querySelector('.js-time')


socket.on( 'join', function( event ) {
  connections.innerHTML = event.numConnections;
});

var displayOffset = false;

socket.on( 'sync', function( event ) {


  time.innerHTML = event.time;

  if(!displayOffset) {

    displayOffset = setTimeout(()=>{
      var offsetMs = ntp.offset(); // time offset from the server in ms
      offset.innerHTML = parseInt(offsetMs*10)/10;
      displayOffset=false
    },100)

  }

});
socket.on( 'connections', function( event ) {
  connections.innerHTML = event.numConnections;
});
// socket.on( 'msg', function( event ) {
//   console.log( 'msg', event );
// });
// socket.on( 'response', function( event ) {
//   console.log( 'response:', event.message );
// });
// var chat = io.connect( 'http://localhost:4000/chat' );
// chat.on( 'message', function( event ) {
//   console.log( 'chat message:', event );
// });
// var chatBtn = document.querySelector( '.js-chatBtn' );
// chatBtn.addEventListener( 'click', function( event ) {
//   chat.emit( 'message', 'Yo central, are you on the line?' );
// });