Gitiles
Code Review Sign In
gerrit.openbmc.org / openbmc / phosphor-webui / aeedf9e590806f62dcebdccc4ebd51a38d4c67fc / . / app / overview / controllers / log-controller.html
blob: 3d3e149789770e78ebe0aca4d3e777e562cab4d4 [file] [log] [blame]
Michael Davis971cfba2017-03-27 13:14:02 -0500[diff] [blame]1<div id="event-log">
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]2 <div class="row column">
3 <h1>Event Log</h1>
4 </div>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]5 <section class="row column">
6 <div class="page-header">
Michael Davisaeedf9e2017-04-06 14:35:56 -0500[diff] [blame^]7 <h2 class="inline h4">Events generated by the system</h2>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]8 <div class="event-log__timezone inline float-right">
9 <button class="dropdown__button" ng-click="timezone = timezone == true ? false : true;"
10 ng-blur="timezone = timezone == true ? false : false;">User timezone: EDT (UTC-4)
11 </button>
12 <ul class="dropdown__list inline" ng-show="timezone">
13 <li>
14 <button>User timezone: EDT (UTC-4)</button>
15 </li>
16 <li>
17 <button>UTC Timezone : UTC - 0</button>
18 </li>
19 </ul>
20 </div>
21 </div>
22 </section>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]23 <!-- Filters -->
24 <section class="row column">
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]25 <!-- filters -->
26 <div class="event-log__filters">
27 <!-- severity filter -->
28 <div class="dropdown__wrapper">
29 <button class="dropdown__button" ng-click="severityFilter = severityFilter == true ? false : true;"
30 ng-class="{'active' : severityFilter}">All Severity
31 </button>
32 <ul class="dropdown__list multi-select inline" ng-show="severityFilter">
33 <li>
34 <button>All severity (999)</button>
35 </li>
36 <li ng-click="dropdown_selectedHigh = !dropdown_selectedHigh; filterHigh = !filterHigh "
37 ng-class="{'active' : dropdown_selectedHigh, 'active' : filterHigh}">
38 <button>High severity (999)</button>
39 </li>
40 <li ng-click="dropdown_selectedMed = !dropdown_selectedMed; filterMed = !filterMed"
41 ng-class="{'active' : dropdown_selectedMed, 'active' : filterMed}">
42 <button>Medium severity (999)</button>
43 </li>
44 <li ng-click="dropdown_selectedLow = !dropdown_selectedLow; filterLow = !filterLow"
45 ng-class="{'active' : dropdown_selectedLow, 'active' : filterLow}">
46 <button>Low severity (999)</button>
47 </li>
48 </ul>
49 </div>
50 <!-- date range -->
51 <div class="dropdown__wrapper">
52 <button class="dropdown__button" ng-click="dateFilter = dateFilter == true ? false : true;"
53 ng-class="{'active' : dateFilter}">Date Range
54 </button>
55 <div class="dropdown__list dropdown__date row" ng-show="dateFilter">
56 <div class="column small-6">
57 <label>Start Date</label>
58 <input type="date"/>
59 </div>
60 <div class="column small-6">
61 <label>End Date</label>
62 <input type="date"/>
63 </div>
64 </div>
65 </div>
66 <!-- Status filter -->
67 <div class="dropdown__wrapper">
68 <button class="dropdown__button" ng-click="statusFilter = statusFilter == true ? false : true;"
69 ng-class="{'active' : statusFilter}">Status
70 </button>
71 <ul class="dropdown__list multi-select inline" ng-show="statusFilter">
72 <li>
73 <button>All status (999)</button>
74 </li>
75 <li ng-click="dropdown_selectedResolved = !dropdown_selectedResolved; filterResolved = !filterResolved"
76 ng-class="{'active' : dropdown_selectedResolved, 'active' : filterResolved}">
77 <button>Resolved issues (999)</button>
78 </li>
79 <li ng-click="dropdown_selectedUnresolved = !dropdown_selectedUnresolved; filterUnresolved = !filterUnresolved"
80 ng-class="{'active' : dropdown_selectedUnresolved, 'active' : filterUnresolved}">
81 <button>Unresolved issues (999)</button>
82 </li>
83 </ul>
84 </div>
85 </div>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]86 <!-- search -->
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]87 <div class="content__search">
Michael Davisaeedf9e2017-04-06 14:35:56 -0500[diff] [blame^]88 <label for="content__search-input">Event Log Search</label>
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]89 <input id="content__search-input" type="text" placeholder="Filter issues"/>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]90 <input id="event__search-submit" type="submit" class="btn btn-secondary" value="Submit"/>
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]91 <div class="event__search-tag-wrapper row"
92 ng-show="filterUnresolved || filterResolved || filterHigh || filterMed || filterLow">
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]93 <div class="column small-2 large-1 no-padding">
94 <p class="inline label tag-filter-label">Filtered by: </p>
95 </div>
96 <div class="column small-10 large-11 ">
97 <button class="tag custom">Custom Tag</button>
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]98 <button class="tag event__high" ng-click="filterHigh = !filterHigh" ng-show="filterHigh">High
99 priority
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]100 </button>
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]101 <button class="tag event__medium" ng-click="filterMed = !filterMed" ng-show="filterMed">Medium
102 priority
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]103 </button>
104 <button class="tag event__low" ng-click="filterLow = !filterLow" ng-show="filterLow">Low priority
105 </button>
106 <button class="tag event__resolved" ng-click="filterUnresolved = !filterUnresolved"
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]107 ng-show="filterUnresolved">Unresolved issues
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]108 </button>
109 <button class="tag event__resolved" ng-click="filterResolved = !filterResolved"
110 ng-show="filterResolved">Resolved issues
111 </button>
112 </div>
113 </div>
114 </div>
115 </section> <!-- end filter -->
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]116 <section id="event-log__events" class="row column">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]117 <div id="header__actions-bar" class="row ">
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]118 <div class="column small-1 large-1 event-log__col-check">
119 <label class="control-check">
120 <input type="checkbox" name="events__check-all" ng-model="all"/>
121 <div class="control__indicator"></div>
122 </label>
123 </div>
124 <div class="column small-11 large-11 end col-logged-events">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]125 <!-- top bar confirmation - ADD ACTIVE CLASS TO DISPLAY-->
126 <div class="inline__confirm event__confirm" ng-class="{active: confirm}">
127 <div class="inline__confirm-message">
128 <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete 9 logs</strong>?
129 </p>
130 </div>
131 <div class="inline__confirm-buttons">
132 <button class="btn-primary" ng-click="accept()">Yes</button>
133 <button class="btn-primary" ng-click="cancel()">No</button>
134 </div>
135 </div>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]136 <p class="inline"><span class="event__select-count">999</span> Events are logged</p>
137 <!-- when logs are selected, this text changes to show how many logs are checked -->
138 <div class="event__actions">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]139 <button class="inline btn-delete" ng-show="event || all" ng-click="confirm= ! confirm">
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]140 <img class="event__icon" src="assets/images/icon-trashcan.svg" alt="">Delete
141 </button>
142 <button class="inline btn-resolve" ng-show="event || all">
143 <img class="event__icon" src="assets/images/icon-checklist.svg" alt="">Mark as resolved
144 </button>
145 <button class="inline btn-export">Export</button>
146 </div>
147 </div>
148 </div>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]149 <!-- EVENT -->
150 <div class="row column event-log__single-event"
151 ng-class="{'active': event__metadatarow, 'selected': event__selected}">
152 <div class="row">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]153 <div class="inline__confirm" ng-class="{active: eventConfirm}">
154 <div class="inline__confirm-message">
155 <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this
156 event</strong>?</p>
157 </div>
158 <div class="inline__confirm-buttons">
159 <button class="btn-primary" ng-click="accept()">Yes</button>
160 <button class="btn-primary" ng-click="cancel()">No</button>
161 </div>
162 </div>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]163 <div class="column small-1 large-2 event-log__col-check">
164 <label class="control-check">
165 <input type="checkbox" name="event__check" ng-click="event__selected= ! event__selected"
166 ng-model="event" ng-checked="all"/>
167 <div class="control__indicator"></div>
168 </label>
169 </div>
170 <div class="column small-9 large-9 event-log__event-info"
171 ng-click="event__metadatarow = ! event__metadatarow">
172 <p class="inline event__priority med-priority">Medium</p>
173 <p class="inline event__severity">warning</p>
174 <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
175 <div>
176 <p class="inline event__id">#00997</p>
177 <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
178 </div>
179 <div class="column small-1 large-1">
180 <button class="accord-trigger" ng-class="{'active': event__metadatarow}"
181 ng-click="event__metadatarow = ! event__metadatarow"></button>
182 </div>
183 </div>
184 <div class="row event__metadata-row" ng-class="{'active': event__metadatarow}">
185 <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
186 <div class="column small-11 large-11 end">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]187 <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
188 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
189 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
190 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
191 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
192 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
193 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
194 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
195 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
196 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
197 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
198 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
199 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
200 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
201 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
202 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
203 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
204 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
205 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
206 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
207 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
208 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
209 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
210 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
211 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
212 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
213 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
214 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
215 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
216 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
217 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
218 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
219 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
220 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
221 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
222 61 65 31 63 2f 68 62 69 63 6f 72 65 2e 62 69 6e 00
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]223 </div>
224 <div>
225 <div class="event__actions">
226 <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
227 alt="">Copy
228 </button>
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]229 <button class="btn-delete" ng-click="eventConfirm= ! eventConfirm"><img class="event__icon"
230 src="assets/images/icon-trashcan.svg"
231 alt=""/>Delete
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]232 </button>
233 <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg"
234 alt="">Resolved
235 </button>
236 </div>
237 <div class="event__related">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]238 <p class="inline event__related-label">Related items:</p>
239 <a href="" class="event__related-item">/org/openbmc/control/chassis0/</a>
240 <a href="" class="event__related-item">/org/openbmc/control/power0/</a>
241 <a href="" class="event__related-item">/org/openbmc/control/chassis0/</a>
242 <a href="" class="event__related-item">/org/openbmc/control/power0/</a>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]243 </div>
244 </div>
245 </div>
246 </div>
247 </div>
248 <!-- EVENT -->
249 <div class="row column event-log__single-event"
250 ng-class="{'active': event__metadatarow_2, 'selected': event__selected_2}">
251 <div class="row">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]252 <div class="inline__confirm" ng-class="{active: eventConfirm2}">
253 <div class="inline__confirm-message">
254 <p class="h3"><i></i>Are you sure you want to <strong class="ng-binding">delete this
255 event</strong>?</p>
256 </div>
257 <div class="inline__confirm-buttons">
258 <button class="btn-primary" ng-click="accept()">Yes</button>
259 <button class="btn-primary" ng-click="cancel()">No</button>
260 </div>
261 </div>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]262 <div class="column small-1 large-2 event-log__col-check">
263 <label class="control-check">
264 <input type="checkbox" name="events__check" ng-click="event__selected_2= ! event__selected_2"
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]265 ng-checked="all"/>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]266 <div class="control__indicator"></div>
267 </label>
268 </div>
269 <div class="column small-9 large-9 event-log__event-info"
270 ng-click="event__metadatarow_2 = ! event__metadatarow_2">
271 <p class="inline event__priority event-resolved">Resolved</p>
272 <p class="inline event__severity">emergency</p>
273 <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
274 <div>
275 <p class="inline event__id">#00996</p>
276 <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
277 </div>
278 <div class="column small-1 large-1">
279 <button class="accord-trigger" ng-class="{'active': event__metadatarow_2}"
280 ng-click="event__metadatarow_2 = ! event__metadatarow_2"></button>
281 </div>
282 </div>
283 <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_2}">
284 <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
285 <div class="column small-11 large-11 end">
286 <div class="event__metadata">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam
287 id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus.
288 Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci
289 porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum
290 ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
291 imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
292 posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
293 posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
294 id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
295 pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
296 amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
297 accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
298 posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque
299 velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta
300 dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac
301 diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
302 imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
303 posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
304 posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
305 id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
306 pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
307 amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
308 accumsan tincidunt.
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]309 </div>
310 <div>
311 <div class="event__actions">
312 <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
313 alt="">Copy
314 </button>
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]315 <button class="btn-delete" ng-click="eventConfirm2= ! eventConfirm2"><img
316 class="event__icon"
317 src="assets/images/icon-trashcan.svg"
318 alt="">Delete
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]319 </button>
320 <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg"
321 alt="">Resolved
322 </button>
323 </div>
324 <div class="event__related">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]325 <p class="inline event__related-label">Related items:</p>
326 <p class="event__related-item">Attribute-1</p>
327 <p class="event__related-item">Attribute-2</p>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]328 </div>
329 </div>
330 </div>
331 </div>
332 </div>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]333 <!-- EVENT -->
334 <div class="row column event-log__single-event" ng-class="{'active': event__metadatarow_1}">
335 <div class="row">
336 <div class="column small-1 large-2 event-log__col-check">
337 <label class="control-check">
338 <input type="checkbox" name="events__check" ng-checked="all"/>
339 <div class="control__indicator"></div>
340 </label>
341 </div>
342 <div class="column small-9 large-9 event-log__event-info"
343 ng-click="event__metadatarow_1 = ! event__metadatarow_1">
344 <p class="inline event__priority high-priority">High</p>
345 <p class="inline event__severity">emergency</p>
346 <p class="inline event__description">Vestibulum ac diam sit amet quam vehicula aliquet quam id
347 dui</p>
348 <div>
349 <p class="inline event__id">#00995</p>
350 <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
351 </div>
352 <div class="column small-1 large-1">
353 <button class="accord-trigger" ng-class="{'active': event__metadatarow_1}"
354 ng-click="event__metadatarow_1 = ! event__metadatarow_1"></button>
355 </div>
356 </div>
357 <div class="row event__metadata-row" ng-class="{'active': event__metadatarow_1}">
358 <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
359 <div class="column small-11 large-11 end">
360 <div class="event__metadata">Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam
361 id dui posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus.
362 Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci
363 porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum
364 ac diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
365 imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
366 posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
367 posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
368 id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
369 pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
370 amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
371 accumsan tincidunt.Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
372 posuere blandit. Curabitur aliquet quam id dui posuere blandit. Proin eget tortor risus. Quisque
373 velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta
374 dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Vestibulum ac
375 diam sit amet quam vehicula elementum sed sit amet dui. Curabitur arcu erat, accumsan id
376 imperdiet et, porttitor at sem. Nulla porttitor accumsan tincidunt.Curabitur aliquet quam id dui
377 posuere blandit. Curabitur aliquet quam id dui posuere blandit. Curabitur aliquet quam id dui
378 posuere blandit. Proin eget tortor risus. Quisque velit nisi, pretium ut lacinia in, elementum
379 id enim. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a
380 pellentesque nec, egestas non nisi. Vestibulum ac diam sit amet quam vehicula elementum sed sit
381 amet dui. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Nulla porttitor
382 accumsan tincidunt.
383 </div>
384 <div>
385 <div class="event__actions">
386 <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
387 alt="">Copy
388 </button>
389 <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg"
390 alt="">Delete
391 </button>
392 <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg"
393 alt="">Resolved
394 </button>
395 </div>
396 <div class="event__related">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]397 <p class="inline event__related-label">Related items:</p>
398 <p class="event__related-item">Attribute-1</p>
399 <p class="event__related-item">Attribute-2</p>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]400 </div>
401 </div>
402 </div>
403 </div>
404 </div>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]405 <!-- EVENT -->
406 <div class="row column event-log__single-event">
407 <div class="row">
408 <div class="column small-1 large-2 event-log__col-check">
409 <label class="control-check">
410 <input type="checkbox" name="events__check" ng-checked="all"/>
411 <div class="control__indicator"></div>
412 </label>
413 </div>
414 <div class="column small-9 large-9 event-log__event-info">
415 <p class="inline event__priority low-priority">Low</p>
416 <p class="inline event__severity">Informational</p>
417 <p class="inline event__description">org.open_power.Error.Host.Event.Event</p>
418 <div>
419 <p class="inline event__id">#00994</p>
420 <p class="inline event__timestamp">03/09/2017 21:00:26 EDT</p></div>
421 </div>
422 <div class="column small-1 large-1">
423 <button class="accord-trigger"></button>
424 </div>
425 </div>
426 <div class="row event__metadata-row">
427 <div class="column small-1 large-1 event-log__col-check">&nbsp;</div>
428 <div class="column small-11 large-11 end">
429 <div class="event__metadata">
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]430 </div>
431 <div>
432 <div class="event__actions">
433 <button class="btn-meta-copy"><img class="event__icon" src="assets/images/icon-copy.svg"
434 alt="">Copy
435 </button>
436 <button class="btn-delete"><img class="event__icon" src="assets/images/icon-trashcan.svg"
437 alt="">Delete
438 </button>
439 <button class="btn-resolve"><img class="event__icon" src="assets/images/icon-checklist.svg"
440 alt="">Resolved
441 </button>
442 </div>
443 <div class="event__related">
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]444 <p class="inline event__related-label">Related items:</p>
445 <p class="event__related-item">Attribute-1</p>
446 <p class="event__related-item">Attribute-2</p>
Michael Davis3a0d4712017-03-27 14:01:34 -0500[diff] [blame]447 </div>
448 </div>
449 </div>
450 </div>
451 </div>
452 </section>
Michael Davis6af13462017-04-04 14:07:02 -0500[diff] [blame]453 <paginate ng-include="paginate"></paginate>
454</div> <!-- end event log -->