Added loader and updated GUI text and style changes from Michael
Change-Id: Id4f8d96b10e429ca469c6169741588dbcc4b5c7a
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
deleted file mode 100644
index 47429f5..0000000
--- a/app/overview/controllers/log-controller.html
+++ /dev/null
@@ -1,422 +0,0 @@
-<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
deleted file mode 100644
index b952893..0000000
--- a/app/overview/controllers/log-controller.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * 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
deleted file mode 100644
index b742f07..0000000
--- a/app/overview/controllers/sensors-controller.html
+++ /dev/null
@@ -1,191 +0,0 @@
-<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
deleted file mode 100644
index 0ab0a42..0000000
--- a/app/overview/controllers/sensors-controller.js
+++ /dev/null
@@ -1,32 +0,0 @@
-/**
- * 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
deleted file mode 100644
index ecb4ec1..0000000
--- a/app/overview/controllers/sensors-overview-controller.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * 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
deleted file mode 100644
index 882fcd9..0000000
--- a/app/overview/controllers/sensors-overview.html
+++ /dev/null
@@ -1,442 +0,0 @@
-<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 c3534da..384ca99 100644
--- a/app/overview/controllers/system-overview-controller.html
+++ b/app/overview/controllers/system-overview-controller.html
@@ -114,10 +114,8 @@
</div>
<div class="row column overview__event-log event-log__events" ng-show="!logs.length">
- <div class="page-header">
- <h3 class="bold h4">High priority events (0)</h3>
- <p>There are no high priority events to display at this time.</p>
- </div>
+ <h3 class="bold h4">High priority events (0)</h3>
+ <p>There are no high priority events to display at this time.</p>
</div>
</div>
<div class="column large-4 no-padding">
@@ -153,30 +151,3 @@
</div>
</section>
</div>
-<!-- edit server name modal -->
-<section class="modal" aria-hidden="true" aria-labelledby="modalTitle" aria-describedby="modalDescription" role="dialog" ng-class="{'active': edit_server_name}">
- <div class="modal__upload" role="document">
- <div class="screen-reader-offscreen modal-description">Edit server name</div><!-- accessibility only; used for screen readers -->
- <div class="page-header ">
- <h1 class="modal-title h4"><span class="icon icon__info"><svg xmlns="http://www.w3.org/2000/svg"
- viewBox="0 0 32 32"><path
- d="M18 14h-6v2h1v6h-2v2h8v-2h-2z"/><circle cx="16" cy="10" r="2"/><path
- d="M16 2C8.269 2 2 8.269 2 16s6.269 14 14 14 14-6.269 14-14S23.731 2 16 2zm0 26C9.383 28 4 22.617 4 16S9.383 4 16 4s12 5.383 12 12-5.383 12-12 12z"/></svg></span>
- Edit server name
- </h1>
- </div>
- <div class="modal__content">
- <p>The server name is displayed in the header and can contain any characters up to a total of 64</p>
- <form>
- <label for="editServerName" class="hide"></label>
- <input id="editServerName" class="modal__edit-server-name" maxlength="64" type="text" ng-model="char_count" ng-trim="false">
- <p class="modal__char-count">{{64 - char_count.length}}/64</p>
- </form>
- </div>
- <div class="modal__button-wrapper">
- <button class="inline btn-secondary" ng-click="edit_server_name= false;">Cancel</button>
- <button class="inline btn-primary" ng-click="">Save</button>
- </div>
- </div>
-</section>
-<div class="modal-overlay" tabindex="-1" ng-class="{'active': edit_server_name}"></div>
\ No newline at end of file