| OLD | NEW |
| (Empty) |
| 1 <!-- ================= Events view =================== --> | |
| 2 | |
| 3 <!-- Filter Box: This the top bar which contains the search box. --> | |
| 4 <div id=filterBox> | |
| 5 <table width=100%> | |
| 6 <tr> | |
| 7 <td width=1%>Filter:</td> | |
| 8 <td width=98%><input type="search" incremental id=filterInput /></td> | |
| 9 <td width=1% id=filterCount>(1 of 34)</td> | |
| 10 </tr> | |
| 11 </table> | |
| 12 </div> | |
| 13 <!-- Events Box: This the panel on the left which lists the sources --> | |
| 14 <div id=eventsBox> | |
| 15 <table id=eventsListTable cellspacing=0 cellpadding=0 width=100%> | |
| 16 <thead> | |
| 17 <tr> | |
| 18 <td><input type=checkbox id=selectAll /></td> | |
| 19 <td id=sortById>ID</td> | |
| 20 <td id=sortBySource>Source</td> | |
| 21 <td id=sortByDescription width=99%>Description</td> | |
| 22 </tr> | |
| 23 </thead> | |
| 24 <!-- Events table body: This is where request rows go into --> | |
| 25 <tbody id=eventsListTableBody></tbody> | |
| 26 </table> | |
| 27 </div> | |
| 28 <!-- Action Box: This is a button bar along the bottom --> | |
| 29 <div id=actionBox> | |
| 30 <input type=button value="Delete selected" id=deleteSelected /> | |
| 31 <input type=button value="Delete all" id=deleteAll /> | |
| 32 </div> | |
| 33 <!-- Splitter Box: This is a handle to resize the vertical divider --> | |
| 34 <div id=splitterBoxForEventDetails class=splitterBox></div> | |
| 35 <!-- Details box: This is the panel on the right which shows information --> | |
| 36 <div id=detailsTabHandles> | |
| 37 <table class=tabSwitcher cellspacing=0> | |
| 38 <tr> | |
| 39 <th id=detailsLogTab>Log</th> | |
| 40 <td class=tabSwitcherSpacer> </td> | |
| 41 <th id=detailsTimelineTab>Timeline</th> | |
| 42 </tr> | |
| 43 </table> | |
| 44 <div class=tabSwitcherLine></div> | |
| 45 </div> | |
| 46 <div id=detailsLogBox></div> | |
| 47 <div id=detailsTimelineBox></div> | |
| OLD | NEW |