Archives/ohwgiles_laminar
1
0
Fork 0
mirror of https://github.com/ohwgiles/laminar.git synced 2026-03-02 03:40:21 +00:00
Code Issues Projects Releases Wiki Activity

resolves #28: compensate for server/client clock skew

Browse Source
This commit is contained in:
Oliver Giles
2018-02-03 16:52:46 +02:00
parent 46efb07285
commit 30f2203a3b
3 changed files with 15 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/resources/js/app.js
View File

@@ -24,6 +24,8 @@ const WebsocketHandler = function() {
comp.ws = this;
// Update html and nav titles
document.title = comp.$root.title = msg.title;
// Calculate clock offset (used by ProgressUpdater)
comp.$root.clockSkew = msg.time - Math.floor((new Date()).getTime()/1000);
comp.$root.connected = true;
// Component-specific callback handler
comp[msg.type](msg.data);
@@ -98,7 +100,7 @@ const Utils = {
},
formatDuration: function(start, end) {
if(!end)
end = Math.floor(Date.now()/1000);
end = Math.floor(Date.now()/1000) + this.$root.clockSkew;
if(end - start > 3600)
return Math.floor((end-start)/3600) + ' hours, ' + Math.floor(((end-start)%3600)/60) + ' minutes';
else if(end - start > 60)
@@ -114,7 +116,7 @@ const ProgressUpdater = {
methods: {
updateProgress(o) {
if (o.etc) {
var p = ((new Date()).getTime() / 1000 - o.started) / (o.etc - o.started);
var p = (Math.floor(Date.now()/1000) + this.$root.clockSkew - o.started) / (o.etc - o.started);
if (p > 1.2) {
o.overtime = true;
} else if (p >= 1) {
@@ -524,6 +526,7 @@ new Vue({
el: '#app',
data: {
title: '', // populated by status ws message
clockSkew: 0,
connected: false,
notify: 'localStorage' in window && localStorage.getItem('showNotifications') == 1
},