| <!-- ================= Events view =================== --> |
| |
| <!-- Filter Box: This the top bar which contains the search box. --> |
| <div id=events-view-filter-box> |
| <table width=100%> |
| <tr> |
| <td width=1%> |
| <span id=events-view-filter-help-hover class=mouse-over-help-hover>(?)</span> |
| </td> |
| <td width=98%><input type="search" incremental id=events-view-filter-input title="Sort and filter"></td> |
| <td width=1% id=events-view-filter-count>(1 of 34)</td> |
| </tr> |
| </table> |
| </div> |
| <!-- Inline filter help --> |
| <div id=events-view-filter-help class=mouse-over-help> |
| Sort options: |
| <ul> |
| <li>sort:id (default) |
| <li>sort:desc |
| <li>sort:duration |
| <li>sort:type |
| <li>-sort:<option> Reverses sort order |
| </ul> |
| |
| Additional filters: |
| <ul> |
| <li>id:#[,#]* |
| <li>type:<type>[,<type>]* |
| <li>is:active |
| <li>is:error |
| <li>-<filter> Inverts a filter. |
| </ul> |
| </div> |
| <!-- Events Box: This the panel on the left which lists the sources --> |
| <div id=events-view-source-list> |
| <table id=events-view-source-list-table cellspacing=0 cellpadding=0 width=100%> |
| <thead> |
| <tr> |
| <td style='border-left:0'><input type=checkbox id=events-view-select-all title="Select all"></td> |
| <td id=events-view-sort-by-id>ID</td> |
| <td id=events-view-sort-by-source>Source Type</td> |
| <td id=events-view-sort-by-description width=99%>Description</td> |
| </tr> |
| </thead> |
| <!-- Events table body: This is where request rows go into --> |
| <tbody id=events-view-source-list-tbody></tbody> |
| </table> |
| </div> |
| <!-- Splitter Box: This is a handle to resize the vertical divider --> |
| <div id=events-view-splitter-box class=vertical-splitter></div> |
| <!-- Details box: This is the panel on the right which shows information --> |
| <div id=events-view-details-log-box class="event-log content-box"></div> |