Move settings to HTML file
[oonf.git] / files / netjson_viewer / netjson_view.html
1 <!doctype html>
2 <html>
3 <head>
4     <title>Network | Basic usage</title>
5
6     <!-- This file use the http://visjs.org API -->
7
8     <link href="vis.css" rel="stylesheet" type="text/css" />
9
10     <style type="text/css">
11         div#section {
12             left:    5%;
13             width:   95%;
14             height:  768px;
15             margin:  auto;
16             padding: 10px;
17         }
18         div#networkgraph {
19             width:   70%;
20             height:  768px;
21             float:   left;
22             border:  1px solid lightgray;
23         }
24         div#infotext {
25             margin-left:  70%;
26             height:       768px;
27             border:       1px solid lightgray;
28         }
29     </style>
30
31     <script type="text/javascript" src="vis.js"></script>
32     <script type="text/javascript" src="netjson_view.js"></script>
33 </head>
34 <body>
35     <p>Visualization of olsrd2 netjson graph</p>
36
37     Auto Update: <input type="checkbox" id="autoupdate" onclick="autoupdate_clicked();" checked="checked"/>
38     Dynamic Layout: <input type="checkbox" id="dynamiclayout" onclick="dynamiclayout_clicked();" checked="checked"/>
39
40     <div id="section">
41         <div id="networkgraph"></div>
42         <div id="infotext"></div>
43     </div>
44
45     <script type="text/javascript">
46         /* settings */
47         var common_edge_postfix = "bit/s";
48         var common_node_prefix  = "192.168.0.";
49         var netjsonurl = "http://169.254.0.101/cgi/netjson.cgi";
50
51         var selectedColor = {
52             border:     '#2BE97C',
53             background: '#D2FFE5',
54             highlight: {
55                 border: '#2BE97C',
56                 background: '#D2FFE5',
57             },
58         };
59     
60         init_netjson_viewer();
61     </script>
62 </body>
63 </html>