OLD | NEW |
| (Empty) |
1 <html> | |
2 <head> | |
3 <script src="js/common/bind.js"></script> | |
4 <script src="js/common/date_util.js"></script> | |
5 <script src="js/common/debug.js"></script> | |
6 <script src="js/common/dom_util.js"></script> | |
7 <script src="js/profiling/class_util.js"></script> | |
8 <script src="js/profiling/data_fetcher.js"></script> | |
9 <script src="js/profiling/entry.js"></script> | |
10 <script src="js/profiling/list_view.js"></script> | |
11 <script src="js/profiling/stats_view.js"></script> | |
12 <script src="js/profiling/viewer_app.js"></script> | |
13 | |
14 <script> | |
15 var gViewerApp = new ProfilingApp(); | |
16 </script> | |
17 | |
18 <style> | |
19 .viewBadge { | |
20 font-size: 110%; | |
21 background: gray; | |
22 padding: 5px; | |
23 } | |
24 | |
25 .sortBadge { | |
26 } | |
27 | |
28 table.entriesList { | |
29 padding: 1px; | |
30 } | |
31 | |
32 table.entriesList thead { | |
33 background: lightgreen; | |
34 } | |
35 | |
36 table.entriesList th { | |
37 padding: 3px; | |
38 } | |
39 | |
40 table.entriesList th:first-of-type { | |
41 border-top-left-radius: 8px; | |
42 } | |
43 | |
44 table.entriesList th:last-of-type { | |
45 border-top-right-radius: 8px; | |
46 } | |
47 | |
48 table.entriesList tr:nth-child(odd) { | |
49 background: lightgray; | |
50 } | |
51 | |
52 table.entriesList td { | |
53 padding: 2pt; | |
54 padding-left: 4pt; | |
55 padding-right: 4pt; | |
56 } | |
57 | |
58 .filters_container { | |
59 } | |
60 | |
61 .filters_container th { | |
62 text-align: right; | |
63 } | |
64 | |
65 .dygraph { | |
66 font-family: sans-serif; | |
67 margin-bottom: 22px; | |
68 padding-bottom: 12px; | |
69 background: -webkit-gradient(linear, | |
70 left top, | |
71 left bottom, | |
72 from(#fff), | |
73 to(#eee)); | |
74 border-radius: 10px; | |
75 } | |
76 | |
77 /* Must be last to take precedence. */ | |
78 .Selected { | |
79 background: yellow; | |
80 } | |
81 </style> | |
82 <title>Profiling</title> | |
83 </head> | |
84 | |
85 <body> | |
86 <h1>Profiling</h1> | |
87 | |
88 <div style="border: 1px solid black" id=navigation_container> | |
89 <table width=100%> | |
90 <tr> | |
91 <td> | |
92 <div id=filters_container class=filters_container></div> | |
93 </td> | |
94 <td align=right> | |
95 <div id=view_selection_container></div> | |
96 </td> | |
97 </tr> | |
98 </table> | |
99 </div> | |
100 | |
101 <!-- ============================================================ --> | |
102 <!-- UI widget to show when stuff is being loaded --> | |
103 <!-- ============================================================ --> | |
104 <div id=loading style="font-size: 200%; color: blue; padding: 10px; display:none
;">Loading...</div> | |
105 | |
106 | |
107 <!-- ============================================================ --> | |
108 <!-- Spacer between time range controls and view panel --> | |
109 <!-- ============================================================ --> | |
110 <div style="margin: 3px;"> </div> | |
111 | |
112 <!-- ============================================================ --> | |
113 <!-- UI widget to prompt for login. --> | |
114 <!-- ============================================================ --> | |
115 <div id=login_container style="display:none;"></div> | |
116 | |
117 <!-- ============================================================ --> | |
118 <!-- UI widget with error data. --> | |
119 <!-- ============================================================ --> | |
120 <div id=error_container style="display:none;"></div> | |
121 | |
122 <!-- ============================================================ --> | |
123 <!-- Different views content area --> | |
124 <!-- ============================================================ --> | |
125 <div id=list_container style="display:none"></div> | |
126 <div id=stats_container style="display:none"></div> | |
127 | |
128 <pre id=log></pre> | |
129 </body> | |
130 </html> | |
OLD | NEW |