-
Notifications
You must be signed in to change notification settings - Fork 1
/
graph.html
134 lines (133 loc) · 5.73 KB
/
graph.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
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
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript">
/*
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-31064652-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
*/
</script>
<!--Libraries-->
<script type="text/javascript" src="lib/d3/d3.v3.min.js"></script>
<script type="text/javascript" src="lib/jQuery/jquery-1.11.1.js"></script>
<script type="text/javascript" src="lib/jQuery/jquery-ui-1.11.0.custom/jquery-ui.js"></script>
<script type="text/javascript" src="lib/jQuery/jquery.tipsy.js"></script>
<script type="text/javascript" src="lib/jQuery/jquery.contextMenu.js"></script>
<script type="text/javascript" src="lib/dagre/dagre.js"></script>
<script type="text/javascript" src="lib/underscore/underscore.js"></script>
<script type="text/javascript" src="lib/base64.js"></script>
<!--Scripts-->
<script type="text/javascript" src="js/Minimap.js"></script>
<script type="text/javascript" src="js/MinimapZoom.js"></script>
<script type="text/javascript" src="js/DirectedAcyclicGraph.js"></script>
<script type="text/javascript" src="js/List.js"></script>
<script type="text/javascript" src="js/Selectable.js"></script>
<script type="text/javascript" src="js/Graph.js"></script>
<script type="text/javascript" src="js/History.js"></script>
<script type="text/javascript" src="js/Tooltip.js"></script>
<script type="text/javascript" src="js/ContextMenu.js"></script>
<script type="text/javascript" src="js/xtrace_utils.js"></script>
<script type="text/javascript" src="js/xtrace_graph.js"></script>
<!--Stylesheets-->
<link href="stylesheets/xtrace.css" rel="stylesheet" type="text/css" />
<link href="stylesheets/tipsy.css" rel="stylesheet" type="text/css" />
<link href="stylesheets/jquery.contextMenu.css" rel="stylesheet" type="text/css" />
<link href="lib/jQuery/jquery-ui-1.11.0.custom/jquery-ui.css" rel="stylesheet" type="text/css" />
<script>
window.onload = function() {
var params = getParameters();
var id = params["id"];
var callback = function(data) {
console.log("Reports received, accessible as window.data", data);
window.data = data;
window.xtrace = new XTraceDAG(document.body, data[0].reports, params);
};
var errback = function(message, error) {
console.log("Error retrieving reports", error);
};
if (id==null) {
document.body.appendChild(document.createTextNode("No Trace ID specified"));
} else {
getReports(id, callback, errback);
}
}
</script>
</head>
<body width="100%" height="100%" style="margin: 0">
<div id="controls">
<div id="hideshow_button"></div>
<div id="hideshow_zone">
<div class="ui-state-error" id="error-msg" hidden=true></div>
<div class="row">
<label class="col caption" for="root_text">Focused Package:</label>
<input class="col" id="root_text">
</div>
<div class="row">
<label class="col caption" for="height_slider">Ancestor Orders:</label>
<div class="col"><div id="height_slider"></div></div>
<div class="col caption" id="height_indicator"></div>
</div>
<div class="row">
<label class="col caption" for="depth_slider">Descendent Orders:</label>
<div class="col"><div id="depth_slider"></div></div>
<div class="col caption" id="depth_indicator"></div>
</div>
<div class="row">
<label class="col caption" for="tred_radio">Edge Reduction:</label>
<div class="col" id="tred_radio">
<input type="radio" id="tred_radio1" name="tred_radio" checked="checked"><label for="tred_radio1">None</label>
<input type="radio" id="tred_radio2" name="tred_radio"><label for="tred_radio2">Standard</label>
<input type="radio" id="tred_radio3" name="tred_radio"><label for="tred_radio3">Tree</label>
</div>
</div>
<div class="row">
<label class="col caption" for="meta_radio">Collapse Metapackages:</label>
<div class="col" id="meta_radio">
<input type="radio" id="meta_radio1" name="meta_radio" checked="checked"><label for="meta_radio1">No</label>
<input type="radio" id="meta_radio2" name="meta_radio"><label for="meta_radio2">Yes</label>
</div>
</div>
<div class="row">
<label class="col caption" for="color_dataset">Color by:</label>
<select class="col" name="color_dataset" id="color_dataset">
<option id="color_select1" selected="selected">Health</option>
<option id="color_select2">Impact</option>
<option id="color_select3">Runtime</option>
</select>
<div class="col" id="color_info" title="<b>Health:</b> based on maintainers and Github ticket history.<br /><b>Impact:</b> based on number of depending packages.<br /><b>Runtime:</b> based on live usage data from RosKomodo."></div>
</div>
<div class="row">
<label class="col caption" for="direction_radio">Direction:</label>
<div class="col" id="direction_radio">
<input type="radio" id="direction_radio1" name="direction_radio" checked="checked"><label for="direction_radio1">Top-Bottom</label>
<input type="radio" id="direction_radio2" name="direction_radio"><label for="direction_radio2">Left-Right</label>
</div>
</div>
<div class="row">
<div id="apply_button"></div>
<div id="link_button"></div>
</div>
<!--<hr />
<div class="row">
<label class="col caption" for="tooltip_check">Hide tooltips:</label>
<input class="col" type="checkbox" id="tooltip_check" />
</div>-->
</div>
</div>
<div id="key">
<div class="caption">
<span id="lowest">Low</span>
<span id="key_label"></span>
<span id="highest">High</span>
</div>
<div id="key-scale"></div>
</div>
</body>
</html>