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