| OLD | NEW |
| 1 <!-- ================= Events view =================== --> | 1 <!-- ================= Events view =================== --> |
| 2 | 2 |
| 3 <!-- Filter Box: This the top bar which contains the search box. --> | 3 <!-- Filter Box: This the top bar which contains the search box. --> |
| 4 <div id=events-view-filter-box> | 4 <div id=events-view-filter-box> |
| 5 <table width=100%> | 5 <table width=100%> |
| 6 <tr> | 6 <tr> |
| 7 <td width=1%> | 7 <td width=1%> |
| 8 <span id=events-view-filter-help-hover class=mouse-over-help-hover>(?)</
span> | 8 <span id=events-view-filter-help-hover class=mouse-over-help-hover>(?)</
span> |
| 9 </td> | 9 </td> |
| 10 <td width=98%><input type="search" incremental id=events-view-filter-input
></td> | 10 <td width=98%><input type="search" incremental id=events-view-filter-input
title="Sort and filter"></td> |
| 11 <td width=1% id=events-view-filter-count>(1 of 34)</td> | 11 <td width=1% id=events-view-filter-count>(1 of 34)</td> |
| 12 </tr> | 12 </tr> |
| 13 </table> | 13 </table> |
| 14 </div> | 14 </div> |
| 15 <!-- Inline filter help --> | 15 <!-- Inline filter help --> |
| 16 <div id=events-view-filter-help class=mouse-over-help> | 16 <div id=events-view-filter-help class=mouse-over-help> |
| 17 Sort options: | 17 Sort options: |
| 18 <ul> | 18 <ul> |
| 19 <li>sort:id (default) | 19 <li>sort:id (default) |
| 20 <li>sort:desc | 20 <li>sort:desc |
| 21 <li>sort:duration | 21 <li>sort:duration |
| 22 <li>sort:type | 22 <li>sort:type |
| 23 <li>-sort:<option> Reverses sort order | 23 <li>-sort:<option> Reverses sort order |
| 24 </ul> | 24 </ul> |
| 25 | 25 |
| 26 Additional filters: | 26 Additional filters: |
| 27 <ul> | 27 <ul> |
| 28 <li>id:#[,#]* | 28 <li>id:#[,#]* |
| 29 <li>type:<type>[,<type>]* | 29 <li>type:<type>[,<type>]* |
| 30 <li>is:active | 30 <li>is:active |
| 31 <li>is:error | 31 <li>is:error |
| 32 <li>-<filter> Inverts a filter. | 32 <li>-<filter> Inverts a filter. |
| 33 </ul> | 33 </ul> |
| 34 </div> | 34 </div> |
| 35 <!-- Events Box: This the panel on the left which lists the sources --> | 35 <!-- Events Box: This the panel on the left which lists the sources --> |
| 36 <div id=events-view-source-list> | 36 <div id=events-view-source-list> |
| 37 <table id=events-view-source-list-table cellspacing=0 cellpadding=0 width=100%
> | 37 <table id=events-view-source-list-table cellspacing=0 cellpadding=0 width=100%
> |
| 38 <thead> | 38 <thead> |
| 39 <tr> | 39 <tr> |
| 40 <td style='border-left:0'><input type=checkbox id=events-view-select-all
></td> | 40 <td style='border-left:0'><input type=checkbox id=events-view-select-all
title="Select all"></td> |
| 41 <td id=events-view-sort-by-id>ID</td> | 41 <td id=events-view-sort-by-id>ID</td> |
| 42 <td id=events-view-sort-by-source>Source Type</td> | 42 <td id=events-view-sort-by-source>Source Type</td> |
| 43 <td id=events-view-sort-by-description width=99%>Description</td> | 43 <td id=events-view-sort-by-description width=99%>Description</td> |
| 44 </tr> | 44 </tr> |
| 45 </thead> | 45 </thead> |
| 46 <!-- Events table body: This is where request rows go into --> | 46 <!-- Events table body: This is where request rows go into --> |
| 47 <tbody id=events-view-source-list-tbody></tbody> | 47 <tbody id=events-view-source-list-tbody></tbody> |
| 48 </table> | 48 </table> |
| 49 </div> | 49 </div> |
| 50 <!-- Splitter Box: This is a handle to resize the vertical divider --> | 50 <!-- Splitter Box: This is a handle to resize the vertical divider --> |
| 51 <div id=events-view-splitter-box class=vertical-splitter></div> | 51 <div id=events-view-splitter-box class=vertical-splitter></div> |
| 52 <!-- Details box: This is the panel on the right which shows information --> | 52 <!-- Details box: This is the panel on the right which shows information --> |
| 53 <div id=events-view-details-log-box class="event-log content-box"></div> | 53 <div id=events-view-details-log-box class="event-log content-box"></div> |
| OLD | NEW |