Added hardware sensors functionality
Change-Id: I99435613bb77fc0ff72f046c2dc047b13962a7a3
Signed-off-by: Iftekharul Islam <iislam@us.ibm.com>
diff --git a/app/overview/controllers/log-controller.html b/app/overview/controllers/log-controller.html
new file mode 100644
index 0000000..47429f5
--- /dev/null
+++ b/app/overview/controllers/log-controller.html
@@ -0,0 +1,422 @@
+<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 event__severity-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>–</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>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 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 event-log__single-event"
+ 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 event-log__single-event"
+ 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 event-log__single-event" 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 event-log__single-event">
+ <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 -->
\ No newline at end of file
diff --git a/app/overview/controllers/log-controller.js b/app/overview/controllers/log-controller.js
new file mode 100644
index 0000000..b952893
--- /dev/null
+++ b/app/overview/controllers/log-controller.js
@@ -0,0 +1,28 @@
+/**
+ * Controller for log
+ *
+ * @module app/overview
+ * @exports logController
+ * @name logController
+ * @version 0.1.0
+ */
+
+window.angular && (function (angular) {
+ 'use strict';
+
+ angular
+ .module('app.overview')
+ .controller('logController', [
+ '$scope',
+ '$window',
+ 'APIUtils',
+ 'dataService',
+ function($scope, $window, APIUtils, dataService, userModel){
+ $scope.dataService = dataService;
+
+ $scope.dropdown_selected = false;
+ }
+ ]
+ );
+
+})(angular);
diff --git a/app/overview/controllers/sensors-controller.html b/app/overview/controllers/sensors-controller.html
new file mode 100644
index 0000000..b742f07
--- /dev/null
+++ b/app/overview/controllers/sensors-controller.html
@@ -0,0 +1,191 @@
+<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="content__search-input">Event Log Search</label>
+ <input id="content__search-input" type="text" placeholder="Filter issues"/>
+ <input id="sensors__search-submit" type="submit" class="btn btn-secondary" value="Submit"/>
+ <div class="sensors__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 sensors__high" ng-click="filterHigh = !filterHigh" ng-show="filterHigh">High
+ priority
+ </button>
+ <button class="tag sensors__medium" ng-click="filterMed = !filterMed" ng-show="filterMed">Medium
+ priority
+ </button>
+ <button class="tag sensors__low" ng-click="filterLow = !filterLow" ng-show="filterLow">Low priority
+ </button>
+ <button class="tag sensors__resolved" ng-click="filterUnresolved = !filterUnresolved"
+ ng-show="filterUnresolved">Unresolved issues
+ </button>
+ <button class="tag sensors__resolved" ng-click="filterResolved = !filterResolved"
+ ng-show="filterResolved">Resolved issues
+ </button>
+ </div>
+ </div>
+ </div>
+ </section> <!-- end filter -->
+
+ <section id="sensor__details" class="row column">
+ <div id="header__actions-bar" class="row ">
+ <div class="column">
+ <p class="inline">icon here</p>
+ <h3 class="inline"><strong>Fan speed sensors</strong> <span class="h5">(RPMs)</span></h3>
+ </div>
+ </div>
+
+ <!-- Sensor -->
+ <div class="row column accord-row"
+ ng-class="{'active': sensors__metadatarow, 'selected': sensors__selected}">
+ <div class="row">
+ <div class="column small-10 large-11 sensor__info"
+ ng-click="sensors__metadatarow = ! sensors__metadatarow">
+ <p class="inline priority-tag high-priority">High</p>
+ <p class="inline sensor__title">Fan Speed 1</p>
+ <p class="inline sensor__reading float-right">6200 <span>rpms</span></p>
+ </div>
+ <div class="column small-2 large-1">
+ <button class="accord-trigger" ng-class="{'active': sensors__metadatarow}"
+ ng-click="sensors__metadatarow = ! sensors__metadatarow"></button>
+ </div>
+ </div>
+ <div class="row sensors__metadata-row" ng-class="{'active': sensors__metadatarow}">
+ <div class="column small-12">
+ <div class="threshold-chart">
+ <span class="threshold__marker" style="left: 90%;"><p class="threshold__value">6200</p></span>
+ <span class="threshold thresh__low-critical"></span>
+ <span class="threshold thresh__low-warn"></span>
+ <span class="threshold thresh__normal"></span>
+ <span class="threshold thresh__high-warn"></span>
+ <span class="threshold thresh__high-critical"></span>
+ </div>
+ </div>
+
+ <div class="column small-6">
+ <p class="h5 content-header">Associated Events</p>
+ <a href="#/overview/log">View 5 events related to Fan 1</a>
+ </div>
+ <div class="column small-6">
+ <p class="h5 content-header">Associated Hardware</p>
+ <a href="">None</a>
+ </div>
+ </div>
+ </div>
+
+ <!-- Sensor -->
+ <div class="row column accord-row"
+ ng-class="{'active': sensors__metadatarow2, 'selected': sensors__selected}">
+ <div class="row">
+ <div class="column small-10 large-11 sensor__info"
+ ng-click="sensors__metadatarow2 = ! sensors__metadatarow2">
+ <p class="inline priority-tag high-priority">High</p>
+ <p class="inline sensor__title">Fan Speed 2</p>
+ <p class="inline sensor__reading float-right">3600 <span>rpms</span></p>
+ </div>
+ <div class="column small-2 large-1">
+ <button class="accord-trigger" ng-class="{'active': sensors__metadatarow2}"
+ ng-click="sensors__metadatarow2 = ! sensors__metadatarow2"></button>
+ </div>
+ </div>
+ <div class="row sensors__metadata-row" ng-class="{'active': sensors__metadatarow2}">
+ <div class="column small-12">
+ <div class="threshold-chart">
+ <span class="threshold__marker" style="left: 50%"><p class="threshold__value">3600</p></span>
+ <span class="threshold thresh__low-critical"></span>
+ <span class="threshold thresh__low-warn"></span>
+ <span class="threshold thresh__normal"></span>
+ <span class="threshold thresh__high-warn"></span>
+ <span class="threshold thresh__high-critical"></span>
+ </div>
+ </div>
+
+ <div class="column small-6">
+ <p class="h5 content-header">Associated Events</p>
+ <a href="#/overview/log">View 5 events related to Fan 1</a>
+ </div>
+ <div class="column small-6">
+ <p class="h5 content-header">Associated Hardware</p>
+ <a href="">None</a>
+ </div>
+ </div>
+ </div>
+
+ </section>
+ <paginate ng-include="paginate"></paginate>
+</div> <!-- end event log -->
\ No newline at end of file
diff --git a/app/overview/controllers/sensors-controller.js b/app/overview/controllers/sensors-controller.js
new file mode 100644
index 0000000..0ab0a42
--- /dev/null
+++ b/app/overview/controllers/sensors-controller.js
@@ -0,0 +1,32 @@
+/**
+ * Controller for log
+ *
+ * @module app/overview
+ * @exports logController
+ * @name logController
+ * @version 0.1.0
+ */
+
+window.angular && (function (angular) {
+ 'use strict';
+
+ angular
+ .module('app.overview')
+ .controller('sensorsController', [
+ '$scope',
+ '$log',
+ '$window',
+ 'APIUtils',
+ 'dataService',
+ function($scope, $log, $window, APIUtils, dataService, userModel){
+ $scope.dataService = dataService;
+
+ $scope.dropdown_selected = false;
+
+ $scope.$log = $log;
+ $scope.message = 'Hello World!';
+ }
+ ]
+ );
+
+})(angular);
diff --git a/app/overview/controllers/sensors-overview-controller.js b/app/overview/controllers/sensors-overview-controller.js
new file mode 100644
index 0000000..ecb4ec1
--- /dev/null
+++ b/app/overview/controllers/sensors-overview-controller.js
@@ -0,0 +1,28 @@
+/**
+ * Controller for log
+ *
+ * @module app/overview
+ * @exports logController
+ * @name logController
+ * @version 0.1.0
+ */
+
+window.angular && (function (angular) {
+ 'use strict';
+
+ angular
+ .module('app.overview')
+ .controller('sensorsController', [
+ '$scope',
+ '$window',
+ 'APIUtils',
+ 'dataService',
+ function($scope, $window, APIUtils, dataService, userModel){
+ $scope.dataService = dataService;
+
+ $scope.dropdown_selected = false;
+ }
+ ]
+ );
+
+})(angular);
diff --git a/app/overview/controllers/sensors-overview.html b/app/overview/controllers/sensors-overview.html
new file mode 100644
index 0000000..882fcd9
--- /dev/null
+++ b/app/overview/controllers/sensors-overview.html
@@ -0,0 +1,442 @@
+<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 -->
\ No newline at end of file
diff --git a/app/overview/controllers/system-overview-controller.html b/app/overview/controllers/system-overview-controller.html
index be4601a..c188da7 100644
--- a/app/overview/controllers/system-overview-controller.html
+++ b/app/overview/controllers/system-overview-controller.html
@@ -116,6 +116,11 @@
</div>
</a>
</div>
+
+ <div class="row column overview__event-log event-log__events" ng-show="!logs.length">
+ <h3 class="bold h4">High priority events</h3>
+ <p>There are no high priority events to display at this time.</p>
+ </div>
</div>
<div class="column large-4">
<div class="quick-links" >
diff --git a/app/overview/styles/sensors.scss b/app/overview/styles/sensors.scss
new file mode 100644
index 0000000..ee101c0
--- /dev/null
+++ b/app/overview/styles/sensors.scss
@@ -0,0 +1,133 @@
+// Event Log SCSS
+#sensors {
+ #sensors__detail {
+ display: block;
+ margin-top: 1.6em;
+ border-top: 1px solid $lightgrey;
+ position: relative;
+ overflow: hidden;
+ }
+}
+
+//end sensors
+
+
+
+#sensor__details {
+ display: block;
+ margin-top: 1.6em;
+ border-top: 1px solid $lightgrey;
+ position: relative;
+ overflow: hidden;
+
+
+ //Export log
+ .btn-export {
+ text-transform: capitalize;
+ color: $black;
+ font-size: .9em;
+ font-weight: 700;
+ position: relative;
+ padding: 0 0 1em 2em;
+ &:hover {
+ text-decoration: underline;
+ }
+ }
+ .btn-export {
+ margin-top: 7px;
+ }
+ .btn-export:before {
+ content: '\21E5';
+ position: absolute;
+ font-size: 1.7em;
+ vertical-align: middle;
+ transform: rotate(90deg);
+ display: inline-block;
+ left: 2px;
+ top: -5px;
+ }
+
+ .sensor__info {
+ padding-top: 10px;
+
+ &:hover {
+ cursor: pointer;
+ }
+ }
+
+ .accord-row {
+ .priority-tag {
+ margin: 0 2em 0 1em;
+ }
+ }
+
+ //Sensor info
+ .sensor__title {
+ font-weight: 400;
+ font-size: 1.3em;
+ }
+ .sensors__description {
+ font-weight: 400;
+ }
+
+ //Event ID
+ .sensor__reading {
+ @include fontCourierBold;
+ font-size: 1.2em;
+ color: $darkgrey;
+ float: left;
+ margin-left: 1em;
+ @media (min-width: 950px) {
+ float: right;
+ }
+ }
+
+ // Event metadata row
+ .sensors__metadata-row {
+ max-height: 0;
+ overflow: hidden;
+ -webkit-transition: 0.5s linear max-height;
+ transition: 0.5s linear max-height;
+ padding: 0 1em;
+ &.active {
+ max-height: 1000px; //max-height used to allow flexible height of content and still allow transition
+ @include mediaQuery(small) {
+ max-height: 1000px;
+ }
+ @include mediaQuery(medium) {
+ max-height: 1000px;
+ }
+ }
+ }
+
+
+ //Event Related Items
+ .sensors__related {
+ width: 100%;
+ }
+ .sensors__related-label {
+ font-weight: 700;
+ margin-right: 1.2em;
+ padding-top: .3em;
+ }
+
+ .sensors__related-item {
+ margin-right: 1em;
+ padding-top: .3em;
+ display: inline-block;
+ float: left;
+ clear: both;
+ }
+
+ .sensors__icon {
+ width: 20px;
+ height: 20px;
+ font-weight: normal;
+ margin-right: .5em;
+ margin-top: -3px;
+ display: inline-block;
+ }
+
+}
+
+//end sensors