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 Filter <span id=events-view-filter-help-hover class=mouse-over-help-hove
r>(?)</span>: | 8 Filter <span id=events-view-filter-help-hover class=mouse-over-help-hove
r>(?)</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
></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>is:-<option> Inverts "is" 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
></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 |