/src/visualiser/index.html
http://github.com/hhughes/ocaml-frui · HTML · 96 lines · 96 code · 0 blank · 0 comment · 0 complexity · 2796c222d5e4a880d2c86d107a7f8f44 MD5 · raw file
- <html>
- <head>
- <style type='text/css'>
- div#top {
- position: absolute;
- top: 0;
- height: 25px;
- left: 0;
- right: 0;
- }
- div#main {
- position: absolute;
- left: 10px;
- right: 10px;
- bottom: 10px;
- top: 35px;
- border: 1px solid black;
- }
- div.msg {
- position: absolute;
- display: inline-block;
- height: 20px;
- width: 2px;
- background-color: black;
- }
- div.thread {
- position: absolute;
- height: 20px;
- width: 200px;
- border: 1px solid black;
- }
- div.fn {
- position: absolute;
- height: 20px;
- border-left: 1px solid black;
- border-right: 1px solid black;
- background-color: lightgrey;
- }
- div#msg_count {
- position: absolute;
- right: 5px;
- bottom: 5px;
- }
- div#visualiser {
- position: absolute;
- left: 0px;
- top: 0px;
- right: 200px;
- height: 400px;
- overflow-y: scroll;
- }
- div#widgets {
- position: absolute;
- top: 0px;
- right: 0px;
- height: 400px;
- }
- div#pie {
- position: absolute;
- top: 0px;
- right: 0px;
- width: 200px;
- height: 200px;
- }
- div#cloud {
- position: absolute;
- right: 0px;
- top: 200px;
- width: 200px;
- height: 200px;
- }
- div#timeline {
- position: absolute;
- left: 0px;
- top: 400px;
- }
- </style>
- </head>
- <body>
- <div id='top'>
- Enter url of json file: <input type='text' id='json_url' value='http://localhost:8080/events' /><button id='visualise' type='button'>Visualise</button><button id='next_msg' type='button'>Add</button><button id='start' type='button'>Start</button><button id='msg' type='button'>Msg</button><button id='test1a' type='button'>Test1a</button><button id='test1b' type='button'>Test1b</button><button id='test2' type='button'>Test2</button><button id='test1000' type='button'>Test1000</button><button id='test10000' type='button'>Test10000</button>
- </div>
- <div id='main'>
- <div id='visualiser'>
- <div id='msg_count'></div>
- </div>
- <div id='widgets'>
- <div id='pie'></div>
- <div id='cloud'></div>
- </div>
- <div id='timeline'></div>
- </div>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
- <script src="./main.js"></script>
- </body>
- </html>