|
jtulach@87
|
1 |
<!--
|
|
jtulach@87
|
2 |
|
|
jtulach@87
|
3 |
The MIT License (MIT)
|
|
jtulach@87
|
4 |
|
|
jtulach@87
|
5 |
Copyright (C) 2013 Jaroslav Tulach <jaroslav.tulach@apidesign.org>
|
|
jtulach@87
|
6 |
|
|
jtulach@87
|
7 |
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
jtulach@87
|
8 |
of this software and associated documentation files (the "Software"), to deal
|
|
jtulach@87
|
9 |
in the Software without restriction, including without limitation the rights
|
|
jtulach@87
|
10 |
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
jtulach@87
|
11 |
copies of the Software, and to permit persons to whom the Software is
|
|
jtulach@87
|
12 |
furnished to do so, subject to the following conditions:
|
|
jtulach@87
|
13 |
|
|
jtulach@87
|
14 |
The above copyright notice and this permission notice shall be included in
|
|
jtulach@87
|
15 |
all copies or substantial portions of the Software.
|
|
jtulach@87
|
16 |
|
|
jtulach@87
|
17 |
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
jtulach@87
|
18 |
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
jtulach@87
|
19 |
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
jtulach@87
|
20 |
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
jtulach@87
|
21 |
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
jtulach@87
|
22 |
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
jtulach@87
|
23 |
THE SOFTWARE.
|
|
jtulach@87
|
24 |
|
|
jtulach@87
|
25 |
-->
|
|
jtulach@87
|
26 |
<!DOCTYPE html>
|
|
jtulach@87
|
27 |
<html>
|
|
jtulach@87
|
28 |
<head>
|
|
jtulach@87
|
29 |
<title></title>
|
|
jtulach@87
|
30 |
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
|
jtulach@87
|
31 |
|
|
jtulach@87
|
32 |
<style type="text/css">
|
|
jtulach@87
|
33 |
#graph {
|
|
jtulach@87
|
34 |
position: relative;
|
|
jtulach@87
|
35 |
width: 660px;
|
|
jtulach@87
|
36 |
height: 216px;
|
|
jtulach@87
|
37 |
margin: 8px;
|
|
jtulach@87
|
38 |
padding: 0;
|
|
jtulach@87
|
39 |
}
|
|
jtulach@87
|
40 |
|
|
jtulach@87
|
41 |
#graph ul {
|
|
jtulach@87
|
42 |
position: absolute;
|
|
jtulach@87
|
43 |
top: 0;
|
|
jtulach@87
|
44 |
left: 32px;
|
|
jtulach@87
|
45 |
width: 600px;
|
|
jtulach@87
|
46 |
height: 200px;
|
|
jtulach@87
|
47 |
border-left: 1px solid black;
|
|
jtulach@87
|
48 |
border-bottom: 1px solid black;
|
|
jtulach@87
|
49 |
}
|
|
jtulach@87
|
50 |
|
|
jtulach@87
|
51 |
#graph li {
|
|
jtulach@87
|
52 |
position: absolute;
|
|
jtulach@87
|
53 |
list-style: none;
|
|
jtulach@87
|
54 |
background: lightblue;
|
|
jtulach@87
|
55 |
width: 40px;
|
|
jtulach@87
|
56 |
text-align: center;
|
|
jtulach@87
|
57 |
border: 1px solid black;
|
|
jtulach@87
|
58 |
top: 60px;
|
|
jtulach@87
|
59 |
visibility: hidden;
|
|
jtulach@87
|
60 |
}
|
|
jtulach@87
|
61 |
</style>
|
|
jtulach@87
|
62 |
|
|
jtulach@87
|
63 |
</head>
|
|
jtulach@87
|
64 |
<body>
|
|
jtulach@87
|
65 |
<h1>Histogram Demo</h1>
|
|
jtulach@87
|
66 |
<input data-bind="value: numbers, valueUpdate: 'afterkeydown'" size="80">
|
|
jtulach@87
|
67 |
|
|
jtulach@87
|
68 |
<div id="graph">
|
|
jtulach@87
|
69 |
<ul data-bind="foreach: bars">
|
|
jtulach@87
|
70 |
<li data-bind="style: { left : left, top: top, height : height, visibility : 'visible' }">
|
|
jtulach@87
|
71 |
<span style="margin:8px; background: lightblue"></span>
|
|
jtulach@87
|
72 |
</li>
|
|
jtulach@87
|
73 |
</ul>
|
|
jtulach@87
|
74 |
</div>
|
|
jtulach@87
|
75 |
|
|
jtulach@87
|
76 |
<script type="text/javascript" src="bck2brwsr.js"></script>
|
|
jtulach@87
|
77 |
<script>
|
|
jtulach@87
|
78 |
var vm = bck2brwsr('${project.build.finalName}.jar');
|
|
jtulach@87
|
79 |
vm.loadClass('dew.demo.histogram.MainBrwsr');
|
|
jtulach@87
|
80 |
</script>
|
|
jtulach@87
|
81 |
|
|
jtulach@87
|
82 |
</body>
|
|
jtulach@87
|
83 |
</html>
|