From c5b8ca5aebd6ebe9230a764b239b7bdaea8aaef7 Mon Sep 17 00:00:00 2001 From: Christian Pointner Date: Wed, 28 Sep 2016 20:05:58 +0200 Subject: readd jquery for clock callbacks diff --git a/src/clock.js b/src/clock.js index 59390d8..163f464 100644 --- a/src/clock.js +++ b/src/clock.js @@ -22,6 +22,8 @@ 'use strict'; function Clock() { + this.draw_callbacks = $.Callbacks('unique'); + this.last_message = { t1: 0, t2: 0, t3: 0, t4: 0, tz_offset: 3600 }; this.clock_offset = 0; this.clock_rtt = 0; @@ -46,7 +48,11 @@ function Clock() { time_str += (rdtime.getUTCMinutes() > 9 ? ':' : ':0') + rdtime.getUTCMinutes(); time_str += (rdtime.getUTCSeconds() > 9 ? ':' : ':0') + rdtime.getUTCSeconds(); - console.log([date_str, time_str, get_rd_week(rdtime_ms)]) + this.draw_callbacks.fireWith(window, [date_str, time_str, get_rd_week(rdtime_ms)]); + } + + this.addCallback = function(cb) { + this.draw_callbacks.add(cb); } this.ntp_update = function(event) { @@ -114,6 +120,7 @@ clock.start(); var ClockView = React.createClass({ + render: function() { return (

diff --git a/www/index.html b/www/index.html index 63adbd2..01704e1 100644 --- a/www/index.html +++ b/www/index.html @@ -17,6 +17,7 @@ --> + @@ -27,11 +28,6 @@

- - - - - - + diff --git a/www/js/bundle.js b/www/js/bundle.js index 7aa4b78..02b7f7c 100644 --- a/www/js/bundle.js +++ b/www/js/bundle.js @@ -23,6 +23,8 @@ 'use strict'; function Clock() { + this.draw_callbacks = $.Callbacks('unique'); + this.last_message = { t1: 0, t2: 0, t3: 0, t4: 0, tz_offset: 3600 }; this.clock_offset = 0; this.clock_rtt = 0; @@ -47,7 +49,11 @@ function Clock() { time_str += (rdtime.getUTCMinutes() > 9 ? ':' : ':0') + rdtime.getUTCMinutes(); time_str += (rdtime.getUTCSeconds() > 9 ? ':' : ':0') + rdtime.getUTCSeconds(); - console.log([date_str, time_str, get_rd_week(rdtime_ms)]); + this.draw_callbacks.fireWith(window, [date_str, time_str, get_rd_week(rdtime_ms)]); + }; + + this.addCallback = function (cb) { + this.draw_callbacks.add(cb); }; this.ntp_update = function (event) { @@ -115,6 +121,7 @@ clock.start(); var ClockView = React.createClass({ displayName: 'ClockView', + render: function () { return React.createElement( 'p', -- cgit v0.10.2