| 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 |