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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
|
import { load as load_template } from './templates';
import Mustache from 'mustache';
import { lowcan } from 'agl-js-api';
var template;
var page = {
speed: 0,
tires: {
front: {
left: 21,
right: 22
},
rear: {
left: 23,
right: 24
}
},
rpm: {
value: 0,
percent: 0
},
isWarning: true,
fuel: {
percent: 100,
level: 14,
range: 650,
avg: 25.5
}
};
export function show() {
document.body.innerHTML = Mustache.render(template, page);
}
export function init() {
lowcan.list().then( function( result ) {
console.log(result.length);
for( var i=0;i<result.length; i++) {
if( result[i].startsWith('messages') ) {
(function(event) {
lowcan.get(event).then( function( result ) {
console.log(result[0].event, result[0].value);
}, function(error){
console.error(event, error);
});
})(result[i]);
}
}
}, function(error){
console.error(error);
});
load_template('main.template.html').then(function(result) {
template = result;
Mustache.parse(template);
show();
}, function(error) {
console.error('ERRROR loading main template', error);
});
}
export function simulate() {
console.log('SIMULATE');
var counter = 0;
var interval = setInterval(function() {
counter ++;
if( page.speed < 60 ) {
page.speed += Math.floor(Math.random()*10);
if( page.rpm.percent < 80 ) {
page.rpm.percent += Math.floor(Math.random()*25);
} else {
page.rpm.percent = 40;
}
} else if (Math.random() > 0.5 ) {
page.speed += Math.floor(Math.random()*10);
page.rpm.percent = Math.min(80, Math.floor(Math.random()*90));
} else {
page.speed -= Math.floor(Math.random()*10);
page.rpm.percent = Math.min(80, Math.floor(Math.random()*90));
}
page.fuel.percent = Math.round(page.fuel.percent - 0.01);
page.fuel.level = Math.round(page.fuel.level - 0.01);
page.fuel.range = Math.round(page.fuel.range - 0.01);
show();
if( counter > 600 ) {
clearInterval(interval);
}
}, 1000);
}
|
