-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
51 lines (40 loc) · 1.12 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="public/css/status.css" media="screen"/>
<body>
<div id="content"></div>
<div id="mo-content"></div>
<script src="bower_components/react/react.js"></script>
<script src="bower_components/rxjs/rx.js"></script>
<script src="bower_components/rxjs/rx.time.js"></script>
<script src="bower_components/rxjs/rx.binding.js"></script>
<script src="public/js/statuspanel.js"></script>
<script type="text/javascript">
// Returns a random number between min and max
function getRandomArbitrary(min, max) {
return Math.random() * (max - min) + min;
}
function nextTick(x) {
return getRandomArbitrary(200, 100).toFixed(4);
}
var source = Rx.Observable
.interval(100)
.take(100)
.map(nextTick);
React.renderComponent(
PriceBoard({ stream: source }),
document.getElementById('content')
);
// Same source stream, manipulating the value
var newSource = source
.map(function(x){
// if(x > 150)
// throw 'oh noes';
return Math.round(x);
});
React.renderComponent(
PriceBoard({ stream: newSource }),
document.getElementById('mo-content')
);
</script>