|  | <div id="sensors"> | 
|  | <div class="row column"> | 
|  | <h1>Sensors</h1> | 
|  | </div> | 
|  | <section class="row column"> | 
|  | <div class="page-header"> | 
|  | <h2 class="inline h4">Sensors present in the system</h2> | 
|  |  | 
|  | </div> | 
|  | </section> | 
|  | <!-- Filters --> | 
|  | <section class="row column"> | 
|  | <!-- filters --> | 
|  | <div class="event-log__filters"> | 
|  | <!-- severity filter --> | 
|  | <div class="dropdown__wrapper"> | 
|  | <button class="dropdown__button" ng-click="severityFilter = severityFilter == true ? false : true;" | 
|  | ng-class="{'active' : severityFilter}">All Severity | 
|  | </button> | 
|  | <ul class="dropdown__list multi-select inline" ng-show="severityFilter"> | 
|  | <li> | 
|  | <button>All severity (999)</button> | 
|  | </li> | 
|  | <li ng-click="dropdown_selectedHigh = !dropdown_selectedHigh; filterHigh = !filterHigh " | 
|  | ng-class="{'active' : dropdown_selectedHigh, 'active' : filterHigh}"> | 
|  | <button>High severity (999)</button> | 
|  | </li> | 
|  | <li ng-click="dropdown_selectedMed = !dropdown_selectedMed; filterMed = !filterMed" | 
|  | ng-class="{'active' : dropdown_selectedMed, 'active' : filterMed}"> | 
|  | <button>Medium severity (999)</button> | 
|  | </li> | 
|  | <li ng-click="dropdown_selectedLow = !dropdown_selectedLow; filterLow = !filterLow" | 
|  | ng-class="{'active' : dropdown_selectedLow, 'active' : filterLow}"> | 
|  | <button>Low severity (999)</button> | 
|  | </li> | 
|  | </ul> | 
|  | </div> | 
|  | <!-- date range --> | 
|  | <div class="dropdown__wrapper"> | 
|  | <button class="dropdown__button" ng-click="dateFilter = dateFilter == true ? false : true;" | 
|  | ng-class="{'active' : dateFilter}">Date Range | 
|  | </button> | 
|  | <div class="dropdown__list dropdown__date row" ng-show="dateFilter"> | 
|  | <div class="column small-6"> | 
|  | <label>Start Date</label> | 
|  | <input type="date"/> | 
|  | </div> | 
|  | <div class="column small-6"> | 
|  | <label>End Date</label> | 
|  | <input type="date"/> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | <!-- Status filter --> | 
|  | <div class="dropdown__wrapper"> | 
|  | <button class="dropdown__button" ng-click="statusFilter = statusFilter == true ? false : true;" | 
|  | ng-class="{'active' : statusFilter}">Status | 
|  | </button> | 
|  | <ul class="dropdown__list multi-select inline" ng-show="statusFilter"> | 
|  | <li> | 
|  | <button>All status (999)</button> | 
|  | </li> | 
|  | <li ng-click="dropdown_selectedResolved = !dropdown_selectedResolved; filterResolved = !filterResolved" | 
|  | ng-class="{'active' : dropdown_selectedResolved, 'active' : filterResolved}"> | 
|  | <button>Resolved issues (999)</button> | 
|  | </li> | 
|  | <li ng-click="dropdown_selectedUnresolved = !dropdown_selectedUnresolved; filterUnresolved = !filterUnresolved" | 
|  | ng-class="{'active' : dropdown_selectedUnresolved, 'active' : filterUnresolved}"> | 
|  | <button>Unresolved issues (999)</button> | 
|  | </li> | 
|  | </ul> | 
|  | </div> | 
|  | </div> | 
|  | <!-- search --> | 
|  | <div class="content__search"> | 
|  | <label for="event__search">Event Log Search</label> | 
|  | <input id="content__search-input" type="text" placeholder="Filter issues"/> | 
|  | <input id="event__search-submit" type="submit" class="btn btn-secondary" value="Submit"/> | 
|  | <div class="event__search-tag-wrapper row" | 
|  | ng-show="filterUnresolved || filterResolved || filterHigh || filterMed || filterLow"> | 
|  | <div class="column small-2 large-1 no-padding"> | 
|  | <p class="inline label tag-filter-label">Filtered by: </p> | 
|  | </div> | 
|  | <div class="column small-10 large-11 "> | 
|  | <button class="tag custom">Custom Tag</button> | 
|  | <button class="tag event__high" ng-click="filterHigh = !filterHigh" ng-show="filterHigh">High | 
|  | priority | 
|  | </button> | 
|  | <button class="tag event__medium" ng-click="filterMed = !filterMed" ng-show="filterMed">Medium | 
|  | priority | 
|  | </button> | 
|  | <button class="tag event__low" ng-click="filterLow = !filterLow" ng-show="filterLow">Low priority | 
|  | </button> | 
|  | <button class="tag event__resolved" ng-click="filterUnresolved = !filterUnresolved" | 
|  | ng-show="filterUnresolved">Unresolved issues | 
|  | </button> | 
|  | <button class="tag event__resolved" ng-click="filterResolved = !filterResolved" | 
|  | ng-show="filterResolved">Resolved issues | 
|  | </button> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </section> <!-- end filter --> | 
|  | <section id="event-log__events" class="row column"> | 
|  | <div id="header__actions-bar" class="row "> | 
|  | <div class="column small-1 large-1 event-log__col-check"> | 
|  | <label class="control-check"> | 
|  | <input type="checkbox" name="events__check-all" ng-model="all"/> | 
|  | <div class="control__indicator"></div> | 
|  | </label> | 
|  | </div> | 
|  | <div class="column small-11 large-11 end col-logged-events"> | 
|  | <!-- top bar confirmation - ADD ACTIVE CLASS TO DISPLAY--> | 
|  | <div class="inline__confirm event__confirm" ng-class="{active: confirm}"> | 
|  | <div class="inline__confirm-message"> | 
|  | <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete 9 logs</strong>? | 
|  | </p> | 
|  | </div> | 
|  | <div class="inline__confirm-buttons"> | 
|  | <button class="btn-primary" ng-click="accept()">Yes</button> | 
|  | <button class="btn-primary" ng-click="cancel()">No</button> | 
|  | </div> | 
|  | </div> | 
|  | <p class="inline"><span class="event__select-count">999</span> Events are logged</p> | 
|  | <!-- when logs are selected, this text changes to show how many logs are checked --> | 
|  | <div class="event__actions"> | 
|  | <button class="inline btn-delete" ng-show="event || all" ng-click="confirm= ! confirm"> | 
|  | <img class="event__icon" src="assets/images/icon-trashcan.svg" alt="">Delete | 
|  | </button> | 
|  | <button class="inline btn-resolve" ng-show="event || all"> | 
|  | <img class="event__icon" src="assets/images/icon-checklist.svg" alt="">Mark as resolved | 
|  | </button> | 
|  | <button class="inline btn-export">Export</button> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | <!-- EVENT --> | 
|  | <div class="row column accord-row" | 
|  | ng-class="{'active': event__metadatarow, 'selected': event__selected}"> | 
|  | <div class="row"> | 
|  | <div class="inline__confirm" ng-class="{active: eventConfirm}"> | 
|  | <div class="inline__confirm-message"> | 
|  | <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this | 
|  | event</strong>?</p> | 
|  | </div> | 
|  | <div class="inline__confirm-buttons"> | 
|  | <button class="btn-primary" ng-click="accept()">Yes</button> | 
|  | <button class="btn-primary" ng-click="cancel()">No</button> | 
|  | </div> | 
|  | </div> | 
|  | <div class="column small-1 large-2 event-log__col-check"> | 
|  | <label class="control-check"> | 
|  | <input type="checkbox" name="event__check" ng-click="event__selected= ! event__selected" | 
|  | ng-model="event" ng-checked="all"/> | 
|  | <div class="control__indicator"></div> | 
|  | </label> | 
|  | </div> | 
|  | <div class="column small-9 large-9 event-log__event-info" | 
|  | ng-click="event__metadatarow = ! event__metadatarow"> | 
|  | <p class="inline event__priority med-priority">Medium</p> | 
|  | <p class="inline event__severity">warning</p> | 
|  | <p class="inline event__description">org.open_power.Error.Host.Event.Event</p> | 
|  | <div> | 
|  | <p class="inline event__id">#00997</p> | 
|  | <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div> | 
|  | </div> | 
|  | <div class="column small-1 large-1"> | 
|  | <button class="accord-trigger" ng-class="{'active': event__metadatarow}" | 
|  | ng-click="event__metadatarow = ! event__metadatarow"></button> | 
|  | </div> | 
|  | </div> | 
|  | <div class="row event__metadata-row" ng-class="{'active': event__metadatarow}"> | 
|  | <div class="column small-1 large-1 event-log__col-check"> </div> | 
|  | <div class="column small-11 large-11 end"> | 
|  | <div class="event__metadata">ESEL=00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 | 
|  | 17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 | 
|  | 00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 | 
|  | 00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 | 
|  | 00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 | 
|  | 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 | 
|  | 00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 | 
|  | 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 | 
|  | 00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 | 
|  | 01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 | 
|  | ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 | 
|  | 20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 | 
|  | 6e 00 00 00 df 00 00 00 00 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71 | 
|  | 56 4c 00 00 00 04 31 73 df b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00 | 
|  | 00 28 55 48 00 18 01 00 17 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01 | 
|  | 00 00 02 00 00 09 17 0e 00 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d | 
|  | 00 04 00 00 00 00 00 00 00 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20 | 
|  | 20 20 20 20 20 20 20 20 20 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03 | 
|  | b6 94 00 00 00 00 55 44 00 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00 | 
|  | 00 00 00 00 00 00 00 00 00 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01 | 
|  | 00 02 00 05 01 0b 5a fc d7 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03 | 
|  | f3 54 00 00 00 00 00 03 b6 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00 | 
|  | 25 80 55 44 00 38 01 01 01 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73 | 
|  | 74 62 6f 6f 74 2d 38 36 62 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00 00 df 00 00 00 00 | 
|  | 20 00 04 12 01 6f aa 00 00 50 48 00 30 01 00 17 00 00 00 00 04 31 71 56 4c 00 00 00 04 31 73 df | 
|  | b2 42 00 00 07 00 00 00 00 00 00 00 00 00 00 00 00 90 00 00 28 90 00 00 28 55 48 00 18 01 00 17 | 
|  | 00 8a 03 40 00 00 00 00 00 ff ff 00 00 00 00 00 00 50 53 00 50 01 01 00 00 02 00 00 09 17 0e 00 | 
|  | 48 00 00 00 e0 00 00 0a 00 00 00 00 00 00 20 00 00 00 05 00 01 00 2d 00 04 00 00 00 00 00 00 00 | 
|  | 00 42 43 38 41 31 37 30 45 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 20 | 
|  | 20 55 44 00 1c 01 06 01 00 02 54 41 4b 00 00 00 06 00 00 00 55 00 03 b6 94 00 00 00 00 55 44 00 | 
|  | 4c 01 02 01 00 ee ee ee ee 54 61 72 67 65 74 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 | 
|  | 00 00 05 00 01 00 00 00 03 00 00 00 05 00 00 00 14 0f 7a bb 7c 23 01 00 02 00 05 01 0b 5a fc d7 | 
|  | 13 01 00 02 00 05 01 00 00 55 44 00 30 01 03 01 00 00 00 00 00 00 03 f3 54 00 00 00 00 00 03 b6 | 
|  | 94 00 00 00 00 40 03 dd 68 00 00 00 00 40 03 ba 48 00 00 00 00 00 00 25 80 55 44 00 38 01 01 01 | 
|  | 00 48 6f 73 74 62 6f 6f 74 20 42 75 69 6c 64 20 49 44 3a 20 68 6f 73 74 62 6f 6f 74 2d 38 36 62 | 
|  | 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00 | 
|  | </div> | 
|  | <div> | 
|  | <div class="event__actions"> | 
|  | <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg" | 
|  | alt="">Copy | 
|  | </button> | 
|  | <button class="btn-delete" ng-click="eventConfirm= ! eventConfirm"><img class="event__icon" | 
|  | src="assets/images/icon-trashcan.svg" | 
|  | alt=""/>Delete | 
|  | </button> | 
|  | <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" | 
|  | alt="">Resolved | 
|  | </button> | 
|  | </div> | 
|  | <div class="event__related"> | 
|  | <p class="inline event__related-label">Related items:</p> | 
|  | <a href="" class="event__related-item">/org/openbmc/control/chassis0/</a> | 
|  | <a href="" class="event__related-item">/org/openbmc/control/power0/</a> | 
|  | <a href="" class="event__related-item">/org/openbmc/control/chassis0/</a> | 
|  | <a href="" class="event__related-item">/org/openbmc/control/power0/</a> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | <!-- EVENT --> | 
|  | <div class="row column accord-row" | 
|  | ng-class="{'active': event__metadatarow_2, 'selected': event__selected_2}"> | 
|  | <div class="row"> | 
|  | <div class="inline__confirm" ng-class="{active: eventConfirm2}"> | 
|  | <div class="inline__confirm-message"> | 
|  | <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this | 
|  | event</strong>?</p> | 
|  | </div> | 
|  | <div class="inline__confirm-buttons"> | 
|  | <button class="btn-primary" ng-click="accept()">Yes</button> | 
|  | <button class="btn-primary" ng-click="cancel()">No</button> | 
|  | </div> | 
|  | </div> | 
|  | <div class="column small-1 large-2 event-log__col-check"> | 
|  | <label class="control-check"> | 
|  | <input type="checkbox" name="events__check" ng-click="event__selected_2= ! event__selected_2" | 
|  | ng-checked="all"/> | 
|  | <div class="control__indicator"></div> | 
|  | </label> | 
|  | </div> | 
|  | <div class="column small-9 large-9 event-log__event-info" | 
|  | ng-click="event__metadatarow_2 = ! event__metadatarow_2"> | 
|  | <p class="inline event__priority event-resolved">Resolved</p> | 
|  | <p class="inline event__severity">emergency</p> | 
|  | <p class="inline event__description">org.open_power.Error.Host.Event.Event</p> | 
|  | <div> | 
|  | <p class="inline event__id">#00996</p> | 
|  | <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div> | 
|  | </div> | 
|  | <div class="column small-1 large-1"> | 
|  | <button class="accord-trigger" ng-class="{'active': event__metadatarow_2}" | 
|  | ng-click="event__metadatarow_2 = ! event__metadatarow_2"></button> | 
|  | </div> | 
|  | </div> | 
|  | <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_2}"> | 
|  | <div class="column small-1 large-1 event-log__col-check"> </div> | 
|  | <div class="column small-11 large-11 end"> | 
|  | <div class="event__metadata">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam | 
|  | id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. | 
|  | Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci | 
|  | porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum | 
|  | ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id | 
|  | imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui | 
|  | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui | 
|  | posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum | 
|  | id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a | 
|  | pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit | 
|  | amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor | 
|  | accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui | 
|  | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque | 
|  | velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta | 
|  | dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac | 
|  | diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id | 
|  | imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui | 
|  | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui | 
|  | posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum | 
|  | id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a | 
|  | pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit | 
|  | amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor | 
|  | accumsan tincidunt. | 
|  | </div> | 
|  | <div> | 
|  | <div class="event__actions"> | 
|  | <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg" | 
|  | alt="">Copy | 
|  | </button> | 
|  | <button class="btn-delete" ng-click="eventConfirm2= ! eventConfirm2"><img | 
|  | class="event__icon" | 
|  | src="assets/images/icon-trashcan.svg" | 
|  | alt="">Delete | 
|  | </button> | 
|  | <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" | 
|  | alt="">Resolved | 
|  | </button> | 
|  | </div> | 
|  | <div class="event__related"> | 
|  | <p class="inline event__related-label">Related items:</p> | 
|  | <p class="event__related-item">Attribute-1</p> | 
|  | <p class="event__related-item">Attribute-2</p> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | <!-- EVENT --> | 
|  | <div class="row column accord-row" ng-class="{'active': event__metadatarow_1}"> | 
|  | <div class="row"> | 
|  | <div class="column small-1 large-2 event-log__col-check"> | 
|  | <label class="control-check"> | 
|  | <input type="checkbox" name="events__check" ng-checked="all"/> | 
|  | <div class="control__indicator"></div> | 
|  | </label> | 
|  | </div> | 
|  | <div class="column small-9 large-9 event-log__event-info" | 
|  | ng-click="event__metadatarow_1 = ! event__metadatarow_1"> | 
|  | <p class="inline event__priority high-priority">High</p> | 
|  | <p class="inline event__severity">emergency</p> | 
|  | <p class="inline event__description">Vestibulum ac diam sit amet quam vehicula aliquet quam id | 
|  | dui</p> | 
|  | <div> | 
|  | <p class="inline event__id">#00995</p> | 
|  | <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div> | 
|  | </div> | 
|  | <div class="column small-1 large-1"> | 
|  | <button class="accord-trigger" ng-class="{'active': event__metadatarow_1}" | 
|  | ng-click="event__metadatarow_1 = ! event__metadatarow_1"></button> | 
|  | </div> | 
|  | </div> | 
|  | <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_1}"> | 
|  | <div class="column small-1 large-1 event-log__col-check"> </div> | 
|  | <div class="column small-11 large-11 end"> | 
|  | <div class="event__metadata">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam | 
|  | id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. | 
|  | Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci | 
|  | porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum | 
|  | ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id | 
|  | imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui | 
|  | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui | 
|  | posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum | 
|  | id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a | 
|  | pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit | 
|  | amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor | 
|  | accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui | 
|  | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque | 
|  | velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta | 
|  | dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac | 
|  | diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id | 
|  | imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui | 
|  | posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui | 
|  | posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum | 
|  | id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a | 
|  | pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit | 
|  | amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor | 
|  | accumsan tincidunt. | 
|  | </div> | 
|  | <div> | 
|  | <div class="event__actions"> | 
|  | <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg" | 
|  | alt="">Copy | 
|  | </button> | 
|  | <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg" | 
|  | alt="">Delete | 
|  | </button> | 
|  | <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" | 
|  | alt="">Resolved | 
|  | </button> | 
|  | </div> | 
|  | <div class="event__related"> | 
|  | <p class="inline event__related-label">Related items:</p> | 
|  | <p class="event__related-item">Attribute-1</p> | 
|  | <p class="event__related-item">Attribute-2</p> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | <!-- EVENT --> | 
|  | <div class="row column accord-row"> | 
|  | <div class="row"> | 
|  | <div class="column small-1 large-2 event-log__col-check"> | 
|  | <label class="control-check"> | 
|  | <input type="checkbox" name="events__check" ng-checked="all"/> | 
|  | <div class="control__indicator"></div> | 
|  | </label> | 
|  | </div> | 
|  | <div class="column small-9 large-9 event-log__event-info"> | 
|  | <p class="inline event__priority low-priority">Low</p> | 
|  | <p class="inline event__severity">Informational</p> | 
|  | <p class="inline event__description">org.open_power.Error.Host.Event.Event</p> | 
|  | <div> | 
|  | <p class="inline event__id">#00994</p> | 
|  | <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div> | 
|  | </div> | 
|  | <div class="column small-1 large-1"> | 
|  | <button class="accord-trigger"></button> | 
|  | </div> | 
|  | </div> | 
|  | <div class="row event__metadata-row"> | 
|  | <div class="column small-1 large-1 event-log__col-check"> </div> | 
|  | <div class="column small-11 large-11 end"> | 
|  | <div class="event__metadata"> | 
|  | </div> | 
|  | <div> | 
|  | <div class="event__actions"> | 
|  | <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg" | 
|  | alt="">Copy | 
|  | </button> | 
|  | <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg" | 
|  | alt="">Delete | 
|  | </button> | 
|  | <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg" | 
|  | alt="">Resolved | 
|  | </button> | 
|  | </div> | 
|  | <div class="event__related"> | 
|  | <p class="inline event__related-label">Related items:</p> | 
|  | <p class="event__related-item">Attribute-1</p> | 
|  | <p class="event__related-item">Attribute-2</p> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </div> | 
|  | </section> | 
|  | <paginate ng-include="paginate"></paginate> | 
|  | </div> <!-- end event log --> |