blob: 4d3dcf78f2cad48e8f403a297013f3d0365d580c [file] [log] [blame]
<div id="event-log">
<div class="row column">
<h1>Event Log</h1>
</div>
<section class="row column">
<div class="page-header">
<h2 class="inline h4">Events generated by the system</h2>
<div class="event-log__timezone inline float-right">
<button class="dropdown__button" ng-click="timezone = timezone == true ? false : true;"
ng-blur="timezone = timezone == true ? false : false;">User timezone: EDT (UTC-4)
</button>
<ul class="dropdown__list inline" ng-show="timezone">
<li>
<button>User timezone: EDT (UTC-4)</button>
</li>
<li>
<button>UTC Timezone : UTC - 0</button>
</li>
</ul>
</div>
</div>
</section>
<!-- Filters -->
<section class="row column">
<!-- search -->
<div class="content__search">
<label for="content__search-input">Event Log Search</label>
<input id="content__search-input" type="text" placeholder="Search logs"/>
<input id="content__search-submit" type="submit" class="btn btn-secondary" value="Submit"/>
<!-- filters -->
<div class="event-log__filters">
</div>
</div>
</section> <!-- end filter -->
<section id="event-filter" class="row column">
<div class="inline toggle-filter">
<p class="filter-label">Filter by severity</p>
<button class="inline first" ng-click="toggleall = !toggleall"
ng-class="toggleall ? 'btn-primary' : 'btn-secondary'">All
</button>
<button class="inline " ng-click="togglehigh = !togglehigh"
ng-class="togglehigh ? 'btn-primary' : 'btn-secondary'">High
</button>
<button class="inline" ng-click="togglemed = !togglemed"
ng-class="togglemed ? 'btn-primary' : 'btn-secondary'">Medium
</button>
<button class="inline last" ng-click="togglelow = !togglelow"
ng-class="togglelow ? 'btn-primary' : 'btn-secondary'">Low
</button>
</div>
<div class="inline event__date-filter">
<p class="filter-label">Filter by date range (MM/DD/YYYY)</p>
<div class="inline">
<label for="event-filter-start-date">Start Date</label>
<input id="event-filter-start-date" type="date" placeholder="MM/DD/YYYY" />
</div>
<strong>&ndash;</strong>
<div class="inline">
<label for="event-filter-end-date">End Date</label>
<input id="event-filter-end-date" type="date" placeholder="MM/DD/YYYY"/>
</div>
</div>
<div class="inline event__status-filter">
<p class="filter-label">Filter by issue status</p>
<!-- Status filter -->
<div class="dropdown__wrapper">
<button class="dropdown__button" ng-click="statusFilter = statusFilter == true ? false : true;"
ng-class="{'active' : statusFilter}">Unresolved issues
</button>
<ul class="dropdown__list inline" ng-show="statusFilter">
<li>
<button>All issues</button>
</li>
<li>
<button>Resolved issues</button>
</li>
<li>
<button>Unresolved issues</button>
</li>
</ul>
</div>
</div>
</section> <!-- end filter -->
<section id="event-log__events" class="row column">
<div class="row header__actions-bar">
<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-white.svg" alt="">Delete
</button>
<button class="inline btn-resolve" ng-show="event || all">
<img class="event__icon" src="assets/images/icon-checklist-white.svg" alt="">Mark as resolved
</button>
<button class="inline btn-export">Export</button>
</div>
</div>
</div>
<!-- EVENT -->
<div class="row column event-log__single-event 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">&nbsp;</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 event-log__single-event 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">&nbsp;</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 event-log__single-event 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">&nbsp;</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 event-log__single-event 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">&nbsp;</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 -->