Seaview/index.html at master · hangal/Seaview · GitHub

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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
<meta charset="utf-8">
<head><title>Seaview</title>
<style type="text/css">
  div.bar {
  display: inline-block;
  width: 20px;
  height: 75px;	/* Gets overriden by D3-assigned height below */
  margin-right: 2px;
  background-color: teal;
  }
  div{
  resize:both
  }
  .selected{
  background:yellow;
  }
</style>
</head>

<!--<link href="jquery/jquery-ui.css" rel="stylesheet" type="text/css"/>-->
<script src="jquery/jquery-1.6.2.min.js"></script>
<script src="jquery/jquery-ui.min.js"></script>
<link href="style/default.css" type="text/css" rel="stylesheet"></link>
<script type="text/javascript" src="js/color.js"></script>
<script>
  if (window.addEventListener) {
  //window.addEventListener("storage", handle_storage, false);
  window.addEventListener("storage",handle_storage,false);
  } else {
  window.attachEvent("onstorage", handle_storage);
  };
</script>
<script type="text/javascript" src="SEAVIEW/info.js"></script>
<script type="text/javascript" src="SEAVIEW/run.logs.js"></script>
<script type="text/javascript" src="d3/d3.v3.min.js"></script>
<script type="text/javascript" src="js/bar_chart.js"></script>

<body style="background-color:#FFFFFF">
  <input type="checkbox" class="menu-nav-check" id="menu-nav-check"/>

  <div class="page-wrap">
    <header class="main-header">
      <label for="menu-nav-check" class="toggle-menu">
	<pre style="font-size:40px;">Show</pre>
      </label>
    </header>

    <table>
      <tr>
	<td style="height:300px;text-align:top;">
	  <div id="code_area">
	    <iframe width="100%" height="300px" src="code_browser/index.html" id="iframe_code"></iframe>
	  </div>
	</td>
	<td style="height:200px;text-align:top;">
	  <div class="plot" id="barchart">
	    <iframe width="100%" height = "200px" src = "" id="iframe_plot"> </iframe>
	    <!-- //206px;-->
	  </div>
	</td>
	<!--<iframe width="100%" height="(screen.height-300)px" src=""></iframe>-->
	<script type="text/javascript" src="SEAVIEW/info.js"></script>
	<td style="top:200px">
	  <div id="log" class="logs" >
	    <p id = "file"></p>
	  </div>
	</td>
      </tr>
    </table>
  </div>

  <div id="menu">
    <ul>
      <li><code>Choose a log file </code></br><input type="file" id="fileinput" multiple></li>
      <li><input id="hide" type="checkbox" onchange="toggleSV(this)" checked></input><span align="left"><code>Hide tags</code></span></li>
      <li><input id="info" type="checkbox" onchange="toggleInfo(this)" checked></input><span align="left"><code>Hide info</code></span></li>
      <li><input id = "filter" type="checkbox"
		 onchange="toggleInstrumented(this)" checked><code>Show only
	  instrumented logs</code></input></li>
      <li><input id = "plot" type="checkbox" onchange="toggleShowPlot()"><code>Plot area</code></input></li>
      <li><input id = "code" type="checkbox" onchange="showCode()"><code>Code area</code></input></li>

      <li><select id = "action_select">
	  <option value="unit">Select by unit Id</option>
	  <option value="dim">Select by dim Id</option>
	  <option value="same">Same log statement</option>
	  <option value="sig">Select by java type</option>
	  <option value="class">Select by Class</option>
	  <option value="method">Select by Method</option>
      </select></li>

      <li><button onclick="colorizeDims(filtered_content)">reset</button></li>

      <li><select id="graph_type" onchange="toggleShowPlot()">
	  <option value="bar">Bar chart over the variable</option>
	  <option value="scatter">Scatter Plot over all the variables.</option>
	  <!--  <option value="stack_bar_unit">Stacked Bar chart over same unit</option>
		<option value="stack_bar_dim">Stacked Bar chart over same
		  dimension</option>
	  <option value="group_bar_unit">Grouped Bar chart over same
	    unit</option>
	  <option value="group_bar_dim">Grouped Bar chart over same
	    dimension</option>
	  <option value="group_bar_all">Grouped Bar chart over all variables
	  </option>
	  <option value="social_graph">Social graph(grouping with same
	    dimensions)
	  </option>-->
	</select>
      </li>

      <div style="display:none"><code>Mode:</code><span style="padding:2px; color: black;background-color: white; border: black 2px solid"><input id='plot_mode' type="checkbox" checked></input><code>Plot</code></div>
      <li><input type="checkbox" id='select_mode'></input><code>Select</code></span></li>
<!--<a href="bar.html?big=1" target="_blank">Big</a>-->

<li><span id="file_name" style="font-size:10px"></span></li>
<li><input type="checkbox" id="rev_map"><code>Reverse Mapping</code></input></li>
</ul>
</div>

<script>
    document.getElementById('fileinput').addEventListener('change',
    readMultipleFiles, false);
</script>
</body>