| <!-- =============== Events Waterfall View ================= --> |
| <div id=waterfall-view-tab-content class=content-box> |
| <div> |
| <div id=waterfall-view-controls> |
| Start Time: <input id=waterfall-view-start-input type=number min=0 value=0> |
| End Time: <input id=waterfall-view-end-input type=number min=0> |
| <input id=waterfall-view-adjust-to-window type=button value="Fit Range in Window"> |
| </div> |
| <p> |
| <!-- Table that displays time bars --> |
| <table id=waterfall-view-time-bar-table> |
| <thead> |
| <tr id=waterfall-view-table-header> |
| <td id=waterfall-view-time-scale-labels></td> |
| </tr> |
| </thead> |
| <!-- Events Waterfall table body: This is where request rows go into --> |
| <tbody id=waterfall-view-time-bar-tbody></tbody> |
| </table> |
| <!-- Fixed table that contains the id and url information. --> |
| <table id=waterfall-view-information-table> |
| <thead id=waterfall-view-information-thead> |
| <tr> |
| <td class=waterfall-view-id-cell id=waterfall-view-id-header>ID</td> |
| <td class=waterfall-view-url-cell id=waterfall-view-url-header>URL</td> |
| </tr> |
| </thead> |
| <tbody id=waterfall-view-information-tbody></tbody> |
| </table> |
| </div> |
| </div> |