| <div id="event-log"> |
| |
| <div class="row column"> |
| <h1>Event Log</h1> |
| </div> |
| |
| <!-- Current status and bar display the state of the server. Class 'power__state-off' is applied to bar and 'power__state' text switches to say "off"--> |
| <div class="row column page-header"> |
| <h2 class="inline h4">All events generated by the system</h2> |
| <div class="event-log__timezone inline float-right"> |
| <ul class="event-log__tz-list inline"> |
| <li>User timezone: EDT (UTC-4)</li> |
| <li>UTC Timezone : UTC - 0</li> |
| </ul> |
| </div> |
| </div> |
| |
| <div id="event-filter" class="row"> |
| <div class="column large-6"> |
| <p class="filter-label">Filter by severity</p> |
| <button class="btn-secondary inline first">High</button> |
| <button class="btn-primary inline">Medium</button> |
| <button class="btn-secondary inline">Low</button> |
| <button class="btn-secondary inline last">Resolved</button> |
| </div> |
| <div class="column large-6"> |
| <p class="filter-label">Filter by date range (MM/DD/YYYY)</p> |
| </div> |
| </div> |
| </div> |